par
jeff22150 » 21 juil. 2015, 09:21
Bonjour à toutes et à tous.
Je suis en train d'essayer de créer un formulaire dynamique.
Néanmoins j'ai un petit problème avec mon cade que je n'arrive pas à résoudre.
Voici le code :
Code : Tout sélectionner
<html>
<head>
<meta charset="utf-8"/>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<form method="POST">
<div id="R_1_1">
<textarea id="T_1_1" name="T_1_1" rows="2" cols="70" ></textarea>
<input id="A_1_1" type="image" src="boutonPlus.png" title="Ajouter une réponse" onclick="ajouter(this)" />
</div>
</form>
<script type="text/Javascript" >
function ajouter(element){
var numero = parseInt(element.id.split('_')[2]) +1;
var dupImgP = element.cloneNode(true);
dupImgP.id = dupImgP.id.substring(0,dupImgP.id.length-1)+numero;
var dupText = document.getElementById('T' + element.id.substring(1,element.id.lenght)).cloneNode(true);
dupText.id = dupText.id.substring(0,dupText.id.length-1) + numero;
dupText.name = dupText.name.substring(0,dupText.name.length-1) + numero;
element.parentNode.insertBefore(dupText,element);
}
</script>
</body>
</html>
Mon problème est le suivant : lorsque j'ouvre ma page et que je clique sur l'image "boutonPlus.png", le nouveau champ "textarea" apparaît puis disparaît très rapidement.
Je me permets donc de poster ce message pour les experts du javascript me disent pourquoi et comment éradiquer ce problème.
Merci d'avance à toutes celles et ceux qui voudront bien m'aider.
Bonjour à toutes et à tous.
Je suis en train d'essayer de créer un formulaire dynamique.
Néanmoins j'ai un petit problème avec mon cade que je n'arrive pas à résoudre.
Voici le code :
[code]
<html>
<head>
<meta charset="utf-8"/>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<form method="POST">
<div id="R_1_1">
<textarea id="T_1_1" name="T_1_1" rows="2" cols="70" ></textarea>
<input id="A_1_1" type="image" src="boutonPlus.png" title="Ajouter une réponse" onclick="ajouter(this)" />
</div>
</form>
<script type="text/Javascript" >
function ajouter(element){
var numero = parseInt(element.id.split('_')[2]) +1;
var dupImgP = element.cloneNode(true);
dupImgP.id = dupImgP.id.substring(0,dupImgP.id.length-1)+numero;
var dupText = document.getElementById('T' + element.id.substring(1,element.id.lenght)).cloneNode(true);
dupText.id = dupText.id.substring(0,dupText.id.length-1) + numero;
dupText.name = dupText.name.substring(0,dupText.name.length-1) + numero;
element.parentNode.insertBefore(dupText,element);
}
</script>
</body>
</html>
[/code]
Mon problème est le suivant : lorsque j'ouvre ma page et que je clique sur l'image "boutonPlus.png", le nouveau champ "textarea" apparaît puis disparaît très rapidement.
Je me permets donc de poster ce message pour les experts du javascript me disent pourquoi et comment éradiquer ce problème.
Merci d'avance à toutes celles et ceux qui voudront bien m'aider.
