rss
Rechercher : dans
Par : Pertinence Date Nom d'utilisateur
Statut : Non résolu

Ajouter 3 champ par 3 ds formulaire en java

Posté par moogly_praha, le jeudi 8 novembre 2007 à 15:59:47
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>&l­t;/th>
			<th width="100" scope="col"><label>titre2</label>&l­t;/th>
			<th width="100" scope="col"><label>titre3</label>&l­t;/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",&qu­ot;btnEssai");'/>
</form>

</body>
</html>

Configuration: Windows XP
Firefox 2.0.0.9
Répondre à moogly_praha  Signaler ce message aux modérateurs Aller au dernier message

1


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
 moogly_praha, le vendredi 9 novembre 2007 à 10:53:28
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&­gt;</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>

Répondre à moogly_praha
Logiciels pertinents trouvés dans les téléchargements
Télécharger Safari 3.1.2Safari - Safari, le navigateur phare de Apple, par défaut sur les systèmes Mac OS et sur l'iPhone, est désormais disponible sur PC. ...Catégorie: Navigateurs
Licence: Freeware/gratuit
Télécharger PDFLab 2.0.3r2PDFLab - PDFLab vous permet de diviser et assembler des documents PDF ainsi que d'y insérer des images, des pages blanches. Vous...Catégorie: PDF
Licence: Freeware/gratuit
Télécharger DSL Test 2.0.0.6DSL Test - DSLtest est constitué d'un logiciel à télécharger gratuitement et de serveurs de test. Ces équipements vous permettent...Catégorie: ADSL
Licence: Freeware/gratuit
Télécharger DS Monkey Audio - Filtre APE 1.00DS Monkey Audio - Filtre APE - Le format MonkeysAudio (extension *.ape) est un format de compression audio lossless (sans pertes) permettant de réduire la...Catégorie: Plugins audio
Licence: Freeware/gratuit
Plus de logiciels gratuits sur « Ajouter 3 champ par 3 ds formulaire en java »