PHP

PHP5, Smarty et combo filtré en AJAX

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : PHP5, Smarty et combo filtré en AJAX

Fredo798

Bonjour,

Quelqu'un à une solution propre et simple pour faire une combo filtré a partir d'une autre combo en AJAX dans un contexte PHP / smarty ?

Merci

Publicité

CyberDenix

Utilises JQuery :

$('#myleftselectid').change(function(){
var that = $(this);
var selectedValue = that.val();
// Faire un appel AJAX ici en lui passant selectedValue, que tu traites en PHP pour récupérer du code html
// A ton retour AJAX, tu fourres ce code html dans ton second select
// avec un $('#myrightselectid').html('...monretourAJAX...');
});

Message cité 1 fois

---------------
Directeur Technique (CTO)

Fredo798

Salut et merci pour l'amorce,

J'ai téléchargé jquery, modifié mon tempate comme suit :

<head>
[...]
<script type="text/javascript" src="ajax/jquery.js"></script>
<script language="Javascript">
$('#cbo_producteur').change(function(){
var that = $(this);
var selectedValue = that.val();
alert('testfred');
});</script>
[...]
</head>
[...]

Le code de ma combo

<select name="cbo_producteur" id="cbo_producteur" size="1">

Je vois pas la message box quand je change la valeur de ma combo

J'ai loupé quelquechose ?

Ca se débug comment le javascript ?

Merci !

Message édité par Fredo798 le 29-12-2011 à 00:59:56

Fredo798

J'ai isolé tout le code pour obtenir ça

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
<script type="text/javascript" src="ajax/jquery.js"></script>

<script language="Javascript">
$('#cbo_producteur').change(function(){
var that = $(this);
var selectedValue = that.val();
alert('testfred');
});</script>
</head>
<body>
<select name="cbo_producteur" id="cbo_producteur" size="1">
<option>test</option>
<option>test2</option>
</select>
</body>
</html>

Si quelqu'un voit l'erreur !

merci

Message édité par Fredo798 le 29-12-2011 à 01:12:03

AzOo

Il te manque un petit quelque chose pour que cela fonctionne : regarde du côté de : (http://api.jquery.com/ready/)

Code :

$(document).ready(function() {
// Handler for .ready() called.
});

---------------
*** [Feed-Back] AzOo ***

Fredo798

Effectivement Il me manquait cette ligne pour mettre le code javascript avant les combo.
Si je mettait le code javascript après ça marchait.

J'arrive à ça

Code :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
<script type="text/javascript" src="ajax/jquery.js"></script>
<script>
$(document).ready(function() {
$('#cbo_producteur').change(function(){
var that = $(this);
var selectedValue = that.val();
//Appel Ajax
$('#cbo_serie').html('<option>testfred</option>');
})
});
</script>
</head>
<body>
<select name="cbo_producteur" id="cbo_producteur" size="1">
<option>Producteur 1</option>
<option>Producteur 2</option>
</select>
<select name="cbo_serie" id="cbo_serie" size="1">
<option>Serie 1</option>
<option>Serie 2</option>
</select>
</body>
</html>

Il me reste plus que la partie pour appeler ma page .php qui exécutera ma requête et me renverra les résultats.

Quelqu'un aurait une amorce de code jquery qui peut faire ça ?

Merci

AzOo

CyberDenix a écrit :

Comme te disais CyberDenix, il ne te reste plus qu'à faire un appel ajax : http://api.jquery.com/jQuery.ajax/

---------------
*** [Feed-Back] AzOo ***

Fredo798

Donc j'ai réussi avec ça :

<script>
$(document).ready(function() {
$('#cbo_producteur').change(function(){
var that = $(this);
var selectedValue = that.val();
$.ajax({
type: "POST",
url: "get_test.php",
data: "idproducteur="+selectedValue
}).done(function( msg ) {

$('#cbo_serie').html(msg);
});
})
});
</script>

Par contre je m'aperçoit que le onchange ne fonctionne pas quand j'utilise les touches "monter" "descendre" du clavier.

Une idée ?

CyberDenix

Mmmmmhhh dans ce cas il faut binder un keyup en plus du onchange, et jouer avec les codes de touche clavier

Code :

$('#pouet').keyup(function(event) {
/* Enter */
if (event.keyCode == '13') {
/* ... */
return false;
}
/* Up */
else if (event.keyCode == '38') {
/* ... */
return false;
}
/* Bottom */
else if (event.keyCode == '40') {
/* ... */
return false;
}
/* Other key */
else {
/* ... */
return false;
}
});

Message édité par CyberDenix le 30-12-2011 à 03:13:03

---------------
Directeur Technique (CTO)

Fredo798

Le projet cascade jquery a le même comportement :
- http://archive.plugins.jquery.com/project/cascade

Sur un autre forum un mec conseille ça

Code :

$("#selCategory" ).change(changeHandler).keypress(changeHandler);

Je vais essayer ce soir.

Message édité par Fredo798 le 30-12-2011 à 10:36:18

FORUM HardWare.fr

Programmation

PHP

PHP5, Smarty et combo filtré en AJAX

Sujets relatifs
[CONSEIL] Livres pour apprendre PHP5 et JAVA	PHP + JAVASCRIPT remplacer include / iframe cross domain sans AJAX
Problème avec confirm() et AJAX	[RESOLU] JQuery appel ajax, récuperer la valeur d'une selectbox
[RESOLU] Jquery et retour d'Ajax	.tpl.php ou twig/smarty
php5 objet performance ?	Ajax et session PHP erreur Incomplete Object
[AJAX-JavaScript]Requete Ajax retournant un 403	Smarty, creation de variables de conf {#var#} dynamique
Plus de sujets relatifs à : PHP5, Smarty et combo filtré en AJAX

Page générée en 0.088 secondes