[html] pagina schiet omhoog na klikken link

[Flaman]

Klinkt als een cliche probleem, al heb ik na zoeken op "pagina omhoog link" niet veel relevants kunnen vinden

Anywho, ik ben bezig met deze site http://www.flamanphotogfx.com/index2.html

Als ik helemaal naar beneden scroll, en druk op de thumbnail (die een popup opent) dan schiet de pagina weer omhoog. Dat is dus erg irritant als je zon 20 thumbs naar beneden hebt gescrolled, en je na het klikken van een link weer helemaal naar beneden zou moeten scrollen. Ik heb dus het liefst dat de pagina op 1 plekje blijft staan.

Hoe komt dit? En hoe is dit op te lossen? De site is in Dreamweaver gemaakt. (Ben een HTML-nono)

thanks in advance.

[André]

Verander

HTML:

<a href="#"

in

HTML:

<a href="javascript://"

Edit:

@Rickets: dat zei ik toch al

[ Voor 79% gewijzigd door André op 03-03-2004 12:22 ]

[Rickets]

Dat komt omdat je linkt naar een lege fragment identifier.

HTML:

<a href="#" onClick="">

offtopic:
André: je zei niet hoe het komt

[ Voor 32% gewijzigd door Rickets op 03-03-2004 12:24 ]

[Flaman]

Aaah thanks!!

Hier een koekje

[André]

Koekje is op, dankjewel.

[ Voor 17% gewijzigd door André op 03-03-2004 12:48 ]

[Verwijderd]

't is beter om een "return false" te gebruiken:

code:

<a href="hebbiegeenjs.html" onclick="functie(); return false;">link</a>

De link naar "hebbiegeenjs.html" wordt alleen gevolgd indien de gebruiker geen JavaScript ondersteuning heeft (inclusief search engines enzo). Je kunt het gebruiken om een alternatief te bieden, of om een pagina te tonen waarin je mee deelt dat deze functie alleen beschikbaar is voor gebruikers met JavaScript.

De "return false" in de onclick zorgt ervoor dat de functie wel uitgevoerd wordt, maar de link niet gevolgd wordt.

Het hier al eens een artikeltje over geschreven, staan misschien nog een paar tips in.

Je link zou dan zoiets moeten worden:

code:

<a href="photography/lava/lava.htm" target="lava" 
onclick="MM_openBrWindow(this.href,this.target,'width=437,height=550');return false;">
[img]"photography/lava/icon.jpg"[/img]
</a>

[ Voor 24% gewijzigd door Verwijderd op 03-03-2004 13:33 . Reden: spatie gemold ]

[Berkery]

Verwijderd schreef op 03 maart 2004 @ 13:06:
't is beter om een "return false" te gebruiken:
[...]

code:

<a href="photography/lava/lava.htm" target="lava" 
onclick="MM_openBrWindow(this.href,this.target,'width=437,height=550');return false;">
[img]"photography/lava/icon.jpg"[/img]
</a>

Zoiets is ook gebruiksvriendelijker, er zijn surfers zat die bij een link Open in new iwindow/tab kiezen, of bookmark this link, die functionaliteit werkt niet bij dit soort constructies:

code:

<a href="javascript://"

[HyperioN]

dit hoort in programming&webscripting, maarja

[André]

BvR-HyPeRiOn schreef op 03 maart 2004 @ 15:01:
dit hoort in programming&webscripting, maarja

Lees jij de FAQ nog maar eens door, javascript hoort echt hier.

[HyperioN]

André schreef op 03 maart 2004 @ 15:04:
[...]

Lees jij de FAQ nog maar eens door, javascript hoort echt hier.

verrek je hebt gelijk...sorry, niks gezegd

[HyperioN]

BvR-HyPeRiOn schreef op 03 maart 2004 @ 15:01:
dit hoort in programming&webscripting, maarja

[Verwijderd]

Ik doe altijd

code:

<a href="javascript:void(0);" onClick="... vul hier een javascript actie in ...">link</a>

[J27]

Verwijderd schreef op 03 maart 2004 @ 17:15:
Ik doe altijd

code:

<a href="javascript:void(0);" onClick="... vul hier een javascript actie in ...">link</a>

of:

<a href="javascript:;" onclick="...

Maar de return false; mogelijkheid na je onclick lijkt mij het netste eigenlijk.

[Verwijderd]

/me sloeg weer eens wartaal uit -delete-

[ Voor 90% gewijzigd door Verwijderd op 03-03-2004 17:40 ]

[Verwijderd]

Met het gebruik van "javascript:" probeer je eigenlijk een protocol te simuleren wat er helemaal niet is. Bijv: als een link start met "http:" zal de browser weten dat het om een web site gaat.
De meeste browsers zullen van deze links niet zo'n groot probleem maken, maar als je je hele site navigatie op deze manier laat lopen, komt iemand met een browser zonder javascript, of met javascript uitgeschakeld er dus niet in. Dit geldt ook voor de meeste (al niet alle) search engine robots.

D'r zitten dus nogal wat haken en ogen aan het gebruik van "javascript:". Ik heb onlangs een aantal maal gezocht naar de oorzaak en de hoofdreden van het gebruik van deze methode, maar kon d'r eigenlijk weinig meer over vinden. Het lijkt me uit een tijd te stammen dat browsers nog geen "onwhatever" attributen hadden voor de elementen, maar zeker weten doe ik het niet. In de tijd dat ik met js begon te spelen heb ik d'r eigenlijk nooit over nagedacht en hetzelfde gebruikt, maar d'r zijn dus wel goede en zelfs betere alternatieve methodes.