Scripts - Tutorials - Forum - Downloads - Showcase - Contact

Artikels

VPN vergelijken

Algemeen

Beginpagina

FAQ

Grafische worm (243)

Links

Nieuwsartikels

Nieuwsarchief

Boeken programmeren

Overzicht

Samenwerken

Webhosting

Zoek op Sitemasters

Leden

Registreren

Ledenlijst

Ons team

Links

webhostingtop10.be

Sociale media

Follow @sitemasters

Sitemasters

Adverteren op Sitemasters?

Contacteer ons

RSS

Link naar ons

Donaties

Poll

Je moet ingelogd zijn om te stemmen.

Statistieken

Linkpartners

Forum

Categorieën > PHP

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

Jorisvh - 16/02/2016 21:24
Lid		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

Thomas - 16/02/2016 22:10
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)?

Jorisvh - 17/02/2016 20:58
Lid		Ik bedoel dat de pagina automatisch naar boven scrollt zodat het veld zichtbaar wordt.

Thomas - 17/02/2016 22:21
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().

Jorisvh - 21/02/2016 10:27
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.

Thomas - 21/02/2016 15:05

Moderator

Euh, met window.location(.href)?

html4strict code - Bekijk de code zonder highlighting - Klap code in

<!DOCTYPE html>
<html>
<head>
<title>jump to bookmark</title>
</head>

<body>
<div style="position: fixed; top: 0; right: 0;">
<a href="javascript:jump('een')">een</a>
<a href="javascript:jump('twee')">twee</a>
<a href="javascript:jump('drie')">drie</a>
</div>
<h1 id="een">Een</h1>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<h1 id="twee">Twee</h1>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<h1 id="drie">Drie</h1>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
end.
<script type="text/javascript">
//<![CDATA[
function jump(id) {
    window.location.href = '#'+id;
}
//]]>
</script>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
<title>jump to bookmark</title>
</head>
 
<body>
<div style="position: fixed; top: 0; right: 0;">
<a href="javascript:jump('een')">een</a>
<a href="javascript:jump('twee')">twee</a>
<a href="javascript:jump('drie')">drie</a>
</div>
<h1 id="een">Een</h1>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<h1 id="twee">Twee</h1>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<h1 id="drie">Drie</h1>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
end.
<script type="text/javascript">
//<![CDATA[
function jump(id) {
    window.location.href = '#'+id;
}
//]]>
</script>
</body>
</html>

Bedankt door: Jorisvh

Rens - 21/02/2016 15:16

Crew algemeen

Waarom zou je dit met Javascript doen?

html code - Bekijk de code zonder highlighting - Klap code in

                <a href="#een">Een</a><br />
<a href="#twee">Twee</a><br />
<a href="#drie">Drie</a><br />
<hr />
<a id="een"><h1>Een</h1></a><br />
<a id="twee"><h1>Twee</h1></a><br />
<a id="drie"><h1>Drie</h1></a><br />
            
<a href="#een">Een</a><br />
<a href="#twee">Twee</a><br />
<a href="#drie">Drie</a><br />
<hr />
<a id="een"><h1>Een</h1></a><br />
<a id="twee"><h1>Twee</h1></a><br />
<a id="drie"><h1>Drie</h1></a><br />
 

Zie de toegevoegde waarde niet echt in dit geval?

Thomas - 22/02/2016 00:22
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 .

Jorisvh - 22/02/2016 20:16 (laatste wijziging 22/02/2016 20:16)
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.

Actiefste leden van de maand

Actieve forumberichten