Scroll naar gekozen rij na herladen...
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?
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
2
3
4
5
6
7
8
9
10
11
12
<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>
<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>
Edit:
Code-tags toegepast i.p.v. gebruikte quote-tags.
Gewijzigd op 11/09/2016 12:17:36 door - Ariën -
http://help.typepad.com/anchor-tags.html
Toevoeging op 11/09/2016 12:51:09:
Ter verduidelijking :
Code (php)
1
2
3
4
2
3
4
<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>
<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>
Gewijzigd op 11/09/2016 12:52:14 door Adoptive Solution
#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.
Code (php)
1
2
3
4
2
3
4
<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>
<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>
Gewijzigd op 11/09/2016 14:49:03 door Adoptive Solution
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.
@Adoptive Solution: Bedankt, het werkt..!!