Hoe krijg ik het voor elkaar dat mijn menu functie de cursor automatisch naar het begin van de pagina stuurt?
Het probleem is als volgt;
ik heb een pagina met een menu gedefinieerd. Eén van de keuzes is het wijzigen van je profiel.
Zodra deze functie zijn werk gedaan heeft, gaan we terug naar het menu en geven daar de uitslag van deze bewerking weer, aangezien we van een grotere pagina komen, zie ik nu alleen een wit scherm. (te ver naar beneden)
Nu is mijn gedachte: zodra de functie menu uitgevoerd wordt sturen we de cursor naar het begin van deze pagina.
Ik heb een named anchor (<a name="top"></a>) gedefinieerd.
Kun je wat duidelijker uitleggen wat je bedoelt? Wat bedoel je met "zodra het menu aangeroepen wordt".
Leg even stap voor stap (puntsgewijs) uit wat de bezoeker doet, en wat er dan precies moet gebeuren.
Start:
1. de gebruiker krijgt een menu te zien
2. gebruiker kiest 'mijn profiel wijzigen'
3. het invulformulier wordt gevuld met de reeds bekende gegevens en de gebruiker krijgt de kans om deze te wijzigen
4. Als hij klaar is wordt het formulier gesubmit.
5. als de invoer ok is worden de gegevens weggeschreven,
5a. het scherm scrolled naar boven
5b. het systeem gaat naar het menu,
5c. krijgt de gebruiker een mailtje en
5d. verdschijnt er een melding op het scherm.
6. Is de invoer niet ok dan
6a. het scherm scrolled naar boven
6b. gaat het systeem terug naar het menu en
6c. krijgt de gebruiker deze mededeling
// Plaats van een named anchor
echo '<a name="top"></a>';
echo '<p> </p>';
echo '<a href="#top"></a>';
Laat me hier even iets over zeggen.
Je hebt dus twee elementen die samen werken. Ik zal tonen hoe.
(want <a href="#top"></a> slaat nergens op. Dat is onzichtbaar en doet niets)
Stel, dit staat in de url-balk mijnwebsite.be?pagina=kalender#top
Dan zal de webbrowser zoeken naar dit:
<a name="top"></a>
En zal de webpagina scrollen tot dat element.
Hoe krijg je iets in een url?
- Wel ... met een <a></a>. Juist?
Dus, als je bv. zo'n link hebt:
<a href="#top">NAAR TOP</a>
Als de gebruiker hier op klikt, scrollt de pagina naar <a name="top"></a>
Je kan dit bv. ook in je header('location ...') zetten.
<?php
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
// verwerking van de POST gegevens
...
header('location: index.php?pagina=kalender#top');
}
?>
Ook dan zal de pagina scrollen naar <a name="top"></a>.
=> zo lang #top maar in de url komt.
<a name="top"></a> zet je boven het element waarnaar gescrollt moet worden.
