kostenloser Webspace werbefrei: lima-city

Javascript - Toggle blinkt nur auf

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   momar-blog

   momar-blog hat kostenlosen Webspace.

   18:22, 23.1.2011

   Hallo,
   Ich habe eine Toggle Funktion die ein Element auf der Seite ein- oder ausblenden soll.
   

   function Toggle(id)
    {
     $eid = document.getElementById(id);
     if ( $eid.style.display=='none' ) {
      $eid.style.display = 'block';
     } else {
      $eid.style.display = 'none';
     }
    }

   
   Das Element blinkt kurz auf und verschwindet dann wieder. Woran kann das liegen? Der Aufruf ist wiefolgt:
   

   <a href="" onclick="Toggle('menu')"><font color="#008000">zu einem bestimmten Abschnitt</font></a>

   
   "menu" ist beispielsweise:
   

   <div id="menu" style="display:none;">Hallo!!!</div>

   
   
   Beitrag zuletzt geändert: 23.1.2011 18:22:54 von momar-blog

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. metalmachine

   

   metalmachine hat kostenlosen Webspace.

   18:45, 23.1.2011

   Bei Links (und Formularen) hat das onclick-Event eine besondere Eigenschaft: es kann einen Return-Wert liefern, der entscheidet, ob nach dem Ausführen des onclick-Events auch der Link aufgerufen wird. Standardmäßig liefert der Event true und der Link wird aufgerufen. In deinem Fall lädt der Link einfach die aktuelle Seite neu.

   <a href="" onclick="Toggle('menu'); return false;">...

   Auf diese Weise wird Toggle() aufgerufen, und der Link selbst nicht. Alternativ könntetst du das auch so umgehen:

   <a href="javascript:Toggle('menu');">...

4. Autor dieses Themas

   momar-blog

   momar-blog hat kostenlosen Webspace.

   19:02, 23.1.2011

   Ah OK, jetzt auch selbst rausgefunden, dass da die Seite neu geladen wird.
   Danke für die Mühe, metalmachine, so funktioniert es jetzt!
   

   <a href="" onclick="Show('menu'); return false;">

   
   
   Beitrag zuletzt geändert: 23.1.2011 19:04:56 von momar-blog

5. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?