Passer de Mootools vers Jquery
Bonjour à tous,
j'ai récupéré en mootools une partie de code qui me va très bien!
Hélas, l'ensemble du site sur lequel je suis est en Jquery.
Vous ne sauriez pas s'il existe un "dictionnaire" voire mieux, un traducteur, pour passer de l'un à l'autre?
Voici le code en question avec ce qu'il fait en Mootools:
Code:
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
31
32
33
34
35
36
| window.addEvent('domready', function(){ // Tu récupères le div contenant la grande image
var bigimage = $('bigimage');
// Tu récupères les thumbnails
var thumbnails = $$('a.thumbnails'); // Pour chacun des thumbnails
thumbnails.each(function(t){
// tu ajoute un event click qui fait que quand tu vas cliquer sur un thumbnail :
t.addEvent('click', function(ev){ // tu vires la grande image du div
bigimage.getChildren('img').dispose();
// tu crée un nouvel élément <img>
el = new Element('img', {
// dont tu génère le src avec l'id du thumbnail cliqué qui est aussi
// l'id de l'image large (on t'a fait un asset_controller avec un send_file dedans oui ?
'src': '/asset/show/'+ t.id + '/large'
})
// Et tu ajoutes cet élément dans le div contenant la grande image
bigimage.adopt(el);
});
});
});
Si quelqu'un a une idée, je suis preneur : je me casse les dents.
Ma "traduction" ressemble à cela, et ne passe pas :
jQuery(document).ready(function() {
var bigimage = $("bigimage");
var thumbnails = $("a.thumbnails");
thumbnails.each(function(t){
$("a").click(function(ev){
bigimage.children("images").removeData();
el = new Element("images", {
'src': '/images/show/'+ t.id + '/medium'
})
el.addClass("bigimage");
});
});
}); |
je ne suis pas certain du removeData(), ni du addClass
et étrangement, encore moins du new Element!
C'est comment en Jquery, de définir un nouvel objet image????
Merci d'avance
Fred A.
Site qui apporte un bout de solution
Bon, personne ne semble apte ou emballé pour me donner un coup de main.
Mais comme je suis bonne patte, moi, je vous offre un site qui propose de montrer les équivalences dans les différentes API des framework javascript! Pas mal, non?
http://matthiasschuetz.com/javascrip...ork-matrix/en/
Vous verrez, ils y sont tous!
A+
