JavaScript] Rajouter un formulaire en cliquan
merwane
-
Alain_42 Messages postés 5361 Date d'inscription Statut Membre Dernière intervention -
Alain_42 Messages postés 5361 Date d'inscription Statut Membre Dernière intervention -
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.
A voir également:
- JavaScript] Rajouter un formulaire en cliquan
- Whatsapp formulaire opposition - Guide
- Formulaire de réclamation facebook - Guide
- Formulaire de reclamation instagram - Guide
- Telecharger javascript - Télécharger - Langages
- Confirmer le nouvel envoi du formulaire err_cache_miss ✓ - Forum Access
2 réponses
Salut:
la fonction javascript:
et dans ta page html
et à l'endroit où tu veux qu'il apparaisse:
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>
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.
<!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.
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>