Toon posts:

[Javascript] Gecentreerde focus op divinhoud

Pagina: 1
Acties:

Verwijderd

Topicstarter
Ik heb een hele lange lijst met linkjes.
Deze gooi ik in een scrollable div van een aantal pixels hoog.
Zoiets ongeveer:
HTML:
1
2
3
4
5
<div style="height: 150px; overflow: auto">
 <a id="link1" href="linkje.html">Linkje</a><br />
 .......
 <a id="link999" href="meerlinkje.html">Meer linkje!</a><br />
</div>

Nu, als ik na het klikken op het linkje terugkom op deze pagina, wil ik dat het geklikte linkje (het id hiervan stuur ik mee met PHP) in het midden van de div komt.
Ik kwam tot de oplossing:
HTML:
1
<body onLoad="document.getElementById( 'link234' ).focus()">

Deze methode heeft echter als nadeel dat het verkregen element gefocussed wordt aan de onderkant van de div.
Noch Google noch de search spreekt over opties voor focus() die het gedrag ervan kunnen aanpassen. Is het uberhaupt mogelijk wat ik wil?

  • kleautviool
  • Registratie: Mei 2003
  • Laatst online: 12:44

Verwijderd

als je de positie van het element uitleest, de hoogte van de div ook uileest, daar een berekeningetje mee doet, kan je vervolgens wel de div op de juiste positie zetten denk ik.

met offsetTop en scrollTo() ben je al een heel eind denk ik