Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 15 von 29

Thema: javascript/CSS Element Sichtbar bzw. unsichtbar machen

  1. #1
    Photoshop-Künstler Avatar von CreamyCewie
    Registriert seit
    18.02.11
    Ort
    Nirgendwo :P
    Beiträge
    579

    javascript/CSS Element Sichtbar bzw. unsichtbar machen

    Hi.

    Ich habe ein DIV-Element mit dem Namen SubCat1
    Ich will bei klick auf einen <a></a> Link prüfen ob diese DIV sichtbar ist, oder nicht.
    Wenn Sie sichtbar ist, soll sie Unsichtbar werden, ansonsten sichtbar.

    Wie kann ich das lösen?

    Derzeit wollt ich es wenigstens Sichtbar machen, mittels
    HTML-Code:
    <script type="Text/Javascript">
    function Sub1Show() {
    document.getElementById('SubCat1').style.display='block';
    </script>
    einblenden, und mittels
    HTML-Code:
     <a href="#show" onclick="Sub1Show()">Kategorie 1</a>
    wollte ich es aufrufen, nur passiert gar nix


    Was kann ich nun machen?


    Danke & LG

    Creamy

  2.   Anzeige

     
  3. #2
    Administrator Avatar von Astrominus
    Registriert seit
    03.09.01
    Ort
    Niefern
    Beiträge
    13.453

    AW: javascript/CSS Element Sichtbar bzw. unsichtbar machen

    Versuche es mal so:

    HTML-Code:
    <script type="Text/Javascript">
    function Sub1Show() {
    if(document.getElementById('SubCat1').style.display=='block')
    document.getElementById('SubCat1').style.display='hidden';
    else
    document.getElementById('SubCat1').style.display='block';
    
    </script>

  4. #3
    Photoshop-Künstler Avatar von CreamyCewie
    Registriert seit
    18.02.11
    Ort
    Nirgendwo :P
    Beiträge
    579

    AW: javascript/CSS Element Sichtbar bzw. unsichtbar machen

    o.k. danke, allerdings tut sich da nix.

    könnte vill am Aufruf was hapern?

    lg

  5. #4
    Außer Betrieb Avatar von QuHno
    Registriert seit
    15.05.02
    Ort
    "Provinz voll Leben"
    Beiträge
    8.856

    AW: javascript/CSS Element Sichtbar bzw. unsichtbar machen

    Ist es scope mäßig überhaupt für das Script sichtbar?

    Gib mal
    javascript:alert(document.getElementById('SubCat1'));
    in die Adresseingabezeile ein. Wenn da nicht "[object HTMLDivElement]" oder was ähnliches ausgegeben wird: Problem.

  6. #5
    Administrator Avatar von Astrominus
    Registriert seit
    03.09.01
    Ort
    Niefern
    Beiträge
    13.453

    AW: javascript/CSS Element Sichtbar bzw. unsichtbar machen

    Ich sehe gerade, das von einem Div-Container mit Namen "SubCat1" sprichst, das Script benötigt aber eine ID "SubCat1".

    Richtig wäre also <div id="SubCat1"> und nicht <div name="SubCat1">

    Check das mal bitte.

  7. #6
    Photoshop-Künstler Avatar von CreamyCewie
    Registriert seit
    18.02.11
    Ort
    Nirgendwo :P
    Beiträge
    579

    AW: javascript/CSS Element Sichtbar bzw. unsichtbar machen

    Ja ich hab <div id="SubCat1">.

    Das mit dem Alert test ich mal

  8. #7
    Administrator Avatar von Astrominus
    Registriert seit
    03.09.01
    Ort
    Niefern
    Beiträge
    13.453

    AW: javascript/CSS Element Sichtbar bzw. unsichtbar machen

    Aaaah...
    <a href="#show" onclick="Sub1Show()">Kategorie 1</a>

    onclick auf einen Link geht nicht.

    Nimm das.
    <a href="javascript:Sub1Show()">Kategorie 1</a>

  9. #8
    Photoshop-Künstler Avatar von CreamyCewie
    Registriert seit
    18.02.11
    Ort
    Nirgendwo :P
    Beiträge
    579

    AW: javascript/CSS Element Sichtbar bzw. unsichtbar machen

    Zitat Zitat von QuHno Beitrag anzeigen
    Ist es scope mäßig überhaupt für das Script sichtbar?

    Gib mal
    javascript:alert(document.getElementById('SubCat1'));
    in die Adresseingabezeile ein. Wenn da nicht "[object HTMLDivElement]" oder was ähnliches ausgegeben wird: Problem.
    Da wird nix ausgegeben, also klappt der Aufruf der Funktion nicht?

  10. #9
    Administrator Avatar von Astrominus
    Registriert seit
    03.09.01
    Ort
    Niefern
    Beiträge
    13.453

    AW: javascript/CSS Element Sichtbar bzw. unsichtbar machen

    Gleichzeitig gepostet

    Schau mal über deinem letzten Post.
    Damit müsste es gehen.

  11. #10
    Photoshop-Künstler Avatar von CreamyCewie
    Registriert seit
    18.02.11
    Ort
    Nirgendwo :P
    Beiträge
    579

    AW: javascript/CSS Element Sichtbar bzw. unsichtbar machen

    Hab ich jetzt, da tut sich trotzdem nix

  12. #11
    Administrator Avatar von Astrominus
    Registriert seit
    03.09.01
    Ort
    Niefern
    Beiträge
    13.453

    AW: javascript/CSS Element Sichtbar bzw. unsichtbar machen

    Vielleicht musst Du Deinem Div-Container die CSS-Parameter erst noch vorgeben.

    Sonst hat es ja beim ersten Klick kein Attribut und wird somit auf jeden Fall angezeigt.

    z.B:
    <div id="SubCat1" style="display: hidden">

    Dann wäre es zuerst unsichtbar und müsste mit einem Klick sichtbar werden.

  13. #12
    Photoshop-Künstler Avatar von CreamyCewie
    Registriert seit
    18.02.11
    Ort
    Nirgendwo :P
    Beiträge
    579

    AW: javascript/CSS Element Sichtbar bzw. unsichtbar machen

    Ich hab den Fehler jetz gefunden, es hat ne }-Klammer gefehlt^^

    HTML-Code:
     function Sub1Show() {
                    if(document.getElementById('SubCat1').style.display=='block')
                {document.getElementById('SubCat1').style.display='hidden';}
                else
                {document.getElementById('SubCat1').style.display='block';}}
    Allerdings funktioniert nur ein Teil.

    Das DIV erscheint.
    Wenn ich aber nochmal draufklicke, sollte es wieder unsichtbar sein, das tut es nicht.

  14. #13
    Außer Betrieb Avatar von QuHno
    Registriert seit
    15.05.02
    Ort
    "Provinz voll Leben"
    Beiträge
    8.856

    AW: javascript/CSS Element Sichtbar bzw. unsichtbar machen


  15. #14
    Administrator Avatar von Astrominus
    Registriert seit
    03.09.01
    Ort
    Niefern
    Beiträge
    13.453

    AW: javascript/CSS Element Sichtbar bzw. unsichtbar machen

    Verdammt

    Klar Display="none".
    Ich verwechsel das immer mit hidden, das man anderswo setzen muss.

  16. #15
    gesperrt Avatar von unityself
    Registriert seit
    27.10.11
    Beiträge
    65

    Fröhlich AW: javascript/CSS Element Sichtbar bzw. unsichtbar machen

    element steht für dein Objekt.
    HTML-Code:
    <script language="JavaScript" type="text/javascript">
    <!--
    function toggleDiv(element){
     if(document.getElementById(element).style.display == 'none')
      document.getElementById(element).style.display = 'block';
     else
           document.getElementById(element).style.display = 'none';
    }
    //-->
    </script>
    Fertig

Seite 1 von 2 12 LetzteLetzte

Ähnliche Themen

  1. Autos sichtbar machen
    Von Opa50 im Forum Trackmania [SRC] - Forum
    Antworten: 4
    Letzter Beitrag: 18.01.09, 11:58
  2. Carskins sichtbar machen
    Von Speedy09 im Forum Trackmania [SRC] - Forum
    Antworten: 5
    Letzter Beitrag: 15.05.08, 13:29
  3. Skins sichtbar machen
    Von bluedevel89 im Forum Trackmania [SRC] - Forum
    Antworten: 2
    Letzter Beitrag: 22.04.08, 23:47
  4. Car Skins und Avatare sichtbar machen ...
    Von L3cKy im Forum Trackmania [SRC] - Forum
    Antworten: 3
    Letzter Beitrag: 06.12.07, 00:57
  5. [WinXP] Administratorenkonto sichtbar machen!
    Von loriot71 im Forum Alles rund um Windows
    Antworten: 2
    Letzter Beitrag: 11.02.04, 20:11

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •