[JS] IMG code wijzigen

[unitzero]

Ik ben al een tijdje bezig een persoonlijke startpagina te bouwen. Ik loop nu tegen een probleempje aan.

Ik wil (zie link, alleen de rechterkolom van de pagina, waar het om gaat) zoals je ziet het plaatje van het weerbericht kunne wijzigen, door respectievelijk op meerdaags of regen te klikken. Wat daarbij ook mee moet veranderen is de ALT en de HREF van het plaatje. Ik heb nu een scriptje geschreven (zie broncode) waarin dat onder IE heel leuk lukt. Dit werkt echter alleen niet onder alle andere browsers (Mozilla, Opera, NS)

Ik probeerde dus het scriptje zodanig te wijzigen dat dit wel gaat lukken. (link)

Nou ben ik niet echt een JS held, en dat blijkt weer, want het werkt niet echt. Hij roept alles wel mooi aan, maar het plaatje komt nu in een nieuw browser-window. Ik probeer dus de code die het script via document.write schrijft aan te passen door een functie. De plek waar de nieuwe code neerkomt klopt echter niet. Je kan blijkbaar JS niet de opdracht geven dat hij de code binnen de td waar het oorspronkelijk stond te schrijven, of wel? Of zit ik uberhaupt op het verkeerde spoor??

[JSchut]

dit werkt beter

kheb het niet getest dus misschien zit er nog een klein foutje in

code:

<div id="imgSRC"><a href="http://www.knmi.nl" target="_blank">[img]"meerdaagse.jpg"[/img]</a></div>
<a href="javascript: var i=changeImage('plaatje1');">Meerdaagse</a>
&nbsp;
<a href="javascript: var i=changeImage('plaatje2');">Regen</a>

<script>
function changeImage(image) {
  if (image == 'plaatje1') {
    image = "<a href=\"http://www.knmi.nl\" target=\"_blank\">[img]\"meerdaagse.jpg\"[/img]</a>";
  } else {
    image = "<a href=\"http://www.knmi.nl\" target=\"_blank\">[img]\"regen.jpg\"[/img]</a>";
  }
  imgSRC.innerHTML = image;
}
</script>

en dan in je body

onload="changeImage('plaatje1')"

[McVirusS]

Basic imagechangescript....kan je op elke willekeurige JS site vinden .