Reproduire une partie d'un formulaire dans la même page

Fermé
smith - Modifié par smith le 5/04/2014 à 15:33
 smith - 11 avril 2014 à 01:11
salut à tous et à toues
je suis un debutant en developpement web, j'ai un petit souci avec mon application web
j'aimerais reproduire une partie de mon formulaire dans la même page en cliquant sur un bouton ajouter donc SVP j'ai besoin de votre aides
voici le code de mon formulaire:

<!DOCTYPE>
<html>
<body>
<form name="cmdutilisateur" method="post" action="#">
<div class="passer">
<fieldset>
<legend><h3>En-tête :</h3> </legend>
Date : <input type="date" name="date" id="date" required="required" /><br />
Demandeur :<input type="text" name="demandeur" id="demandeur" required="required" /><br />
Objet :<input type="objet" name="objet" id="objet" required="required" />
</fieldset>
<br />
<fieldset>
<legend><h3>Liste : </h3></legend>
Nom Article :<input type="text" name="article" id="article" required="required" /><br />
Reference :<input type="text" name="reference" id="reference" /><br />
Quantité :<input type="text" name="quantite" id="quantite" /><br />
Argument :<textarea name="argument" id="argument" rows="8" cols="60"></textarea><br />
</p><hr width="550px" />
<a href="#"><img src="image/ajouter4.png" name="ajouter" id="ajouter" /></a>
</fieldset>
<div class="bouton">
<input type="submit" name="enregistre" value="Enregistrer" id="enregistre" />
<input type="reset" name="annuler" value="Annuler" id="annuler" />
</div>
</div>
</form>
</body>
</html>


j'aimerais desque je click sur le bouton ajouter il reproduit les 4 champs du 2ème fieldset qui a pour legend Liste juste après la barre horizontale, et en suite le bouton enregistrer pour prendre tous les champ du formulaire en compte
merci pour votre aide

1 réponse

math 2000 Messages postés 2605 Date d'inscription dimanche 9 septembre 2007 Statut Membre Dernière intervention 7 mai 2016 405
6 avril 2014 à 17:34
voici un script qui rajoute du code html les un à la suite des autre ça devrai de suffire
<script type="text/javascript" >
function remplacerFrame(toncodehtml)
{
document.getElementById("IdDeTonElement").innerHTML += toncodehtml
}
</script>



<div id="IdDeTonElement">
<a href="#letagquimeplait" onclick="remplacerFrame('test');" >ceciest une iframe simulé </a>
</div>
0
ok merci je vais essayé
0
merci beaucoup ton code marche parfaitement juste tu remplaces ('test') par

('document.getElementById('article').innerHTML')
0