Discussion :

[shnouf]

Bonjour

J'ai cherché à créer une fonction javascript me permettant dans un premier temps supprimer un champ en cliquant sur un bouton et dans un second temps de faire réapparaître ce champ en cliquant sur un bouton qui est apparu lors du 1er clic.

Je vous montre mon code:

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 language="javascript">
	function remove_input()

{
var nb2 = nb + 1;
var i2 = i + 1;
var el=document.getElementById("1");//input à supprimer
document.getElementById('lechamps_'+i).innerHTML += '<br><span id="lechamps_'+i2+'"><a href="javascript:restaure_champ( '+nb2+', '+i2+')">Restaurer</a></span>';
el.parentNode.removeChild(el);

}
</script>

<script>
function restaure_champ ( nb, i ) {

var nb2 = nb + 1;
var i2 = i + 1;
document.getElementById('lechamps_'+i).innerHTML = '<input type="text" name="image[0]'+nb+'"></span>';


}
</script>

Code :

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

1
2
3
4
5
6
<tr>
						<td>Image "1"</td>
						<td> : </td>
						<td><input type ='file' name='image[0]' id='1'/></td> <td><span id="lechamps_4"><a href="/" OnClick="remove_input()">Supprimer</a></td>
						<td>&nbsp;</td>
					</tr>

le problème c'est que mon code ne marche pas
Notez toutefois que si si je vire la partie du code que j'ai mis en rouge, mon champ se supprime mais le bouton permettant de restaurer le champ en question n'apparaît pas.

Si quelqu'un peut me donner des pistes pour m'aider à avancer, je lui en serait reconnaissant.

Merci d'avance.

[SpaceFrog]

pourquoi ne pas simplement le masquer ?

Code :

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

style.display='none'

[shnouf]

Heu masquer quoi?

[shnouf]

Bon en fait j'ai fais comme ça:

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
31
32
33
34
35
36
37
38
 
<script language="javascript">
	function remove_input()
 
{
var el=document.getElementById("1");//input à supprimer
 
 
el.parentNode.removeChild(el);
 
}
</script>
 
 
<script>
function restaure_champ ( nb, i ) {
 
var nb2 = nb + 1;
var i2 = i + 1;
document.getElementById('lechamps_'+i).innerHTML = '<input type="text" name="image[0]'+nb+'"></span>';
//document.getElementById('lechamps_'+i).innerHTML += '<br><span id="lechamps_'+i2+'"><a href="javascript:restaure_champ( '+nb2+', '+i2+')">Restaurer</a></span>';
 
 
}
</script>
 
	<script language="javascript">
	function restaure_input ( nb, i )
 
{
var nb2 = nb + 1;
var i2 = i + 1;
document.getElementById('lechamps_'+i).innerHTML = '<input type="text" name="image[0]'+nb+'"></span>';
document.getElementById('lechamps_'+i).innerHTML += '<br><span id="lechamps_'+i2+'"><a href="javascript:restaure_champ( '+nb2+', '+i2+')">Restaurer</a></span>';
 
 
}
</script>

Code :

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

1
2
3
4
5
6
7
8
<tr>
						<td>Image "1"</td>
						<td> : </td>
						<td><input type ='file' name='image[0]' id='1'/></td> <td><span id="lechamps_4"><a href="/" OnClick="remove_input();restaure_input()">Supprimer</a></td>
						<td>&nbsp;</td>
					</tr>
					<tr><td></td><td></td><td><span id="lechamps3_4" ><a href="javascript:restaure_champ(1, 4)">Restaurer</a></span></td>
					</tr>

Ce n'est pas encore très joli mais c'est déjà plus proche que ce que je cherche à faire le problème c'est que dans ce nouveau code le bouton "supprimer" disparaît dès que je clique sur "restaurer".

[SpaceFrog]

plutot que de supprimer l'élément et le recréer par la suite ... masque le et rend le visible àprès ...

[shnouf]

plutot que de supprimer l'élément et le recréer par la suite ... masque le et rend le visible àprès ...

C'est justement ce que je suis en train d'essayer de faire malheureusement ma fonction restaure_input() n'est pas exécutée.

[shnouf]

Bon en fait je vois d'o`vient le pb la fonction restaure_input() n'est pas affichée correctement si quelqu'un peut m'expliquer comment le peux plusieurs fonction dans un seul onclick.