Scroll naar gekozen rij na herladen...

Door swaenie - op 11-09-2016 11:53 gewijzigd op 11-09-2016 12:17

2.134 views

Heb al veel gezocht, maar snap de uitleg niet. Daarom hierbij mijn vraag, hoewel ik niet weet dit probleem hier thuis hoort...

Op een pagina wordt een deel van een tabel getoond. In die tabel kan ik scrollen. Ik scroll naar een, standaard nog niet getoonde, rij. Als ik op die rij klik, wordt de pagina herladen, waarna de inhoud van die rij uit een database opgehaald. De pagina toont vervolgens weer de tabel met daaronder de tekst uit de database.

Echter de tabel toont standaard de eerste rijen en niet de gekozen rij. Hoe krijg ik dit wel voor elkaar?

<div style="height:130px; overflow:auto;">
	<table>
		<tr onclick="document.location.href ='?pag=actueel&id=1';"><td>ID 1</td>/tr>
		<tr onclick="document.location.href ='?pag=actueel&id=2';"><td>ID 2</td>/tr>

		<tr onclick="document.location.href ='?pag=actueel&id=n';"><td>ID n</td>/tr>
	</table>
</div>

<div>
	Inhoud gekozen rij uit database
</div>

A Adoptive Solution

11-09-2016 12:43 gewijzigd op 11-09-2016 12:52

Maak #anchors aan :

http://help.typepad.com/anchor-tags.html

[size=xsmall]Toevoeging op 11/09/2016 12:51:09:[/size]

Ter verduidelijking :

<tr #name="id1" onclick="document.location.href ='?pag=actueel&id=1#id1';"><td>ID 1</td>/tr>
<tr #name="id2" onclick="document.location.href ='?pag=actueel&id=2#id2';"><td>ID 2</td>/tr>

<tr #name="idn" onclick="document.location.href ='?pag=actueel&id=n#idn';"><td>ID n</td>/tr>

B Ben van Velzen

11-09-2016 13:22

#name? watte? Dat moet uiteraard gewoon name zijn. En volgens mij hoort een name voor een anchor alleen op een a tag gebruikt te worden, niet op tr.

A Adoptive Solution

11-09-2016 14:24 gewijzigd op 11-09-2016 14:49

Zo dan, iedereen blij :

<tr onclick="document.location.href ='?pag=actueel&id=1#id1';"><td><a name="id1">ID 1</td>/tr>
<tr onclick="document.location.href ='?pag=actueel&id=2#id2';"><td><a name="id2">ID 2</td>/tr>

<tr onclick="document.location.href ='?pag=actueel&id=n#idn';"><td><a name="idn">ID n</td>/tr>

L Lord Gaga

11-09-2016 18:45

Name mag toch juist niet op een a element? Althans, in HTML5. Je zou ook gewoon een id kunnen gebruiken op het tr element i.p.v een name.

swaenie -

12-09-2016 11:00

@Adoptive Solution: Bedankt, het werkt..!!

Reageren

Inloggen om te reageren