[html+javascript] on mousclick plaatje veranderen

[6bit]

Ik moet een website in elkaar zetten. Ik heb alleen html en javascript tot mijn beschikking. Lukt allemaal prima, maar men wil hier dat er wanneer er op een menuitem geklikt wordt, er een verandering plaatsvind in een plaatje helemaal bovenin. Let wel, bij mouseclick en niet bij mouseover

Dus op het moment dat er op een bepaald menu-item geklikt wordt, moet er een plaatje verschijnen/veranderen bovenin de pagina, deze verandering moet blijven totdat er op een ander menu-item geklikt wordt (of er op back geklikt wordt)
Ik heb gegoogled, maar weet niet precies hoe ik dit moet noemen en dat maakt het invullen van zoektermen ook wat lastiger.

Ik vermoed dat het iets simpels is in javascript, en dat ik alleen een zetje in de juiste richting nodig heb. iemand een idee?

[Reinier]

Dat moet wel lukken met juiste zoektermen

[disjfa]

Mouseclick is in javascript onclick. Zoek daar eens op en bedenk wat je ermee kan zou ik zeggen

[Osiris]

Plaatje wat je wil laten veranderen een id geven en met getElementById() de src aanpassen

[ Voor 12% gewijzigd door Osiris op 13-10-2005 11:35 ]

[6bit]

ok dat was het genoemde zetje en idd de juiste termen, ik kwam er niet op jongens bedankt voor de snelle hulp!!!!

[6bit]

ik ben een heel eind op weg, maar loop nu vast

ik heb dit als functie

HTML:

<script type="text/javascript" language="javascript">
function showPic (whichpic) {
 if (document.getElementById) {
 document.getElementById('sfeer').src = whichpic.href;
 return false;
 }else
 {
 return true;
 }
 }
</script>

dit is de source van het plaatje

HTML:

[img]"sfeerklein.jpg"[/img]

en zo zijn de links die ervoor zouden moeten zorgen dat het plaatje veranderd

HTML:

<a href="content/visie.html" target="iframe" onclick="return showPic(this)" href="sfeerbedrijf.jpg" id="sfeer1">Visie</a>

Hij haalt het origineel plaatje wel weg, maar zet er geen nieuwe meer neer

[disjfa]

Als je whichpic.href in een alert gaat zetten (alert(whichpic.href);) dan denk ik dat er `content/visie.html` komt te staan. In een <a> kan namelijk maar één href staan

[ Voor 6% gewijzigd door disjfa op 13-10-2005 13:56 ]

[antipode]

Ik heb voor school ook zoiets eens moeten maken, een tijdje geleden. Mijn werkje mag je gerust gebruiken. Alleen gebruik ik wel mouse-over ipv click, maar dat zou slechts een kleine verandering met zich meebrengen.
zie hier voor mijn bescheiden opdrachtje. suc6

[disjfa]

antipode schreef op donderdag 13 oktober 2005 @ 14:01:
Ik heb voor school ook zoiets eens moeten maken, een tijdje geleden. Mijn werkje mag je gerust gebruiken.

Als de code nuttig was zou het idd handig zijn. Maar dit is niet echt bepaald nette en/of nuttige code Voor een schoolwerkje leuk maar in het echt niet

[6bit]

hoe los ik op dat er maar 1 href in <a> kan? of ben ik helemaal verkeerd bezig

[disjfa]

code:

<a href="content/visie.html" target="iframe" onclick="return showPic('sfeerbedrijf.jpg')"

De rest kan je zelf wel neem ik aan

[6bit]

nope, zit nog steeds vast, ik zie het niet, heb dat wat je neer had gezet veranderd, maar nog steeds veranderd hij niet het plaatje

[Borizz]

Nee natuurlijk veranderd ie em niet zonder de functie te veranderen . Je moet er zelf ook nog iets aan doen! In dit geval moet je whichpic.href veranderen in whichpic ...

[disjfa]

Het beste wat je kan doen als iets niet werkt is debuggen. Dat kan makkelijk met een browser zoals mozilla/firefox/opera. Die hebben namelijk een javascript debug window. Dan kan je ziet wat er fout is (staat iets meer dat het IE driehoekje

Verder kan je ook in de code debuggen. Dan was je ondertussen allang op een oplossing gekomen