Ajouter 3 champ par 3 ds formulaire en java

moogly_praha Messages postés 73 Date d'inscription lundi 22 octobre 2007 Statut Membre Dernière intervention 13 septembre 2010 - 8 nov. 2007 à 15:59
moogly_praha Messages postés 73 Date d'inscription lundi 22 octobre 2007 Statut Membre Dernière intervention 13 septembre 2010 - 9 nov. 2007 à 10:53

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

<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
Ai suite 3 - Télécharger - Optimisation
Waptrick java football - Télécharger - Jeux vidéo
Jeux java itel football - Télécharger - Jeux vidéo
Picasa 3 - Télécharger - Albums photo
Couper photo en 3 instagram - Guide

1 réponse

Réponse 1 / 1

moogly_praha Messages postés 73 Date d'inscription lundi 22 octobre 2007 Statut Membre Dernière intervention 13 septembre 2010 5
9 nov. 2007 à 10:53

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>

Discussions similaires

Voxbone ? qui est-ce ?

Que signifie cet emoji :3

Signification de " :3 "

signification "<3" dans un sms

3 bip long 2 bip courts

Votre réponse

Discussions similaires