tutorials.de Buch-Aktion 05/2012
ERLEDIGT
JA
ANTWORTEN
10
ZUGRIFFE
2532
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. 19.07.03 01:19 #1
    chilly chilly ist offline Rookie
    Registriert seit
    Jul 2003
    Beiträge
    6
    Hi!

    Ich suche eine DHTML Menü in dem Stil, wie es das mal von Oliver Kertesz gab. Leider ist seine Seite nun down und ich kann mir sein Script nicht mehr runterladen.
    Das Menü sollte keine Grafiken und sollte nicht allzuschwer zu editieren sein. Ohne grossen Schnickschnack sonder nur ein Link und wenn man auf den klickt, öffnet sich da unter ein neuer Link.
    Würd mich über Hilfe freuen. (Wer tut das hier nicht... )

    Gruss chilly

    PS: Noch ein Beispiel, wie ich das mein:

    Link1
    Link2

    --> Bei klick auf 'Link1'

    Link1
    -Unterlink1
    -Unterlink1
    Link2

    --> Bei klick auf 'Link2'

    Link1
    Link2
    -Unterlink1
    -Unterlink2
    Geändert von chilly (19.07.03 um 01:34 Uhr)
     
    Zitieren Zitieren
  2. 19.07.03 02:24 #2
    Avatar von Andreas Gaisbauer
    Andreas Gaisbauer Andreas Gaisbauer ist offline
    Registriert seit
    Apr 2002
    Ort
    Ingolstadt
    Beiträge
    2.940
    Hallo,

    http://www.tutorials.de/tutorials24983.html schon angeschaut? Geht das in die richtige Richtung?

    bye
     
    Zitieren Zitieren
  3. 19.07.03 03:19 #3
    chilly chilly ist offline Rookie
    Registriert seit
    Jul 2003
    Beiträge
    6
    Ohhh ein Nachtmensch

    Genau das suchte ich, muss ich wohl übersehen haben.
    Danke!
     
    Zitieren Zitieren
  4. 15.01.06 16:24 #4
    afro afro ist offline Grünschnabel
    Registriert seit
    Jan 2006
    Beiträge
    4
    Hi ich habe noch ein Problem mit dem script.

    Ich habe das onklick ausgetauscht gegen onmouseover.
    Jetzt habe ich als Javaanfänger keine Ahnung wie ich es anstelle das das untermenü geschlossen wird.
    Ich denke mal mit onmouseout..... aber wie genau


    Hier mal ein kleiner Codeausschnittt der interesant sein könnte.
    Code :
    1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34

    <script type="text/javascript">
<!--
function show(divid) {
d=document;
d.getElementById("cat1").style.display="none";
d.getElementById(divid).style.display="inline";
}
 
//-->
</script>
  </head>
  <body>
    <!--bilder für das Layout-->
    <img src="bilder/head.jpg" class="head">
    <img src="bilder/navi.gif"class="navi">
    <img src="bilder/sheesha.gif" class="sheesha">
    <!--ender des Layouts-->
    <!--Navigation-->
    <div class="navi">
      <b>home</b><br>
      <a href="#" onmouseover="show('cat1')">members</a><br>
      <div id="cat1" style="display:none" class="membernav">
        <a href="patrick.htm">Patrick</a>
        <a href="#">Pascal</a>
        <a href="#">Manuel</a>
        <a href="#">Sascha</a>
      </div>
      <a href="pics.htm">pics</a><br>
      <a href="tabak.htm">tabak</a><br>
      <a href="links.htm">links</a><br>
      <a href="guestbooaddy">guestbook</a>
    </div>
    
    <!--ende der der Navigation-->
    Währe nett wenn mir da einer helfen könnte

    PS: Wie macht ihr das hier mit dem grauen hintergrund bei Quellcodes
     
    Zitieren Zitieren
  5. 15.01.06 16:33 #5
    Maik Tutorials.de Gastzugang
    Zitat Zitat von afro
    Hi ich habe noch ein Problem mit dem script.
    Da sich deine Frage auf Javascript bezieht, schiebe ich den Thread mal in das entsprechende Forum.


    Zitat Zitat von afro
    PS: Wie macht ihr das hier mit dem grauen hintergrund bei Quellcodes
    Entweder mit [code ] ... [/code], [html ] ... [/html], oder [php ] ... [/php]
     
    Zitieren Zitieren
  6. 15.01.06 20:12 #6
    Maik Tutorials.de Gastzugang
    Lösungsvorschlag, um Submenü(s) mit dem Event-Handler onmouseover zu öffnen und mit onmouseout wieder zu schliessen:

    Code :
    1
2
3
4
5
6
7
8
9
10
11
12
13

    <script type="text/javascript">
<!--
function ShowHide(id) {
    obj = document.getElementsByTagName("div");
    if (obj[id].style.display == 'inline'){
    obj[id].style.display = 'none';
    }
    else {
    obj[id].style.display = 'inline';
    }
}
//-->
</script>
    HTML-Code:
    <!--Navigation-->
    <div class="navi">
      <b>home</b><br>
      <a href="#" onmouseover="ShowHide('cat1')">members</a><br>
      <div id="cat1" style="display:none" class="membernav" onmouseout="ShowHide('cat1')">
        <a href="patrick.htm">Patrick</a><a href="#">Pascal</a><a href="#">Manuel</a><a href="#">Sascha</a><br>
      </div>
      <a href="pics.htm">pics</a><br>
      <a href="tabak.htm">tabak</a><br>
      <a href="links.htm">links</a><br>
      <a href="guestbooaddy">guestbook</a>
    </div>
<!--ende der der Navigation-->
     
    Zitieren Zitieren
  7. 16.01.06 12:58 #7
    afro afro ist offline Grünschnabel
    Registriert seit
    Jan 2006
    Beiträge
    4
    Danke jezt funktioniert es habwegs.
    Das Menü verschwindet sobald ich nicht mehr drüber binn. Ausser wenn ich von members nach unten weg gehe zum Beispiel zu "pics", dann bleibt sie offen.
    kann da nochmal jemand schauen?
    währe super.

    Danke im vorraus
    Geändert von afro (16.01.06 um 13:06 Uhr)
     
    Zitieren Zitieren
  8. 16.01.06 16:27 #8
    Maik Tutorials.de Gastzugang
    Zitat Zitat von afro
    Ausser wenn ich von members nach unten weg gehe zum Beispiel zu "pics", dann bleibt sie offen.
    Bei mir schliesst sich das Submenü, wenn ich die Maus nach unten (z.B. zum Link 'pics') bewege ...
     
    Zitieren Zitieren
  9. 16.01.06 19:04 #9
    afro afro ist offline Grünschnabel
    Registriert seit
    Jan 2006
    Beiträge
    4
    Komisch. im ie gehts soweit ich ds oben beschrieben habe.
    Im Firefox geht es sofort wieder zu wenn ich über den 2. Unterpunkt gehe. Sprich ich kann nur den ersten unterpunkt auswählen.
    is doch Komisch alles.

    naja mal sehe nob eier das hinbekommt.
     
    Zitieren Zitieren
  10. 16.01.06 21:23 #10
    Maik Tutorials.de Gastzugang
    Vielleicht helfen dir diese beiden Demos eines DHTML-Menüs weiter?
    1. alsacreations.com: Menu déroulant horizontal

    2. alsacreations.com: Menu déroulant vertical
     
    Zitieren Zitieren
  11. 17.01.06 09:31 #11
    afro afro ist offline Grünschnabel
    Registriert seit
    Jan 2006
    Beiträge
    4
    Cool danke ich guck mal wenn ich Zeit habe. danke schonmal
     
    Zitieren Zitieren
« Kommunikation JS -> PHP und PHP -> JS | 2 html-Dateien in 2 versch. Frames mit EINEM klick öffnen »

Ähnliche Themen

  1. DHTML Menü
    Von Radii im Forum Javascript & Ajax
    Antworten: 2
    Letzter Beitrag: 08.10.07, 17:14
  2. DHTML Menü (JS) mit CSS
    Von monaco05 im Forum Javascript & Ajax
    Antworten: 1
    Letzter Beitrag: 27.08.05, 21:53
  3. DHTML Menü
    Von GuTeLaUnEbÄr im Forum Javascript & Ajax
    Antworten: 1
    Letzter Beitrag: 13.07.04, 13:07
  4. Dhtml Menü fix
    Von danielmueller im Forum Javascript & Ajax
    Antworten: 0
    Letzter Beitrag: 02.02.04, 13:54
  5. DHTML Menü problem
    Von ITBaer im Forum HTML & XHTML
    Antworten: 3
    Letzter Beitrag: 01.08.03, 14:01