Vraag & Antwoord

Webprogrammeren & scripting

Javascript probleempje

8 antwoorden
  • Hallo allemaal, Ik heb een probleem met een menu het menu is alsvolgt ik heb er 1 knop uitgehaalt. [code:1:7dd16f19ee] <div class="menuknop" style="margin-left:20px;"> <A HREF="index.php" onMouseOver="act('button1')" onMouseOut="inact('button1')"> <IMG SRC="images/menu_home.gif" NAME="button1" BORDER="0" ALT="Home"></A> </div><div class="rand_vertm"></div> [/code:1:7dd16f19ee] [code:1:7dd16f19ee]<SCRIPT LANGUAGE="JavaScript"> <!-- if (document.images) { var button1u = new Image(); button1u.src = "images/menu_home.gif"; var button1o = new Image(); button1o.src = "images/menu_home-over.gif"; } function act(imgName) { if (document.images) document[imgName].src = eval(imgName + "o.src"); } function inact(imgName) { if (document.images) document[imgName].src = eval(imgName + "u.src"); } // --> </SCRIPT>[/code:1:7dd16f19ee] Zodra de pagina geladen wordt heb ik de volgende functie die laad [code:1:7dd16f19ee]<body onload="act('button1')">[/code:1:7dd16f19ee] Dit werkt perfekt hij laat de onover button zien. Alleen nu is het geval als je er over heen gaat en je gaat er vanaf dan pakt hij weer de onout functie en dit moet natuurlijk niet want je bent op die pagina dus je moet er moet niks gebeuren als je er over gaat. Het menu en het script worden geinclude op de pagina's hoe zorg ik ervoor dat als de pagina laad hij de onoutfuctie van een bepaalde button uitzet? alvast bedankt.
  • Een eenvoudige (maar niet de netste ;)) oplossing is om in een globale variabele bij te houden welke optie 'selected' is. [code:1:9ecb996a45]<SCRIPT LANGUAGE="JavaScript"> <!-- // hier bijhouden welke image er is geselecteerd var selectedButton = 'button1'; window.onload = function () { act(selectedButton); } if (document.images) { var button1u = new Image(); button1u.src = "images/menu_home.gif"; var button1o = new Image(); button1o.src = "images/menu_home-over.gif"; } function act(imgName) { if (document.images) document[imgName].src = eval(imgName + "o.src"); } function inact(imgName) { if (document.images && imgName != selectedButton) document[imgName].src = eval(imgName + "u.src"); } // --> </SCRIPT>[/code:1:9ecb996a45] De onload van de body tag kan je nu verwijderen. p.s. De code die je gebruikt is best wel 'antiek' ;) Als je wat zoekt op internet dan zijn er betere technieken beschikbaar voor images met mouseover wijzigingen.
  • kan je een voorbeeld geven waar ik een betere manier kan vinden? Ik ben bezig op me stage om een handleiding voor hun te schrijven hoe ze het beste dingen kunnen doen. Dus hoe korter en nieuwer hoe beter.. ps. Je oplossing werkt perfekt!
  • [quote:3f929cb6e5="crazyme"]geef eens ene voorbeeld waar ik een betere manier kan vinden dan. Ik ben bezig op me stage om een handleiding voor hun te schrijven hoe ze het beste dingen kunnen doen. Dus hoe korter en nieuwer hoe beter..[/quote:3f929cb6e5]Hey, geen scriptrequests hè... ;) Gewoon goed Googlen. Tip: gebruik "javascript dom" in je query... :roll: - Bas
  • [quote:5695970c54="BasHamar"][quote:5695970c54="crazyme"]geef eens ene voorbeeld waar ik een betere manier kan vinden dan. Ik ben bezig op me stage om een handleiding voor hun te schrijven hoe ze het beste dingen kunnen doen. Dus hoe korter en nieuwer hoe beter..[/quote:5695970c54]Hey, geen scriptrequests hè... ;) Gewoon goed Googlen. Tip: gebruik "javascript dom" in je query... :roll: - Bas[/quote:5695970c54] Ik heb allang gezocht op internet maar vond dit de beste manier... je kan toch een voorbeeld geven hoe het beter kan!
  • [quote:ed8c87edc1="crazyme"] je kan toch een voorbeeld geven hoe het beter kan![/quote:ed8c87edc1] Ja, ok, het lukt niet in een keer; dan hoef je niet pissig te worden. Kant en klare oplossingen doen "we" hier niet zo heel vaak aan. t.
  • [quote:b6ff6fd17d="teacher"][quote:b6ff6fd17d="crazyme"] je kan toch een voorbeeld geven hoe het beter kan![/quote:b6ff6fd17d] Ja, ok, het lukt niet in een keer; dan hoef je niet pissig te worden. Kant en klare oplossingen doen "we" hier niet zo heel vaak aan. t.[/quote:b6ff6fd17d] ben ook niet pissig hoor. haha kwam beetje beroerd over he :P en ik ben wel bekent op dit forum hoor en hoef ook geen kant en klare oplossing wil er zelf ook van leren maar het is wel handig als ik weet wat ik moet zoeken daarom zou een voorbeeld welkom zij.... :)
  • Wordt hier een menu bedoeld waarbij de menuknoppen uit plaatjes bestaan, en het plaatje verandert bij een mouseover? (Ik snap nauwelijks javascript, vandaar mijn vraag.) In dat geval heb je misschien wat aan een tutorial over [url=http://www.tanfa.co.uk/css/examples/rollover-images-no-preload.asp]CSS rollover images[/url].

Beantwoord deze vraag

Weet jij het antwoord op deze vraag? Registreer of meld je aan met je account

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.