[javascript] getElementById.innerhtml gaat niet in div

[pietje63]

Ik ben bezig met een website-je waarin onderaan wat plaatjes scrollen (marquee) welke klikbaar zijn naar de grote versie.
In eerste instantie deed ik dit gewoon met een href link icm met een php scriptje:
http://inkom.msrvsaurus.nl/index_test.php
Werkt op zich allemaal prima, alleen 1 probleem: de scrollbalk begint opnieuw (en ik wil niet met frames gaan werken).
Toen ben ik begonnen met een javascript oplossing:

HTML:

<a href="javascript:document.getElementById('main').innerHTML='[img]fotos/1.jpg>'"><img[/img]</a>
<a href="javascript:document.getElementById('main').innerHTML='[img]fotos/2.jpg>'"><img[/img]</a>
etc.. (gegenereert door php)

Dit op een pagina waar een <div id="main"> natuurlijk bestaat. Maar.. het probleem is dat zowel ie als firefox na het klikken op de link de totale source van de pagina vervangt door de innerhtml (of dat lijkt iig te gebeuren). Het effect is dat ie alleen het plaatje weergeeft en firefox alleen dat hij het plaatje niet kan vinden. Zie http://inkom.msrvsaurus.nl/index.php .

Bijkomend raar effect is dat met de javascript links de images opeens een padding lijken te krijgen (zowel ie als firefox) ondanks dat ik in mijn css heb staan dat dit niet de bedoeling is.

[BtM909]

Je bent nu bezig de URI te vervangen . Kijk eens naar onclick event handlers

Als je nou eens een onclick toevoegt aan je <img> die vervolgens een functie aanroept, dan kan je daar je JS functie neerplempen

[T-MOB]

Kijk eens in de adresbalk wat er gebeurd als je op de link klikt...
Probeer het eens zo:

HTML:

<a href="#" onclick="document.getElementById('main').innerHTML='[img]fotos/1.jpg>';[/img][img]"fotos/thumb/1.jpg"[/img]</a>

edit: spuit 11... (overigens is de onlick op het <img> zoals BtM909 aangeeft netter dan een onclick op de <a>. Zet hem daar dus maar neer

[ Voor 55% gewijzigd door T-MOB op 11-05-2005 15:17 ]

[pietje63]

Aaah, check Die onclick did the trick. Bedankt. (nu alleen die vage margin nog even aanpakken)

[ Voor 32% gewijzigd door pietje63 op 11-05-2005 15:24 ]