kostenloser Webspace werbefrei: lima-city

link bei berührung.... ....unten Text

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

1. Autor dieses Themas

   checkerle

   

   checkerle hat kostenlosen Webspace.

   14:12, 2.9.2007

   www.Friedensschule-rhede.de/lhs
   klickt mal auf den link ^
   Mich würde mal interessieren wie die das mit den Links gemacht haben!
   also wenn man einen Link mit der maus berührt steht da unten dann z.B.
   bei \"Wir\" ---> SV Kolegium Verwaltung Schüler
   
   Wisst ihr wie das funktioniert? Wäre nett es hier zu Notieren denn soetwas würde ich gerne mal in meine HP einbauen!

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

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

3. sandrock-jonas

   

   sandrock-jonas hat kostenlosen Webspace.

   14:22, 2.9.2007

   So etwas kannst du mit JavaScript machen. Du fügst einfach bei dem Link (<a>...</a>) zwei Event-Handler ein:
   

   <a href=\"#\" onmouseover=\"document.getElementById(\'text\').innerHTML=\'der Text erscheint\'\" onmouseout=\"document.getElementById(\'text\').innerHTML=\'...\'\">Linktext</a>
   <div id=\"text\">...</div>

4. heavyraptor

   heavyraptor hat kostenlosen Webspace.

   14:22, 2.9.2007

   Hi,
   
   das geht z.B. so:
   
   

   <script type=\\\"text/javascript\\\">
   function chdivc(html) {
     if (!html) html = \\\'\\\';
     document.getElementById(\\\'div01\\\').innerHTML = html;
   }
   </script>
   
   <a href=\\\"foo.php\\\" onmouseover=\\\"chdivc(\\\'Blabla\\\')\\\" onmouseout=\\\"chdivc()\\\">Link 1</a>
   <a href=\\\"bar.php\\\" onmouseover=\\\"chdivc(\\\'Okay ...\\\')\\\" onmouseout=\\\"chdivc()\\\">Link 2</a>
   
   <div id=\\\"div01\\\"></div>

   
   
   Sollte eigentlich funktionieren.
   Alles klar?
   
   /Edit: zu lahm ...
   
   mfg,
   hr
   
   Beitrag geändert: 2.9.2007 14:22:56 von heavyraptor

5. i-spacke

   

   i-spacke hat kostenlosen Webspace.

   14:26, 2.9.2007

   Das geht auch ohne JS.
   http://meyerweb.com/eric/css/edge/popups/demo.html

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

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

Dir gefällt dieses Thema?