getElementsByTagName + focus()

**epeichette** · 31/05/2006, 11h30

Bonjour,

J'ai une page avec une liste d'input nommer dynamique, donc je n'ai aucun moyen de savoir le nom du premier input. Je voudrais donc en arrivant sur la page donner le focus au premier

j'ai ecrit ceci

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
e_inputs = document.getElementsByTagName("input");
e_inputs[0].focus();

mais ça ne marche pas

merci de votre aide

**SpaceFrog** · 31/05/2006, 11h47

il n'y a pas de raison que ton code ne marche pas sauf si tu ne la lance pas au bon moment ... tu le lances quand ?

**systemofaxav** · 01/06/2006, 10h57

Essaie de remplacer

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementsByTagName("input");

par :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementsByTagName("INPUT");

J'avais le même problème, et en passant en majuscules, pouf tout fonctionnait

**epeichette** · 02/06/2006, 09h36

j'ai essayé avec

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
document.getElementsByTagName("INPUT");

mais ça ne marche pas non plus,

quand au moment de l'apelle je ne peut pas le faite dans le body sur onload, donc je l'appelle dans la page juste apres de declaration des input et en dehors du formulaire

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
<form name="form_news" method="post" action="">
 
		  <input name="lib_news_defaut" type="text" class="input" value="" size="100" maxlength="150"  OnFocus="this.className='input_focus';" onBlur="this.className='input';">  
		  <input name="lib_news_eng" type="text" class="input" value="" size="100" maxlength="150"  onFocus="this.className='input_focus';" onBlur="this.className='input';">  
		  <input name="lib_news_ita" type="text" class="input" value="" size="100" maxlength="150"  onFocus="this.className='input_focus';" onBlur="this.className='input';">
 
</form>
 
<script language="JavaScript" type="text/JavaScript">
<!--
e_inputs = document.getElementsByTagName("INPUT");
e_inputs[0].focus();
 
//-->
</script>

il n'y a pas de message d'erreur sur mozilla par conte sur window est

impossible d'activer le control car celui ci estsoit invisible, soit inanctif , soit d'un type ne reconnaissant pas cette fonctionnalite

**SpaceFrog** · 02/06/2006, 09h45

tu teste sous quel nav .. ?
chez moi ton code tourne bien ..

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
 
<HTML>
<HEAD>
<style type='text/css'>
.input_focus {background-color:red;}
.input {background-color:green;}
</style>
</head>
<BODY>
<form name="form_news" method="post" action="">
 
		  <input name="lib_news_defaut" type="text" class="input" value="" size="100" maxlength="150"  OnFocus="this.className='input_focus';" onBlur="this.className='input';">  
		  <input name="lib_news_eng" type="text" class="input" value="" size="100" maxlength="150"  onFocus="this.className='input_focus';" onBlur="this.className='input';">  
		  <input name="lib_news_ita" type="text" class="input" value="" size="100" maxlength="150"  onFocus="this.className='input_focus';" onBlur="this.className='input';">
 
</form>
 
<script language="JavaScript" type="text/JavaScript">
<!--
e_inputs = document.getElementsByTagName("INPUT");
e_inputs[1].focus();
 
//-->
</script></BODY>
</HTML>

**epeichette** · 02/06/2006, 09h51

je teste sous firefox 1.5 et internet explorer 6.0
c'est bizarre sous firefox, j'ai pas de focus et sous msn dès que je met en commentaire ce script, j'ai plus d'alerte

getElementsByTagName + focus()

JavaScript

Discussions similaires

Partager

Partager