Retour au site
Connexion : S'inscrire

FAQ
Forum Programmation Javascript
28 messages
<
1
2
Filtrer ok
le 04 Août 08 à 14h21
 
oui oui
Code :
</head>

<script type="text/Javascript">
function MPTS()
{
	document.getElementById('ajt').style.visibility = 'visible';
	document.getElementById('formulaires').style.visibility = 'visible';
}

function SPTS()
{
	document.getElementById('ajt').style.visibility = 'hidden';
	document.getElementById('formulaires').style.visibility = 'hidden';
}

var nbFormulaires = 1

function AjouterFormulaire()
{
	var formHTML = document.getElementById('formulaireReference').innerHTML;
 
	formHTML = formHTML.replace(/chaine0/g, 'chaine' + nbFormulaires);
	formHTML = formHTML.replace(/codage0/g, 'codage' + nbFormulaires);
	formHTML = formHTML.replace(/def0/g, 'def' + nbFormulaires);
	formHTML = formHTML.replace(/syst0/g, 'syst' + nbFormulaires);
	
	document.getElementById('formulaires').innerHTML += formHTML;

	nbFormulaires++;
}
</script>
<body>
 
 
le 04 Août 08 à 14h32
 
Il ne faut pas que ton bouton "Ajouter" soit un bouton de soumission du formulaire, ou forcement ça envoie les données avant que le nouveau formulaire soit créé

Remplace ton :
Code :
 <input type="submit" id="ajt" name="ajout" value="ajouter" style="visibility:hidden" onclick="javascript:AjouterFormulaire()" >


par :
Code :
 <input type="button" id="ajt" name="ajout" value="ajouter" style="visibility:hidden" onclick="javascript:AjouterFormulaire()" >


Et rajoute une bouton de soumission à la fin, genre :

Code :
<input type="submit" id="Soumettre" name="Soumettre" value="Soumettre">
 
 
le 04 Août 08 à 14h44
 
kookiz33 a écrit:

Le formulaire "modèle" est dans la div "formulaireReference". A toi de voir s'il doit s'afficher ou non. Le bouton "Ajouter" appelle la fonction Javascript "AjouterFormulaire()". Celle-ci récupère le contenu de la div "formulaireReference", et modifie les "name" de chaque élément du formulaire. Il copie enfin le code ainsi obtenu dans la div "formulaires" qui contiendra de fait les formulaires générés dynamiquement.

A la récupération des données, tu auras donc les données du formulaire de référence qui auront les noms "codage0", "def0", etc..., et les formulaires générés dynamiquement qui aurant les noms "codage1", puis "codage2", etc...

Il doit être possible de faire ça de manière plus "clean" en écrivant un code Javascript qui parcourt les éléments du formulaire et modifie dynamiquement leur propriété "name" (dans ma solution, tu seras obligé de modifier le code javascript à chaque fois que tu rajoutes un élément au formulaire), mais ça j'ai vraiment la flemme de te l'écrire

Je reviens dessus, lors de rentrer les données dans la base de données, ce sera name01,name02, name03 qu'il faudra que je mette en variable et à chaque fois que je régénère, ça repart à name 01?
 
 
le 04 Août 08 à 14h56
 
name1, name2, name3...

Elle est en quelle langage la page qui reçoit les données ? PHP ? Si oui, fait un foreach sur la variable $_POST et tu comprendras tout de suite
 
 
le 04 Août 08 à 15h37
 
d'accord!!!!!!
Merci beaucoup pour ton aide. Je pense que pour le moment, je vais pouvoir avancer, mais j'avoue que tu m'as bien aidé!!!!!
erki!
 
 
le 04 Août 08 à 17h07
 
Petite question en faite, il est bien possible de mettre un formulaire dans un autre non?
 
 
le 04 Août 08 à 17h17
 
Si tu veux dire "imbriquer deux balises <Form>", je doute que ce soit possible, et je ne vois pas tellement à quoi ça servirait...
 
 
le 05 Août 08 à 10h17
 
SI j'ai bien compris, lorsqu'on submit, cela valide le formulaire dans lequel il est, je reviens à mon exemple, quand on submit, ça renvoit au champ action du form. non?

Nan mais c'est qu'en faite, j'ai un autre formulaire à mettre
voilà le début du code

Code :
 <form id="formInsert" name="formInsert" method="post" action="">
 <label>
 <select name="listDerou" size="1" id="select">
 <option>Auto</option>
 <option>Manuel</option>
 </select>
 </label>
 <p>
 <label> Port
 <input name="port" type="text" id="port" value="" size="8" />
 </label>
 <p>
 <LABEL>Type : </LABEL>
 MPTS
 <input type="radio" name="type" value="mpts" class="OPTION" onClick="javascript:MPTS()"/>
 SPTS
 <input type="radio" name="type" value="spts" class="OPTION" onClick="javascript:SPTS()">
 <p>
 <p>
 <input type="button" id="ajt" name="ajout" value="ajouter" style="visibility:hidden" onclick="javascript:AjouterFormulaire()" >
 </p>
 </form>


Et selon si la personne à selectionné manuel ou auto dans la liste déroulante, j'affiche tel ou tel formulaire. c'est possible donc de faire plusieur formulaire ou alors, je mets tous en div dans le formulaire (enfin si ça a du sens....)
 
 

|
 
28 messages
<
1
2
Filtrer ok
 
Vous devez être connecté pour écrire un message !
 

 Sujets Similaires:

Apparition d'une fenêtre de recherche intempestive sous vista Bouton supprimer et suppression d'un formulaire Bug mysql UPDATE à partir d'un formulaire Choix d'un logiciel bureautique pour céer un formulaire Envoi des données d'un formulaire sur email via php Envoi formulaire d'un site a une adresse mail Imprimer un etat a partir d'un formulaire Mettre un lien sur le bouton "ENVOYER" d'un formulaire ? Pagination formulaire en fonction d'une boucle Probléme avec verification d'un formulaire Probléme d'envoie d'un formulaire Récupérer les données d'un formulaire Word dans un fichier Excel Récuperer les infos d'un fichier uploadé via Flash dans formulaire Récuperer un controle d'un formulaire Access RESET d'un formulaire Restriction des champs d'un formulaire Submit d'un formulaire obscure [HTML/JS/PHP] accèder à une variable d'un formulaire [html/PHP/js]valider un formulaire d une popup [Tuto souris] Utiliser le 4° bouton d'une souris logitech Clic!