Curseur actif (onload) dans un champ texte
zalaf
Messages postés
42
Statut
Membre
-
zalaf Messages postés 42 Statut Membre -
zalaf Messages postés 42 Statut Membre -
Bonjour,
J'ai installé depuis plusieurs mois le moteur de recherche Google sur mon site. Pour rendre agréable la recherche, dès que la page se chargait ( <body onload: ), le curseur était automatiquement positionné dans la boîte de recherche grâce à un petit code de javascript:
<script type="text/javascript">
function activeCursor()
{
document.google.q.focus();
}
</script>
google étant l'attribut name de <form> et q l'attribut name du champ de recherche ( <input )
Dernièrement, j'ai passé (doc type) du html au xhtml strict. Et depuis, le code ne valide plus à cause de l'attribut name qui est déprécié dans le xhtml strict.
Y aurait-il une alternative pour conserver le curseur actif tout en validant le code?
Merci!
J'ai installé depuis plusieurs mois le moteur de recherche Google sur mon site. Pour rendre agréable la recherche, dès que la page se chargait ( <body onload: ), le curseur était automatiquement positionné dans la boîte de recherche grâce à un petit code de javascript:
<script type="text/javascript">
function activeCursor()
{
document.google.q.focus();
}
</script>
google étant l'attribut name de <form> et q l'attribut name du champ de recherche ( <input )
Dernièrement, j'ai passé (doc type) du html au xhtml strict. Et depuis, le code ne valide plus à cause de l'attribut name qui est déprécié dans le xhtml strict.
Y aurait-il une alternative pour conserver le curseur actif tout en validant le code?
Merci!
2 réponses
-
Pour documenter la réponse.
Dans le head:
<script type="text/javascript">
window.onload = function()
{
document.getElementById('google').focus();
}
</script>
Rien dans <body> (pas de onload)
Et dans body:
<input id="google"...
Si un onload exit déjà sur la page, alors il faudra les combiner. -
en mettant un id à ton input (par exemple <input id="google">), et en faisant un document.getElementByID('google').focus();
