JavaScript] Rajouter un formulaire en cliquan
Bonjour à tous,
J'aurai voulu faire un formulaire de ce type : quand on clique sur un button "Rajouter un formulaire", le script rajoute un formulaire composé de 3 champs de texte (nom, prénom, mail).
Seulement je ne connais que le PHP et le Javascript c'est franchement pas mon truc.
Je sais que l'on peut le faire en PHP mais le problème c'est qu'il recharge la page et comme j'envoie les informations dans une base de données mySql c'est pas ce qu'il me faut.
Merci de votre aide.
J'aurai voulu faire un formulaire de ce type : quand on clique sur un button "Rajouter un formulaire", le script rajoute un formulaire composé de 3 champs de texte (nom, prénom, mail).
Seulement je ne connais que le PHP et le Javascript c'est franchement pas mon truc.
Je sais que l'on peut le faire en PHP mais le problème c'est qu'il recharge la page et comme j'envoie les informations dans une base de données mySql c'est pas ce qu'il me faut.
Merci de votre aide.
Configuration: Windows Vista Firefox 3.0
2 réponses
-
Salut:
la fonction javascript:
<script language="Javascript" type="text/JavaScript"> function ajout_formulaire(id_ecrire){ var formulaire="<form name='form1' action='....' method='post'><input type='text' name='... etc...... ";//la tu completes obj=document.getElementById(id_ecrire); obj.innerHTML=formulaire; } </script>
et dans ta page html
<input type=button" value="Ajouter formulaire" onClick="ajout_formulaire('id_nouv_formulaire');">
et à l'endroit où tu veux qu'il apparaisse:
<div id="id_nouv_formulaire"></div>
-
Salut Alain et merci pour ton aide.
J'ai essayer ton code, il marche juste qu'une seul fois.
C'est à dire que je clique sur "Ajouter un formulaire", ca rajoute effectivement un formulaire. Mais dès que je reclique sur "Ajouter un formulaire", rien ne se passe.
D'où pourrait venir le problème.
Merci
PS : Voici mon code :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Bienvenue sur mon site !</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<script language="Javascript" type="text/JavaScript">
function ajout_formulaire(id_ecrire){
var formulaire="<form name='form1' action='....' method='post'><input type='text' name='... etc...... ";//la tu completes
obj=document.getElementById(id_ecrire);
obj.innerHTML=formulaire;
}
</script>
<input type="button" value="Ajouter formulaire" onClick="ajout_formulaire('id_nouv_formulaire');">/>
<div id="id_nouv_formulaire"></div>
</body>
</html>
-
-
Euh désolé pour le code voici le vrai ...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Bienvenue sur mon site !</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<script language="Javascript" type="text/JavaScript">
function ajout_formulaire(id_ecrire){
var formulaire="<form name='form1' action='essai.php' method='post'><input type="text" name="numero_fnc" id="numero_fnc" tabindex="10" /> ";//la tu completes
obj=document.getElementById(id_ecrire);
obj.innerHTML=formulaire;
}
</script>
<input type="button" value="Ajouter formulaire" onClick="ajout_formulaire('id_nouv_formulaire');">/>
<div id="id_nouv_formulaire"></div>
</body>
</html>
Là je viens de m'apercevoir que le premier code que j'ai posté marche pour un formulaire.
Celui la ne fait rien.
