index pagina op zelfde pagina

Met AJAX kan je dat doen.

Er is zelfs een speciale add-on voor:
https://www.jqueryscript.net/loading/Content-URL-Hash-Hashy.html

De bedoeling is niet om een nieuw bestand te laden. Gewoon scrollen naar het anker in div 2 bij het klikken op de link in div 1

Dan zal een Scrollspy wel volstaan:
https://www.w3schools.com/bootstrap/bootstrap_scrollspy.asp

Je bracht me wel in de juiste richting:) Bedankt.

function scroll2(divname) {
var elmnt = document.getElementById(divname);
elmnt.scrollIntoView();
}
zie https://www.w3schools.com/jsref/met_element_scrollintoview.asp

Wat kan er niet met jQuery?
https://github.com/litera/jquery-scrollintoview

Eh, misschien misschien het exacte doel een beetje, maar volgens mij kan dit prima zoner welke plugin dan ook:

<a href='#tekst'>Klik hier om naar de tekst te gaan</a>
yada yada yada<br>
yada yada yada<br>
yada yada yada<br>
<div id='tekst'>De tekst</div>

Live voorbeeld: Ga naar de header van deze pagina

Voor de goede orde ... je bedoelt neem ik aan toch niet gewoon dit?

<div id="link1">Hoofdstuk 1</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vitae justo odio. Vivamus id ex ultricies, posuere dui eu, ultricies ipsum. Maecenas et sem massa. Nam tempor, nisl nec laoreet efficitur, tellus sem tincidunt lacus, eu luctus augue enim quis mi. Pellentesque euismod laoreet interdum. Interdum et malesuada fames ac ante ipsum primis in faucibus. Maecenas eget facilisis purus. Mauris maximus felis non sapien condimentum ullamcorper. Nullam quis purus non risus pulvinar tincidunt. Sed vehicula urna quam, ac tristique sapien bibendum id. Proin ultricies dui quis risus dictum tristique. Curabitur placerat bibendum sapien, sit amet venenatis massa consectetur at. Quisque purus tellus, laoreet vitae rutrum eget, vehicula vel orci. Sed suscipit, purus eleifend ultrices tincidunt, lorem mi hendrerit mauris, venenatis pretium augue diam eu justo. Aenean metus tellus, laoreet vel nibh vitae, ornare scelerisque risus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Donec et mattis nunc. Suspendisse eget lorem id leo dapibus pulvinar et aliquet lectus. Vestibulum et mauris id dui facilisis mollis quis at enim. Integer eu dapibus odio, a scelerisque turpis. Mauris tellus sem, molestie vel dapibus nec, malesuada sit amet nunc. Nunc iaculis, lorem in fermentum tristique, ipsum mi efficitur quam, suscipit varius tellus lacus eget nulla. Aliquam erat volutpat. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis maximus tortor sed tortor interdum pharetra. Mauris volutpat, lorem non sodales sagittis, enim nibh congue arcu, quis fermentum risus enim non tortor. Nunc sagittis, massa ac sagittis elementum, velit eros scelerisque lacus, non venenatis nulla metus eget nisi. In hac habitasse platea dictumst. Fusce nec finibus dui. Sed bibendum tempor leo, id gravida erat. Proin suscipit dignissim quam at molestie. Ut rutrum massa dolor, ut ornare metus sagittis rutrum.</p>

<div id="link2">Hoofdstuk 2</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vitae justo odio. Vivamus id ex ultricies, posuere dui eu, ultricies ipsum. Maecenas et sem massa. Nam tempor, nisl nec laoreet efficitur, tellus sem tincidunt lacus, eu luctus augue enim quis mi. Pellentesque euismod laoreet interdum. Interdum et malesuada fames ac ante ipsum primis in faucibus. Maecenas eget facilisis purus. Mauris maximus felis non sapien condimentum ullamcorper. Nullam quis purus non risus pulvinar tincidunt. Sed vehicula urna quam, ac tristique sapien bibendum id. Proin ultricies dui quis risus dictum tristique. Curabitur placerat bibendum sapien, sit amet venenatis massa consectetur at. Quisque purus tellus, laoreet vitae rutrum eget, vehicula vel orci. Sed suscipit, purus eleifend ultrices tincidunt, lorem mi hendrerit mauris, venenatis pretium augue diam eu justo. Aenean metus tellus, laoreet vel nibh vitae, ornare scelerisque risus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Donec et mattis nunc. Suspendisse eget lorem id leo dapibus pulvinar et aliquet lectus. Vestibulum et mauris id dui facilisis mollis quis at enim. Integer eu dapibus odio, a scelerisque turpis. Mauris tellus sem, molestie vel dapibus nec, malesuada sit amet nunc. Nunc iaculis, lorem in fermentum tristique, ipsum mi efficitur quam, suscipit varius tellus lacus eget nulla. Aliquam erat volutpat. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis maximus tortor sed tortor interdum pharetra. Mauris volutpat, lorem non sodales sagittis, enim nibh congue arcu, quis fermentum risus enim non tortor. Nunc sagittis, massa ac sagittis elementum, velit eros scelerisque lacus, non venenatis nulla metus eget nisi. In hac habitasse platea dictumst. Fusce nec finibus dui. Sed bibendum tempor leo, id gravida erat. Proin suscipit dignissim quam at molestie. Ut rutrum massa dolor, ut ornare metus sagittis rutrum.</p>

<a href="#link1">Hoofstuk 1</a><br>
<a href="#link2">Hoofstuk 2</a>

[size=xsmall]Toevoeging op 27/07/2020 16:16:30:[/size]

Oh, Rob had al min of meer hetzelfde gepost zie ik :)

Is dit niet gewoon een single page application?

Misschien ook wel handig als de bookmark in de URL automatisch verandert.

> live voorbeeld

Ad Fundum op 27/07/2020 15:46:41

Wat kan er niet met jQuery?
https://github.com/litera/jquery-scrollintoview

Wie zei dat er iets niet ging met jquery?

Mijn opzet is dus gelukt met de hulp van - Ariën -
https://www.janr.be/sc_post-gent/handleiding.php

De oplossing van Thomas, ozzie en rob worden geblokkeerd door de tag detail als die gesloten is. Via javascript kan ik die desgewenst ook openen.


Allen bedankt om mee te denken.

De url aanpassing ga ik eens bekijken.

Jan

Bedankt voor het meedenken :

Warning: Cannot modify header information - headers already sent by (output started at /customers/4/b/9/janr.be/httpd.www/sc_post-gent/handleiding.php:3) in /customers/4/b/9/janr.be/httpd.www/sc_post-gent/functies.php on line 148 Warning: Cannot modify header information - headers already sent by (output started at /customers/4/b/9/janr.be/httpd.www/sc_post-gent/handleiding.php:3) in /customers/4/b/9/janr.be/httpd.www/sc_post-gent/functies.php on line 149