Fonction load de jquery dans html
Résolu
Donc su mon projet y'a une page où j'ai créé un formulaire sur html, et une fois je clique sur "Valider" je dois afficher un autre formulaire au au lieu de celui-là qui doit disparaître.
Je me suis documenté et j'ai su que ça se fait avec la fonction Load de jQuery de Javascript. Mais en mettant en place le fichier nécessaire je n'ai pas su comment fonctionner avec :/
Voilà le script des deux formulaires, veuillez m'expliquez comment faire svp, c'est urgent... Merci.
Formulaire1
<form1>
<table table='0'>
<tr><td>Nom de l'examen</td><td><input type="text" name="Nom Examen" value="" /></td></tr>
<tr><td>Description</td><td><textarea name="Description" rows="4" cols="20">
</textarea></td>
<tr><td>Nombre de questions</td><td><input type="text" name="Nbr Questions" value="" /></td></tr>
<tr><td> Durée</td><td><input type="text" name="Durée" value="" /></td></tr>
<tr><td></td><td><input type="submit" value="Valider" name="Valider" /></td></tr>
</table>
</form1>
Formulaire2
<form2>
<table table='0'>
<tr><td>Question</td><td><input type="text" name="Question" value="" /></td</tr>
<tr><td>Nbr de réponses</td><td><input type="text" name="Nbréponses" value="" size="3" /></td></tr>
<tr><td></td><td><input type="submit" value="Valider" name="Valider" /></td></tr>
</table>
</form2>
sachant que j'ai déjà mis le: <script type="text/javascript" src="jquery.js"></script>
1 réponse
Affiche le deuxième formulaire après la validation du premier et masque le premier sans rechargement, en utilisant jQuery, est l’objectif clairement exprimé par l’auteur et les répondants. Plusieurs conseils privilégient l’approche hide() et show() de jQuery, en masquant le deuxième formulaire au chargement et en affichant le deuxième après le clic sur Valider du premier, puis en cachant le premier. D'autres soulignent qu’il faut préserver la soumission des données lorsque le bouton est remplacé par un bouton et que les actions des deux formulaires restent cohérentes côté serveur. En dernier recours, il est possible d'utiliser une seule fonction de soumission et de charger dynamiquement le contenu du formulaire suivant via AJAX, pour éviter tout conflit entre les deux formulaires.
-
Salut !
Alors est-ce que tu veux envoyé toutes les infos des tes deux formulaires au meme endroit ?
(Ca va joué sur le code et sur la structure HTML)
-
-
D'accord parfait dans ce cas la ! Donc les action="" de tes deux formulaires sont différentes ?
Alors jte propose d'utiliser hide() et show() de jquery :
Formulaire1
<form id="form1">
>input type="submit" value="Valider" name="Valider" id="val1" />
</form>
Formulaire2
<form id="form2">
<input type="submit" value="Valider" name="Valider" id="val2" />
</form2>
<style>
#form2 { display:none; }
</style>
<script>
jQuery(function($){
$('#val1').click(function(){
$('#form2').show();
$(this).hide();
});
});
</script> -
-
-
-
