Bonjour,
je dois adapter un script jQuery qui fonctionne en YUI3, affichant le résultat d'une requête en Ajax au clic sur un lien. Le résultat varie selon le lien cliqué.
Mon script YUI ne me retourne aucun résultat, je n'arrive pas à bien traduire mon jQuery en YUI3...
script jQuery valide :
script YUI3 :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30 <script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script> <script languid="javascript" type="text/javascript"> $(document).ready(function() { for (var i=1; i<4; i++) { $("#bouton" + i).click(display(i)); } }); function display(j) { return function() { ajaxFunction(j); }; } function ajaxFunction(j){ var id = document.getElementById("bouton" + j).className; $.ajax( { type: "GET", url: "requete.php", data: "id="+id, success: function (msg) { $("#thema" + j).html(msg); } }); }; </script> <a href="#" id="bouton1" class="(Test 1)">Maths</a> <div id="thema1"></div> <a href="#" id="bouton2" class="(Test 2)">Culture</a> <div id="thema2"></div>
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25 <script src="http://yui.yahooapis.com/3.8.1/build/yui/yui-min.js"></script> <script> YUI().use("node", function (Y) { for (var i=1; i<4; i++) { Y.one("#bouton" + i).on('click', function ajaxFunction(i){ var id = document.getElementById("bouton" + i).className; Y.io('requete.php', { type: "GET", data: "id="+id, success: function (msg) { Y.one("#thema" + i).setHTML(msg); } }); }); }; }); </script> <a href="#" id="bouton1" class="(Test 1)">Maths</a> <div id="thema1"></div> <a href="#" id="bouton2" class="(Test 2)">Culture</a> <div id="thema2"></div>
Partager