perte de focus lors de la creation d'input text avec innerhtml

**arnobidul** · 14/06/2006, 14h02

Bonjour,

je crée d'abord un champ de type text, lorsqu'on clique sur cet element un autre champ de type text se crée, mais je perds le focus de cet element malgré le "this.focus()" donc pas moyen de saisir quoique ce soit

Merci.

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
 
<script>
var toto = 1;
 
function addinput(){			
	document.getElementById('prodplus').innerHTML += "<table><tr><td><input type=\"text\" size=\"6\" onclick=\"addinput();this.focus();\" name=\"\'imp\' + toto\"></td></tr></table>";
	toto++;
}
</script>
 
 
<tr id="lotprod">	
	<td>Ref Produits: </td>
	<td>
		<input type="text" size="6" onclick="addinput();focus();" name="imp0"> 
	</td>
</tr>
 
<tr>
	<td></td>
	<td id="prodplus">
	</td>
<tr>

**arnobidul** · 14/06/2006, 14h03

Bonjour,

je crée d'abord un champ de type text, lorsqu'on clique sur cet element un autre champ de type text se crée, mais je perds le focus de cet element malgré le "this.focus()" donc pas moyen de saisir quoique ce soit

Merci.

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
 
<script>
var toto = 1;
 
function addinput(){			
	document.getElementById('prodplus').innerHTML += 
"<table><tr><td><input type=\"text\" size=\"6\" 
onclick=\"addinput();this.focus();\" name=\"\'imp\' + toto\"></td></tr></table>";
	toto++;
}
</script>
 
 
<tr id="lotprod">	
	<td>Ref Produits: </td>
	<td>
		<input type="text" size="6" onclick="addinput();focus();" name="imp0"> 
	</td>
</tr>
 
<tr>
	<td></td>
	<td id="prodplus">
	</td>
<tr>

**SpaceFrog** · 14/06/2006, 14h48

??? heu le this.focus tu le mets dans le onclick ...

tout objet prend naturellement le focus quand on clicke dessus ...

et tu veux qu'il le prenne quand le focus ...

**arnobidul** · 14/06/2006, 14h52

justement quand le bouton se crée il perd automatiquement le focus, ce que je ne comprends pas, j'ai mis le this.focus pour tester mais rien ne change

**SpaceFrog** · 14/06/2006, 14h55

Code :

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

<input type="text" size="6" onclick="addinput(this);" name="imp0">

Code :

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

1
2
3
4
5
6
7
8
9
 
function addinput(origine){			
	document.getElementById('prodplus').innerHTML += 
"<table><tr><td><input type=\"text\" size=\"6\" 
onclick=\"addinput();this.focus();\" name=\"\'imp\' + toto\"></td></tr></table>";
	toto++;
origine.focus()
}
</script>

**arnobidul** · 14/06/2006, 15h04

merci de ton interet mais je ne garde pas le focus dans le champ cliqué.

si tu colle ca dans un .html, on ne peut rien saisir dans les champs suivant celui d'origine

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
26
27
28
29
 
<html>
<body>
<script>
var toto = 1;
 
function addinput(origine){			
	document.getElementById('prodplus').innerHTML += "<table><tr><td><input type=\"text\" size=\"6\" onclick=\"addinput(this);this.focus();\"></td></tr></table>";
	toto++;
origine.focus()
}
</script>
 
<table>
<tr id="lotprod">	
	<td>Ref Produits: </td>
	<td>
<input type="text" size="6" onclick="addinput(this);" name="imp0"> 
</td>
</tr>
 
<tr>
	<td></td>
	<td id="prodplus">
	</td>
<tr>
</table>
</body>
</html>

perte de focus lors de la creation d'input text avec innerhtml

JavaScript

Vue hybride

Discussions similaires

Partager

Partager