[JS] veranderen van menu knop bij 'onclick'

[Verwijderd]

Allereerst de URL: www.spakenburgsbouwbedrijf.nl

Je ziet een aantal buttons: "organisatie, projecten....." die veranderen van kleur, met "onmouseover".

Vraag is of de button waar je op klikt ook blauw kan blijven, wanneer je de onderliggende pagina bekijkt, deze moet dan wel weer naar de oorspronkelijke kleur (zwart) wanneer je andere button kiest.

Het is volgens de bezoeker op dit moment moeilijk na te gaan in welk onderwerp (projecten, op maat) deze aan het bekijken is. Met een afwijkende button zou dit makkelijker zijn.

Iemand enig idee hoe ik dit aan moet pakken, zonder een verwijzing te maken naar google of hotscripts.

[NMe]

onclick een variabele op true zetten, en op voorwaarde dat die variabele true is de button onmouseout niet meer "gewoon" maken? Vast niet de beste oplossing, maar het geeft wel aan hoe simpel het leven kan zijn.

[Verwijderd]

Zou je misschien aan willen geven wat er veranderd moet worden. JS is niet mijn ding, maar je kan ook niet alles hé !

<SCRIPT TYPE="text/javascript">
<!--

function newImage(arg) {
if (document.images) {
rslt = new Image();
rslt.src = arg;
return rslt;
}
}

function changeImages() {
if (document.images && (preloadFlag == true)) {
for (var i=0; i<changeImages.arguments.length; i+=2) {
document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
}
}
}

var preloadFlag = false;
function preloadImages() {
if (document.images) {

Kontact_over = newImage("images/Kontact_menu_over.png");
organistatie_pver = newImage("images/organistatie_menu_over.png");
projecten_over = newImage("images/projecten_menu_over.png");
maat_over = newImage("images/maat_menu_over.png");
advies_over = newImage("images/advies_menu_over.png");
preloadFlag = true;
}
}

// -->
</SCRIPT>


<a target="I1"
ONMOUSEOVER="changeImages('organistatie', 'images/organistatie_menu_over.png'); return true;"
ONMOUSEOUT="changeImages('organistatie', 'images/organistatie_menu.png'); return false;" href="inline.htm">[img]"images/organistatie_menu.png"[/img]</a><A HREF="subs/projecten.htm" target="I1"
ONMOUSEOVER="changeImages('projecten', 'images/projecten_menu_over.png'); return true;"
ONMOUSEOVER="changeImages('projecten', 'images/projecten_menu.png'); return true;">[img]"images/projecten_menu.png"[/img]<A HREF="subs/maat.htm" target="I1"
ONMOUSEOVER="changeImages('maat', 'images/maat_menu_over.png'); return true;"
ONMOUSEOUT="changeImages('maat', 'images/maat_menu.png'); return true;">[img]"images/maat_menu.png"[/img]<A HREF="subs/advies.htm" target="I1"
ONMOUSEOVER="changeImages('advies', 'images/advies_menu_over.png'); return true;"
ONMOUSEOUT="changeImages('advies', 'images/advies_menu.png'); return true;">[img]"images/advies_menu.png"[/img]<A HREF="subs/kontact.htm" target="I1"
ONMOUSEOVER="changeImages('Kontact', 'images/Kontact_menu_over.png'); return true;"
ONMOUSEOUT="changeImages('Kontact', 'images/Kontact_menu.png'); return true;">[img]"images/Kontact_menu.png"[/img]</td></td></td></td>

[André]

Zoals -NMe- al zegt, sla in een variabele op welke button geklikt is met onclick, en cancel aan de hand daarvan de mouseout

En dan wil je geen verwijzing naar hotscripts of google, maar dat zijn toch de manieren om dit soort scripts te vinden. Het is niet de bedoeling dat wij hier een kant-en-klaar script voor je gaan maken omdat scriptrequests niet gewenst zijn.

Verwijderd schreef op maandag 02 mei 2005 @ 20:30:
Zou je misschien aan willen geven wat er veranderd moet worden. JS is niet mijn ding, maar je kan ook niet alles hé !

Maar je kunt er iig wel wat moeite voor doen, het is hier niet de persoonlijke scriptrequest desk van ADH Dus heb je zelf al iets geprobeerd, en zo ja: wat lukt er niet?

[ Voor 29% gewijzigd door André op 02-05-2005 20:35 ]