[AJAX] Comment modifier un formulaire en Ajax ?

**l.laurent60** · 11/08/2010, 16h07

Bonjours à tous,

J'ai un formulaire avec deux listes déroulantes et un checkbox en dessous avec beaucoup d'éléments.
Mon souhait serais de pouvoir filtrer les éléments de la checkbox progressivement en fonction des choix fait dans les listes et cela sans recharger la page car je perdrai des éléments.

Faut-il mettre la partie checkbox dans un fichier PHP et le faire en Ajax ?
Si oui comment et sinon comment...

Merci par avance pour votre aide.

**llaffont** · 11/08/2010, 17h04

Tu as plusieurs solution.

Je te propose celle là.

Dans un premier temps tu génère un script PHP qui te retourne un div contenant tous tes checkbox sans exception quand aucun paramètre lui est transmis.

Ensuite tu gères via Javascript les interactions avec tes listes qui en fonction des options choisi généreront une nouvelle palette de Checkbox suite à une requête ajax sur ton script PHP.

Regarde dans ma signature j'ai un exemple de liste Select Ajax.

**l.laurent60** · 11/08/2010, 17h25

Je te remercie pour ton aide, c'est très sympa, je vais essayer de prendre modèle sur ton exemple.

**l.laurent60** · 12/08/2010, 10h14

Loic merci pour le code,

Je commence a l'installer et premier bug le contenu de la div message ne s'efface pas ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
 
<body>
     <div id="MessageJS"><span>Ce navigateur ne prend ...</span>/div>     
     <div id="page">
      ...

L'inclusion des fichiers est bon, j'ai vérifié avec Firebug.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
<script language="javascript" src="js/jquery-1.4.2.min.js"           ></script>
<script language="javascript" src="js/ui.datepicker-fr.js"           ></script> 
<script language="javascript" src="js/jquery-ui-1.8.2.custom.min.js" ></script>
<script language="javascript" src="js/jquery.autocomplete.js"        ></script>
<script language="javascript" src="js/MesAjaxFonction.js"        ></script>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
$(function(){
	$("#MessageJS").empty();  /          //Efface le message qui affiche que le navigateur ne prends pas en charge JAVASCRIPT.
	$("#Page").show();                   // Si le JavaScript Fonction on affiche la page.	
	$("select").change(function () {     //Action lors d'une selection sur les boites dates
		ChangeOption(this);
	});
});

Pourquoi cela ne marche pas ?
Je ne vois pas d'appel de la fonction ? Un body onload ou autre ?
Est ce normale ?

Merci pas avance.

**llaffont** · 12/08/2010, 10h38

Cela ne devrait se produire que si ton navigateur ne gère pas le JS

**l.laurent60** · 12/08/2010, 10h45

Hélas ce n'est pas ca, car dans ma page j'utilise déjà du JS.
Donc qu'est ce qui peut posé problème ?
Je ne pense pas avoir une erreur dans mon code...

[AJAX] Comment modifier un formulaire en Ajax ?

AJAX

Vue hybride

Discussions similaires

Partager

Partager