login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Veld bovenaan scherm tonen waar cursor in geplaatst wordt bij laden pagina.

Offline Jorisvh - 16/02/2016 21:24
Avatar van JorisvhLid Bij het laden van een pagina voer ik volgende php script uit om een cursor in een bepaald veld te plaatsen.

Maar hoe kan ik ervoor zorgen dat dit veld ook bovenaan het scherm getoond wordt?

echo "<script type=\"text/javascript\">
document.frm".$ond.".".$ond."id.focus();
</script>";

8 antwoorden

Gesponsorde links
Offline Thomas - 16/02/2016 22:10
Avatar van Thomas Moderator Wat bedoel je precies met "dat dit veld ook bovenaan het scherm getoond wordt?"

Dit wordt bepaald door je pagina-opbouw (HTML en CSS)?
Offline Jorisvh - 17/02/2016 20:58
Avatar van Jorisvh Lid Ik bedoel dat de pagina automatisch naar boven scrollt zodat het veld zichtbaar wordt.
Offline Thomas - 17/02/2016 22:21
Avatar van Thomas Moderator Je zou kunnen springen naar een bookmark (#id_van_de_login_container), eventueel met een leuk effectje (automatisch scrollen in plaats van springen naar de bookmark) met gebruikmaking van een framework zoals jQuery middels de functie animate().
Offline Jorisvh - 21/02/2016 10:27
Avatar van Jorisvh Lid
Thomas schreef:
Je zou kunnen springen naar een bookmark (#id_van_de_login_container)

Hoe kan ik dit doen met javascript? Ik wil geen animatie.
Offline Thomas - 21/02/2016 15:05
Avatar van Thomas Moderator Euh, met window.location(.href)?
  1. <!DOCTYPE html>
  2. <title>jump to bookmark</title>
  3. </head>
  4.  
  5. <div style="position: fixed; top: 0; right: 0;">
  6. <a href="javascript:jump('een')">een</a>
  7. <a href="javascript:jump('twee')">twee</a>
  8. <a href="javascript:jump('drie')">drie</a>
  9. </div>
  10. <h1 id="een">Een</h1>
  11. <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
  12. <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
  13. <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
  14. <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
  15. <h1 id="twee">Twee</h1>
  16. <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
  17. <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
  18. <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
  19. <h1 id="drie">Drie</h1>
  20. <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
  21. <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
  22. <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
  23. end.
  24. <script type="text/javascript">
  25. //<![CDATA[
  26. function jump(id) {
  27. window.location.href = '#'+id;
  28. }
  29. //]]>
  30. </body>
  31. </html>
Bedankt door: Jorisvh
Offline Rens - 21/02/2016 15:16
Avatar van Rens Gouden medaille

Crew algemeen
Waarom zou je dit met Javascript doen?
  1. <a href="#een">Een</a><br />
  2. <a href="#twee">Twee</a><br />
  3. <a href="#drie">Drie</a><br />
  4. <hr />
  5. <a id="een"><h1>Een</h1></a><br />
  6. <a id="twee"><h1>Twee</h1></a><br />
  7. <a id="drie"><h1>Drie</h1></a><br />


Zie de toegevoegde waarde niet echt in dit geval?
Offline Thomas - 22/02/2016 00:22
Avatar van Thomas Moderator Omdat dit voortborduurt op een focus event (zie de oorspronkelijke vraag), maar dan moet het formulier zelf nog tevoorschijn gehaald worden, want het is blijkbaar niet gegarandeerd dat deze "in beeld" is. Tenzij focus() dit al verzorgt? Maar dan snap ik niet waar de vraag vandaan kwam .
Offline Jorisvh - 22/02/2016 20:16 (laatste wijziging 22/02/2016 20:16)
Avatar van Jorisvh Lid Bedankt Thomas voor het voorbeeld en deze functie:
function jump(id) {
window.location.href = '#'+id;
}

Nu kan ik voorlopig al verder!

Gesponsorde links
Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.197s