Request dans la page cible d'un Request
Bonjour à tous,
je débute avec Mootools et avec l'Ajax en général, donc d'avance désolé si je n'emploie pas toujours les bon termes...
Voici mon problème, j'utilise Ajax pour afficher une page produit après avoir cliqué sur le menu. Dans cette page produit j'ai un bouton "ajout au panier" qui ouvre une lightbox et je souhaite également que l'affichage du nombre de produits dans le panier se mette à jour.
C'est cette dernière partie qui ne fonctionne pas. Je pense que mon code (simplifié) sera plus explicite:
Pour le html:
Code:
1
2
3
4
5
6
7
8
9
10
11
12
|
<span id="nb_articles">Votre panier (0)</span>
<div id="accordion">
<a href="prod1.html" name="prod1.php">test1</a> <!-- le .html pour l'url-rewriting (et pour que google indexe mes pages) et le .php pour ajax -->
<a href="prod1.html" name="prod1.php">test</a>
</div>
<div id="contenu">
<!--blablabla-->
<a href="inc/ajout_panier.php?num=4&TB_iframe=true&height=100&width=600" rel="sexylightbox" id="ajout_panier"><img src="images/bouton_ajouter_au_panier.jpg" alt="" /></a>
</div> |
Et pour le javascript, 2 fichiers:
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
|
window.addEvent('domready', function() {
var listeA = $('accordion').getElements('a');
listeA.each(function(item) {
var unA = item.get('name');
item.set('href', '#');
var req = new Request.HTML({
url: unA,
method : 'get' ,
update: $('contenu'),
evalScripts: true
});
var Envoi = function(){ req.send(); };
item.addEvent('click', function(){
Envoi();
});
});
}); |
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
window.addEvent('domready', function() {
var req = new Request.HTML({
url:'inc/nb_articles.php',
method : 'get' ,
update: $('nb_articles'),
evalScripts: true
});
var EnvoiDelai = function(){ req.send(); };
$('ajout_panier').addEvent('click', function(){
EnvoiDelai.delay(4000);
});
}); |
Voilà j'espère que j'ai été assez clair dans mon explication, si vous voyez que j'ai fais des trucs débiles (ce dont je ne doute pas) je veux bien des conseils ;)
