Ajouter 3 champ par 3 ds formulaire en java
moogly_praha
Messages postés
73
Statut
Membre
-
moogly_praha Messages postés 73 Statut Membre -
moogly_praha Messages postés 73 Statut Membre -
Bonjour à tous,
je vous expose mon probleme : j'ai créé un formulaire à 3 champs et je souhaite créer un bouton ajouter qui me rajoute en dessous des 3 champs 3 nouveaux (champs ... cha en fait beaucoup :) ). Ne connaissant vraiment pas grand chose en javascript j'ai fait une tite recherche sur le forum et j'ai trouvé le script qui suit. Mais le probleme c'est qu'il ne me rajoute qu'un champ ... Si quelqu'un à la soluce ...
en vous remerciant
je vous expose mon probleme : j'ai créé un formulaire à 3 champs et je souhaite créer un bouton ajouter qui me rajoute en dessous des 3 champs 3 nouveaux (champs ... cha en fait beaucoup :) ). Ne connaissant vraiment pas grand chose en javascript j'ai fait une tite recherche sur le forum et j'ai trouvé le script qui suit. Mais le probleme c'est qu'il ne me rajoute qu'un champ ... Si quelqu'un à la soluce ...
en vous remerciant
<html>
<head>
<script language=javascript>
function fAddInput(txtType, txtName, txtId)
{
var newInput= document.createElement("INPUT");
newInput.name= txtName;
newInput.id= txtId;
newInput.type = txtType;
document.getElementById('form').appendChild(newInput);
}
</script>
</head>
<body>
<form id="form">
<table width ="200">
<tr>
<th width="100" scope="col"><label>titre1</label></th>
<th width="100" scope="col"><label>titre2</label></th>
<th width="100" scope="col"><label>titre3</label></th>
</tr>
<tr>
<td><input type="text" name="titre1" size=25></td>
<td><input type="text" name="titre2" size=25></td>
<td><input type="text" name="titre3" size=25></td>
</tr>
</table>
<input value="Ajouter" type="button" onclick='fAddInput("text","btnEssai","btnEssai");'/>
</form>
</body>
</html>
A voir également:
- Ajouter 3 champ par 3 ds formulaire en java
- Whatsapp formulaire opposition - Guide
- Jeux java itel - Télécharger - Jeux vidéo
- Ai suite 3 - Télécharger - Optimisation
- Waptrick java football - Télécharger - Jeux vidéo
- Picasa 3 - Télécharger - Albums photo
1 réponse
Bon j'ai trouvé une solution avec ca même si ca ne se met pas exactement dans la meme position que les autres (petit décalage mais je vais chercher. Voici le script java que j'ai trouvé :
<script language=javascript>
function create_champ(i){
var i2 = i + 1;
document.getElementById('input_'+i).innerHTML = '<div id="champs_'+i+'"><tr><td><input type="text" name="titre1_'+i+'" size="25" onClick="javacript:transpo('+i+')" /></td><td><input name="titre2_'+i+'" type="text" size="25"/></td><td><input name="titre3_'+i+'" type="text" size="25" readonly value="" /></td><td><input type="button" value="X" onClick="javascript:supr_champ('+i+')"></td></tr></div>';
document.getElementById('input_'+i).innerHTML += (i <= 100) ? '<span id="input_'+i2+'"><input class="input2" type="button" onClick="javascript:create_champ('+i2+')" value="Ajouter"></span>' : '';
document.getElementById('titre1_'+i).value = document.getElementById('titre2_'+(i-1)).value;
document.getElementById('nombre').value = i;
}
function supr_champ(i)
{
var Parent;
var Obj = document.getElementById ( 'input_'+i) ;
if( Obj)
Parent = Obj.parentNode;
if( Parent)
Obj.removeChild(Obj.childNodes[0]);
}
function transpo(i) {
document.getElementById('titre1_'+i).value = document.getElementById('titre2_'+(i-1)).value;
}
</script>
