kostenloser Webspace werbefrei: lima-city

Navigation

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

1. Autor dieses Themas

   hyrsch

   hyrsch hat kostenlosen Webspace.

   17:02, 27.10.2005

   Hi!
   Ich versuche schon seit einiger Zeit eine Navigation mit Javascript und CSS zu erstellen. Leider bin ich was Javascript betrifft noch blutiger Anf?nger (um nicht noob zu sagen ^^). Naja so stelle ich mir das ganze vor: http://hyrsch.pyrokar.lima-city.de/menu.gif
   
   Eigentlich recht einfach, dass mit display:none / display:block zu realisieren, doch ich scheitere vor allem daran, dass ich nicht wei?, wie ich die alten Untergeordneten Links wieder auf none bringe wenn ich ?ber einen anderen Link hovere. Hab es mit arrays versucht, leider komme ich damit nicht wirklich zurecht. Vielleicht hat jemand schon einmal etwas ?hnliches gemacht oder kennt ein gutes Tutorial.
   Danke
   hYrsch

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

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

3. m*2

   0:44, 28.10.2005

   Vll so:
   
   <script text="type/javascript">
   function hover(elem)
   {
   var box = document.getElementById(elem);
   box.style.left="10px";
   }
   function weg(elem)
   {
   var box = document.getElementById(elem);
   box.style.left="3000px";
   }
   </script>
   
   <div style="position:absolute;left:10px;top:25px">
   <span onmouseover="hover('gruppe1');" onmouseout="weg('gruppe1');">link 1</span>
   ...
   </div>
   
   <div id="gruppe1" style="position:absolute;left:-3000px;top:50px">
   Unterlink 1
   ...
   </div>
   
   -----------------------------------------
   
   Habe den Code aber nicht getestet
4. Autor dieses Themas

   hyrsch

   hyrsch hat kostenlosen Webspace.

   8:15, 28.10.2005

   hm.. danke f?r die bem?hung.. leider ist nichts davon f?r mich brauchbar

5. bladehunter

   

   bladehunter hat kostenlosen Webspace.

   10:13, 28.10.2005

   du machst folgendes:
   
   Du wei?t jedem Men?eintrag eine eindeutige ID (also <div id="" )zu und ordnest dann die <div>'s mit position:absolute so an, wie du sie haben m?chtest.
   http://de.selfhtml.org/css/eigenschaften/positionierung.htm#position
   Dann f?gst du zu jedem <div> noch das Attribut OnClick ein.
   <div id="" OnClick="document.getElementById('die_id_des_untereintrages_im_menu1').style.display:inline;document.getElementById('die_id_des_untereintrages_im_menu2').style.display:inline;document.getElementById('die_id_des_untereintrages_im_menu3').style.display:inline;document.getElementById('die_id_des_untereintrages_im_menu4').style.display:inline; ... ">
   
   </div>
   
   Das sollte dir einen Denkansto? geben.
6. Autor dieses Themas

   hyrsch

   hyrsch hat kostenlosen Webspace.

   23:19, 29.10.2005

   ja.. so hatte ich das auch.
   
   w?rde es allerdings gerne etwas dynamischer machen. (sodass ich einfach nur die links oben und die dazugeh?rigen links unten in ein array schreibe).
   trotzdem vielen dank

7. totalkiller

   totalkiller hat kostenlosen Webspace.

   11:00, 30.10.2005

   Schau dir das mal an: http://www.killer-city.de.vu und sag mir ob das deinen Vorstellungen entspricht.

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

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

Dir gefällt dieses Thema?