[php] [resolu]newbie. Comment ramener le focus sur le 1er champ

Marsh Posté le 28-02-2006 à 19:52:24

J'ai plusieurs pages en php avec des <input text .
Je voudrais qu'à l'ouverture le pointeur se positionne sur le 1er champ <input text afin de pouvoir ecrire dedans sans le pointer préalablement à la souris.
J'ai essayé en mettant selected mais ça ne fait rien ? :??:

Merci

Message édité par thierryR le 04-03-2006 à 23:26:33

Reply

Marsh Posté le 28-02-2006 à 19:52:24

Reply

Marsh Posté le 28-02-2006 à 20:03:36

Salut,

problème de javascript...

fais quelques recherches sur la fonction getElementById(), ainsi que de la fonction focus()...

Reply

Marsh Posté le 28-02-2006 à 21:12:02

pour placer le cursor c'est la fonction setfocus() en javascript.

Pense aussi à utiliser tabindex() aussi pour penser à l'accessibilité. ca te permet de naviguer entre tes zones input par tabulation

Reply

Marsh Posté le 28-02-2006 à 23:21:44

Merci. Je ne savais pas qu'il fallait passer par du js. Je reprend mon gros bouquin.

Reply

Marsh Posté le 28-02-2006 à 23:23:03

solution plus simple :

<input type="text" id="champafocuser" name="truc">

mapage.php#champafocuser

Message cité 1 fois

Reply

Marsh Posté le 28-02-2006 à 23:31:45

gatsu35 a écrit :

solution plus simple :
<input type="text" id="champafocuser" name="truc">
mapage.php#champafocuser

En faisant l'essai je n'arrive pas à retrouver le pointeur. Par contre mon formulaire est décaler pour présenter mon champ en haut de l'écran.

Message édité par thierryR le 28-02-2006 à 23:37:11

Reply

Marsh Posté le 28-02-2006 à 23:49:35

La fonction setfocus() n'est pas dans mon bouquin d'o'reilly. C'est étonnant. Pouvez vous me donner un petit exemple. Sur google, je retrouve bien cette fonction mais dans les applications flash
Merci

Message édité par thierryR le 28-02-2006 à 23:54:31

Reply

Marsh Posté le 01-03-2006 à 00:08:00

c focus() et non pas setfocus() si ma mémoire ne me fait pas défaut.

Reply

Marsh Posté le 01-03-2006 à 00:30:29

Voila ce que tu peux utiliser.

C'est récup de cette page :

http://www.chez.com/qaghan/JavaScript/fjavasc7.php

Code :

function setfocus() {
document.first.text1.focus();
return;
}
<body onLoad="setfocus()">

Reply

Marsh Posté le 01-03-2006 à 09:08:57

Hum pas très propre...

Il faut que ton champ ait un id :

Code :

<input type="text" name="myfield" id="myfield" ... />

Après c'est assez simple...

Code :

<script type="text/javascript">
window.onload = function() {
document.getElementById('myfield').focus();
}
</script>

---------------
♈ ♋ ♌ ♍ ♎ ♏ - Agora Fidelio | Galerie d'art Toulousaine

Reply

Marsh Posté le 01-03-2006 à 09:08:57

Reply

Marsh Posté le 01-03-2006 à 09:49:06

oui c'est vrai que c'est plus propre.

Perso j'aime pas trop le JS. Par contre il vaut mieux mettre des id à tous tes champs de toute façon. C'est aussi très utile pour l'utilisation des CSS après.

Reply

Marsh Posté le 04-03-2006 à 17:39:42

Je suis bluffé, ça marche impec. :jap: