JavaScript] Rajouter un formulaire en cliquan

Fermé
merwane - 11 juil. 2008 à 15:42
Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 - 19 juil. 2008 à 17:05
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.

2 réponses

Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 894
11 juil. 2008 à 16:45
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>
0
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');"&­gt;/>

<div id="id_nouv_formulaire"></div>

</body>
</html>
0
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');"&­gt;/>

<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.
0
Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 894
19 juil. 2008 à 17:05
Salut,

tu veux rajouter un formulaire ou plusieurs ?

Normal que comme je t'ai fait ça ne marche pas, il faut completer le code du formulaire.
0