1. Dashboard
  2. Artikel
  3. Mitglieder
    1. Letzte Aktivitäten
    2. Benutzer online
    3. Team
    4. Mitgliedersuche
  4. Forum
    1. Unerledigte Themen
  • Anmelden
  • Registrieren
  • Suche
Dieses Thema
  1. HTML - Webmaster Forum
  2. HTML / Webmaster Forum
  3. HTML & CSS Forum

Drop Down Navigation

  • HTML/PHP Rookie
  • 23. Dezember 2008 um 10:44
  • HTML/PHP Rookie
    Teeny
    Beiträge
    29
    • 23. Dezember 2008 um 10:44
    • #1

    Hallo!
    Ich habe mal wieder ein kleines,aber feines Problem!
    Ich möchte eine DropDwon Navigation auf einer Homepage einbinden!Alles soweit kein problem!
    Nur hat,der Navipunkt unterdem das DropDown erscheinen soll ein Rolloverbild.
    Nun weiß ich nicht,wie ich diesen verlinken muss,da es ja nun zwei Befehle für onMouseover und onMouseout gibt!
    folgendes habe ich bereits probiert

    HTML
    <a href="default.htm" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu1, '120px');MM_swapImage('Image27','','images/rollover/navi.jpg',1);" onMouseout="delayhidemenu();MM_swapImgRestore()">


    Ich hoffe,das Jemand eine Lösung weiß, Vielen Dank
    Gruß

  • synaptic
    Forum Guru
    Reaktionen
    11
    Beiträge
    10.917
    • 23. Dezember 2008 um 13:03
    • #2

    mach des mit dem rollover doch mit css...
    nimmste nen bild wo beide zustände des buttons drin sind und veränderst einfach die position des bildes...

    wenn du es rein mit javascript machen willst kannste entweder zwei funktionen in den eventhandler stopfen mit nem semikolon getrennt oder du machst ne wrapper-funktion, die nix anderes macht, als die gewünschten funktionen aufzurufen....

  • HTML/PHP Rookie
    Teeny
    Beiträge
    29
    • 23. Dezember 2008 um 18:23
    • #3

    vielen dank schoneinmal für die antwort!

    könntest du mir,ums mit Java zu lösen, vllt ein beispiel geben/oder eine website, wo ichs nachlesen kann?

    danke nocheinmal!

  • synaptic
    Forum Guru
    Reaktionen
    11
    Beiträge
    10.917
    • 23. Dezember 2008 um 19:32
    • #4

    mit java??
    willste jetzt nen applet bauen??
    JAVA ist NICHT JAVASCRIPT!!

    Code
    onmouseover="bla(); blubb();"

    oder

    Code
    function wrapEm(){
    bla();
    blubb();
    }
  • HTML/PHP Rookie
    Teeny
    Beiträge
    29
    • 23. Dezember 2008 um 20:56
    • #5

    mh....
    ich glaube ich muss mir was anderes einfallen lassen,weil so ganz komme ich nich klar :lol:
    vielen dank an dich synaptic!

  • synaptic
    Forum Guru
    Reaktionen
    11
    Beiträge
    10.917
    • 23. Dezember 2008 um 21:16
    • #6

    ich versteh net wirklich wo dein problem liegt.. sry..

  • HTML/PHP Rookie
    Teeny
    Beiträge
    29
    • 23. Dezember 2008 um 21:21
    • #7

    das ich irgendwie überhaupt keinen plan hab,wo ich das,was du an code gegeben hast, einbauen soll bzw. was genau...
    bim und bleib ein Rookie

  • driver
    Forum Guru
    Reaktionen
    6
    Beiträge
    20.727
    • 23. Dezember 2008 um 21:21
    • #8

    ähm... wäre ein dropdown ohne javascript nicht besser ?
    -> http://barrierefrei.e-workers.de/workshops/tricks/menues.php

    >> die icq-schreiberlinge bitte dies hier beachten

    [Blockierte Grafik: http://www.devil-driver.de/stuff/forum-banner.png]

    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  • HTML/PHP Rookie
    Teeny
    Beiträge
    29
    • 25. Dezember 2008 um 11:50
    • #9

    mh....das wäre vllt auch noch eine möglichkeit!
    also ich habe jetzt ein wenig rumprobiert und dabei ist folgendes rausgekommen:

    HTML
    <a onclick="return clickreturnvalue()" onmouseover="dropdownmenu(this, event, menu1, '111px')" onmouseout="delayhidemenu()"><img src="images/8.jpg" width="111" height="42" border="0" onmouseover="this.src='images/rollover/8_1.jpg'" onmouseout="this.src='images/8.jpg'" /></a>

    das ganze klappt auch soweit super! der rollover kommt alles.nur ein problem wäre da noch!ich hätte gerne mehere rollover.sprich das sich nicht nur das eine bild ändert,sondern meherer (also nicht nur this.src sondern hätte ich da gerne 2 oder 3 bilder,die sich ändern)!

    vielen dank nocheinmal,Gruß

  • Unregistriert
    Gast
    • 25. Dezember 2008 um 12:02
    • #10

    dann schreib doch ne javascript-funktion in der du das machst.

    Code
    function rollover(obj1, src1, obj2, src2, obj3, src3){
    var target1 = document.getElementById(obj1);
    var target2 = document.getElementById(obj2);
    var target3 = document.getElementById(obj3);
    
    
    target1.src=src1;
    
    
    target2.src=src2;
    
    
    target3.src=src3;
    
    
    }
    Alles anzeigen

Tags

  • http
  • workshops
  • java
  • funktion
  • apple
  • problem
  • navigation
  • code
  • bild
  • php
  • javascript
  • position
  • lösen
  • tricks
  • down
  • funktionen
  • css
  • target
  • arge
  • rollover
  • dropdown
  • drop
  • wrapper
  1. Datenschutzerklärung
  2. Impressum
Community-Software: WoltLab Suite™
  • Alles
  • Dieses Thema
  • Dieses Forum
  • Artikel
  • Seiten
  • Forum
  • Erweiterte Suche
Zitat speichern