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

**arnobidul** · 14/06/2006, 16h29

je comprends pas héhé explique juste avec des mots j'essayeré de desenfouir ma capacité d'abstraction...

**SpaceFrog** · 14/06/2006, 16h32

le principe:

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 type='text/javascript'>
function addInput(){
var NewInput=document.getElementById('blanktable').cloneNode(true)
NewInput.style.display='';
document.body.appendChild(NewInput)
 
}
</script>
 
</head>
 
<body>
 
<table id='blanktable' style='display:none'>
<tr>
	<td><input type='text' />
	</td>
</tr>
</table>
 
<input type='button' onclick="addInput()" value='ajouter' /><br/>
</body>

**arnobidul** · 14/06/2006, 16h42

pas mal ce DOM dis donc! se passer de innerHtlm quel plaisir...

**SpaceFrog** · 14/06/2006, 16h43

surtout très pratique pour cloner une structure ...

**arnobidul** · 14/06/2006, 17h05

cela dit, pour recuperer le nombre de champs créés via php je vois pas trop...

**SpaceFrog** · 14/06/2006, 17h20

je pige pas la question ... tu veux faire quoi àprès ?

**arnobidul** · 14/06/2006, 17h25

tous les champs ont un name du type "imp"+i balancés en POST mais il faut que je sache le nombre de champs qui ont été créés pour pouvoir recuperer leur valeur via php...

**SpaceFrog** · 14/06/2006, 17h49

le principe:

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
30
<script type='text/javascript'>
function addInput(){
var NewInput=document.getElementById('blanktable').cloneNode(true)
NewInput.style.display='';
document.body.appendChild(NewInput)
 
}
 
function foo(){
var allTab= document.getElementsByTagName('*');
var AddedTrs= new Array();
 
for(i=0; i<allTab.length;i++){
	if (allTab[i].id.substr(0,3)=='imp'){AddedTrs.push(allTab[i])}
		}
		alert(AddedTrs.length)
		}
</script>
 
</head>
 
<body >
 
<table id='blanktable' style='display:block'>
<tbody id='here'><tr id='imp'>
	<td><input type='text' />
	</td>
</tr>
</tbody>
</table>

l'exemple est mauvais car j'ai cloné les id , faudrait les modifier ... mais je oense que ça tu saura faire ... j'ai pas le temps là ...

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

JavaScript

Discussions similaires

Partager

Partager