Ajout d'un retour à la ligne
Salut,
J'ai en fait 3 questions :
1- J'ai un bouton, qui quand je clique dessus, un input text et un textarea et un boutton envoyer s'ajoutent dans un formulaire, entre ces 3 je voulais ajouter un retour à la ligne, mais ça ne marche pas, mon code :
Code:
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
| <script type="text/javascript">
function ajouteInput()
{
var parent = document.getElementById("liv");//conteneur
var input = document.createElement("input");//le input
var ta = document.createElement("textarea");//le input
var boutt = document.createElement("input");//le input
var br = document.createElement("br");//un retour à la ligne
input.type= "text";//type de l'input
input.name = "nom";
ta.name= "message";
ta.rows="8";
ta.cols="40";
boutt.type = "submit";
boutt.value="Envoyer";
boutt.class="bout";
parent.appendChild(input);
parent.appendChild(br);
parent.appendChild(br);
parent.appendChild(ta);
parent.appendChild(br);
parent.appendChild(br);
parent.appendChild(boutt);
}
</script> |
Et le code HTML faisant l'appel à cette fonction :
Code:
1 2 3 4 5 6 7 8
| <form method="post" action="ajmess.php">
<center>
<input class="bout" onclick="ajouteInput()" onMouseOver="this.style.cursor='pointer';" value="Ajouter un Message" />
</center>
<br/>
<div id="liv">
</div>
</form> |
2- Devant le input text je veux ajouter le mot "Nom", et devant le textarea je veux ajouter le mot "message", quelles modifications dois je ajouter pour faire cela ?
3- Je veux que la fonction ajouteInput soit appelé seulement une seule fois, c'est à dire que si je clique une 2eme fois sur ce bouton, l'appel ne se fait pas. Quelles modifications dois je apporter à mon code pour faire cela?
Merci
...