Jquery bug in systeem

[rubendesign]

Ik heb een HTML pagina gemaakt met een reeks foto's naast elkaar.
Onder de foto's is er een mogelijkheid op een zwart vierkantje te klikken zodat er informatie naar beneden schuift. Deze beweging is mogelijk met jquery. Alles werkt zoals het hoort .. behalve dit:

Als je onder foto 4 op het vierkantje wilt klikken, zodat de informatie naar beneden schuift, spring je telkens naar het begin van de pagina. Dit gebeurt bij elke foto. Je kan het weliswaar alleen zien bij foto 3 & 4 aangezien foto 1 & 2 al aan het begin van de pagina staan.

Ik heb desbetreffende pagina op internet gesmeten. Deze kan gedownload worden zodat het probleem duidelijker wordt.

http://www.mediafire.com/?sharekey=241ea5b74fec288891b20cc0d07ba4d220d4356cd7edc486

Wat doe ik om dit te voorkomen?

Alvast bedankt,
Ruben

 

[Glest]

Ik neem aan dat de plaatjes in een link staan (<a></a> tags) en dat het href attribuut van deze links "#" is? Oftewel, iets als dit:

<a href="#" onclick="javascript:code(data)"><img .... /></a>

Dit betekent dat wanneer je op de link klikt je naar het element met de id "" scrollt. In dit geval is de id leeg en scrollt je browser naar het begin van de pagina. Als je dit wilt voorkomen kun je ervoor zorgen dat de anchor niet bestaat, dus href="#een_id_die_niet_voorkomt". Maar het kan zijn dat sommige browsers dan alsnog naar het begin van de pagina scrollen (al heb ik er nog nooit een gezien).

Wat je ook kunt doen is ervoor zorgen dat de onclick van de links eindigt met "return false;". Dit gaat niet gegarandeerd goed aangezien er een fout kan zitten in de eerdere javascript. Dan wordt "return false;" ook niet uitgegvoerd. Maar dat zou er ongeveer zo uit zien: onclick="javascript:code(data); return false;"

Beide zouden moeten werken, je kunt het ook combineren

 

[rubendesign]

Probleem opgelost!

Glest,
bedankt voor de reactie in ieder geval!