Avoir le curseur dans un champ de formulaire

Avoir le curseur dans un champ de formulaire - HTML/CSS - Programmation

Marsh Posté le 04-07-2008 à 11:26:40    

Bonjour à tous,
 
Je suis en train de créer un formulaire en HTML avec un peu de JavaScript et je bute sur une broutille. Je voudrais qu'à l'ouverture de ma page le curseur de la souris clignotte dans le premier champ de texte (appellons le "champ1" ).  
 
J'ai cherché un peu partout mais je n'ai pas trouvé de réponse satisfaisante donc j'adresse à vous. Je sais que c'est pas grand chose à faire, j'avais même vu ça en cours mais sans pratique les acquis finissent par s'envoler.  :(  
 
Bref si qq'un à la soluce qu'il me fasse un petit signe. Merci à vous.


Message édité par SV_LVH le 04-07-2008 à 11:31:58

---------------
Quand vous demandez sur un forum comment changer un pneu de voiture peu de gens vous répondent. Et ceux qui le font vous expliquent généralement comment rouler sur 3 roues.
Reply

Marsh Posté le 04-07-2008 à 11:26:40   

Reply

Marsh Posté le 04-07-2008 à 11:41:47    

tu peux faire cela avec la propriété focus
http://www.w3schools.com/HTMLDOM/met_text_focus.asp

Reply

Marsh Posté le 04-07-2008 à 12:09:45    

document.getElementById('champ1').focus();
 
à placer dans (la fonction lancée par) le onLoad de ta page

Reply

Marsh Posté le 04-07-2008 à 14:34:17    

Hum... imaginons que je n'y connaisse pas grand chose. ^^
 
Selon bidem mon code devrait ressembler à quelques chose comme ça:
 
<script type="text/javascript">
function onLoad()
  {
  document.getElementById('text1').focus()
  }
</script>
 
Mais après je ne sais pas trop quoi mettre dans la balise du formulaire. Je reste bloqué là pour l'instant:
 
<form>
<input type="text" id="text1" />
</form>
 
Inutile de préciser que ça ne fonctionne pas en l'état :)


---------------
Quand vous demandez sur un forum comment changer un pneu de voiture peu de gens vous répondent. Et ceux qui le font vous expliquent généralement comment rouler sur 3 roues.
Reply

Marsh Posté le 04-07-2008 à 14:50:52    

Ben regarde comment fonctionne onLoad
http://www.w3schools.com/jsref/jsref_onload.asp
 
Si on t'écris le code, tu n'apprends rien, c'est dommage. Nous ne sommes pas là pour faire le boulot à ta place.

Reply

Marsh Posté le 04-07-2008 à 15:18:24    

Ok ça fonctionne comme ça :
 
<html>
<head>
<script type="text/javascript">
function focus()
  {
  document.getElementById('text1').focus()
  }
</script>
</head>  
<body onload="focus()">
<form>  
<input type="text" id="text1" />  
</form>
</body>
</html>
 
Merci à vous pour votre aide.


---------------
Quand vous demandez sur un forum comment changer un pneu de voiture peu de gens vous répondent. Et ceux qui le font vous expliquent généralement comment rouler sur 3 roues.
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed