11548 sujets

JavaScript, DOM et API Web HTML5

Bonjour,

Je suis actuellement en stage et je dois réaliser un petit site web.

J'ai deux page en html, disons formulaire.html qui contient un form qui contient lui-même deux boutons radio et un bouton submit.
Et une seconde page qui affiche du texte en rapport avec le choix fait dans le formulaire de la première page.
J'aimerai savoir comment faire en javascript pour récupérer le choix de l'utilisateur sur ma seconde page et ainsi afficher une div différente en fonction de ce choix.

Je ne peux pas utiliser de php et je suis un petit peu perdu.

merci.
Bonjour,

Voici une solution si tu utilises jquery.

dans ta page javascript, tu définis l'action du bouton submit de ton formulaire comme ceci:

$('#id_du_formulaire input[type=submit]').click(function(e){
        e.preventDefault(); /* pour désactiver le comportement par défaut du bouton submit */
	/* Création de la liste des mois */
	$.ajax({
		type: "POST",
		url: ...., /* page appelée */
		data: {donnees1: "list_mois",donnees2: "list_mois"}, /* tes données */
		success: function(data)
		{
			/* data contient les données que tu auras retournées dans ta page 
appelée */
                        $('#reponse').html(data);
		}
	});
});

<!-- Page principale -->
<form>
       ....
       <input type="submit" />
</form>
<!-- Vide au départ -->
<div id="reponse">
</div>


<?php
/* ta page appelée */
$donees = $_POST['donnee_1'];
$donees2 = $_POST['donnee_2'];

/* ici ton traitement */
echo 'totot';
?>


Et voila le tour est joué. Je t'encourage vivement à te document sur les requêtes AJAX en jquery. Smiley biggrin

Je n'ai mis que le minimum dans cet exemple. Après à toi de construire ta page appelée, appelante et JavaScript.

Bon courage pour la suite.
Modifié par missatorito (26 Jul 2011 - 17:37)