DIV ID und JavaScript

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • DIV ID und JavaScript

    hallo zusammen

    ich habe mehrere container mit <div id="id_name" style="position: absolute; bottom: 50px; visibility: hidden usw.> definiert

    mit einer funktion will ich jetzt jeweils einen container sichtbar und alle anderen unsichtbar machen. das klappt auch wunderbar, wenn ich in der funktion jeden container einzeln anspreche mit
    PHP-Code:
    function Drueck(id)
    {
        
    level1.style.visibility 'hidden';
        
    level2.style.visibility 'hidden';
        
    usw....
        
    id.style.visibility 'visible';

    id ist eine variable die ich bei
    PHP-Code:
    onClick "Drueck(level2);" 
    übergebe, die wird dann auch sichtbar.jetzt will ich aber alle container per array in einer schleife unsichtbar machen, und nichts funzt. wenn ich ein array wie folgt definiere:
    PHP-Code:
    unsichtbar = new Array('level1','level2',usw); 
    und dann in der funktion mit
    PHP-Code:
    for (0unsichtbar.lengthi++)
    {
         
    unsichtbar[i].style.visibility 'hidden';

    arbeiten will, krieg ich immer ne fehlermeldung. alle variablen sind als global definiert, daran kann es nicht liegen. was ja eigentlich logisch ist, da der code dann etwa so aussehen würde:
    PHP-Code:
    ' level1'.style.visibility 'hidden'
    was z.T. muss ich machen, damit das in einer schleife mit einem array klappt?

    gruss
    peter
    Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
    Meine Seite

  • #2
    probier mal
    Code:
    document.getElementById(unsichtbar[i]).style.visibility = 'hidden';
    Ich denke, also bin ich. - Einige sind trotzdem...

    Kommentar


    • #3
      jau klappt wunderbar, danke.
      aber jetzt das nächste problem

      ich will den entsprechenden container in einer animation verschieben

      setTimeout("document.getElementById(id).style.bottom='80px'", 100);

      wirft eine fehlermeldung aus.

      setTimeout(document.getElementById(id).style.bottom='80px', 100);

      funktioniert (auch wenn die syntax wohl faslch ist), wirft aber auch eine fehlermeldung aus


      gruss
      peter
      Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
      Meine Seite

      Kommentar


      • #4
        mach diese anweisung in ne funtion und ruf die funktion mit settimeout auf
        Ich denke, also bin ich. - Einige sind trotzdem...

        Kommentar


        • #5
          mach diese anweisung in ne funtion und ruf die funktion mit settimeout auf
          werde ich mal heute abend antesten, danke.

          peter
          Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
          Meine Seite

          Kommentar

          Lädt...
          X