[RESOLU] champ de formulaire qui apparait et disparait après

Petit nouveau ! | 2 Messages

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.
Modifié en dernier par jeff22150 le 21 juil. 2015, 11:34, modifié 2 fois.

Petit nouveau ! | 2 Messages

21 juil. 2015, 11:33

Rebonjour.
En fait, en parcourant les différents forums je viens de trouver la réponse :
En fait le type "image" se comporte comme un submit et non comme un bouton !
J'ai donc modifié la ligne

Code : Tout sélectionner

<input id="A_1_1" type="image" src="boutonPlus.png" title="Ajouter une réponse" onclick="ajouter(this)" />
Par

Code : Tout sélectionner

<img id="A_1_1" src="boutonPlus.png" title="Ajouter une réponse" onclick="ajouter(this)" class="ImgBouton"/>
et j'ai rajouté dans mon CSS :

Code : Tout sélectionner

.ImgBouton:hover { cursor:pointer; }
Pour que l'utilisateur comprenne qu'il peut cliquer dessus !
Et maintenant cela fonctionne parfaitement.
Merci quand même à toutes celles et ceux qui ont tenté de m'aider.