Jump to content

Listes déroulantes liées dynamiquement AJAX + prestashop


Recommended Posts

Bonjour à tous, je suis ici parce que j'en ai marre de rien trouver de concret à propos du sujet "Listes déroulantes liées dynamiquement sur prestashop", je ne trouve rien de constructif, ou rien de bien explicatif...:@

 

J'aimerai être aidé, afin que l'on puisse enfin résoudre ce problème de listes déroulantes. :)

 

Mon problème est que j'ai crée une recherche avancée sur le site que je développe pour mon entreprise. Prestashop 1.4 est la solution utilisée.

Donc j'ai crée un formulaire du type :

- Une liste déroulante pour les catégories qui s'affiche de la manière suivante : Grande catégories => Moyennes Catégories => Sous Catégories.

- Une liste des manufacturers.

 

Ce que j'aimerai faire est que lorsque l'on choisit la catégorie, la liste des manufacturers se mettrait à jour en ne sélectionnant que les manufacturers qui sont rattachés aux produits de cette catégorie.

 

J'ai déjà commencé à penser à une solution, qui serait de contrôler ces listes déroulantes avec de l'AJAX mais le problème est que je ne sais par où commencer et surtout je suis une vraie bille en AJAX :o

 

est-ce que quelqu'un pourrait m'aiguiller et m'en apprendre un peu plus sur l'AJAX et Prestashop, svp ?

 

Je l'en remercie d'avance.

Link to comment
Share on other sites

J'ai essayé de faire ça, mais rien ne s'affiche et rien ne se passe...

 

{literal}
   <script type='text/javascript'>
    <!-- 
  function getXhr(){
		    var xhr = null;
   if(window.XMLHttpRequest) // Firefox et autres
   xhr = new XMLHttpRequest();
   else if(window.ActiveXObject){ // Internet Explorer
    try {
			   xhr = new ActiveXObject("Msxml2.XMLHTTP");
		   } catch (e) {
			   xhr = new ActiveXObject("Microsoft.XMLHTTP");
		   }
   }
   else { // XMLHttpRequest non supporté par le navigateur
   alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
   xhr = false;
   }
		    return xhr;
  }

	    function go(){
		    var xhr = getXhr();
		    xhr.onreadystatechange = function(){
				    if(xhr.readyState == 4 && xhr.status == 200){
					    leselect = xhr.responseText;
					    document.getElementById('category_list').innerHTML = leselect;
				    }
			    }
		    // Ici on va voir comment faire du post
		    xhr.open("POST","advancedsearch.php",true);
		    // ne pas oublier ça pour le post
		    xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
		    // ne pas oublier de poster les arguments
		    // ici, l'id de l'auteur
		    sel = document.getElementById('category_list');
		    cat = sel.options[sel.selectedIndex].value;
		    xhr.send("cat="+cat);
	    }
    -->
   </script>
{/literal}

 

Quelqu'un peut m'aider svp ?

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...