Mootools to jQuery

**Asli Bilal** · 21/01/2013, 10h33

Bonjour à tous,

Je suis en train de passer un script de recherche de Mootools à jQuery.
Je bloque sur plusieurs points:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
var searchResult = new Elements(elements);
$('notlightfacesearch_result').empty().adopt(searchResult);
var searchResult2 = new Elements(elements2);
$('notlightfacesearch_result').adopt(sep);
$('notlightfacesearch_result').adopt(searchResult2);
$('notlightfacesearch_result').adopt(sep2);
var searchResult3 = new Elements(elements3);
$('notlightfacesearch_result').adopt(searchResult3);

Il me semble que pour créer un élément en javascript on peut utiliser (c'est ce que j'utilise pour l'instant) :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.createElement(element)

elements contient plusieurs lien séparé par des virgules (http://bla.fr, http://bli.fr, ...) comment faire pour créer plusieurs éléments en jQuery ou en javascript?

Merci à vous!

PS : J'aurais surement besoin de votre aide pour autre chose, mais chaque chose en son temps!

**SpaceFrog** · 21/01/2013, 10h40

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.createElement(element)

en jquery c'est
$('<div/>') par exemple pour créer un div ...

je n'ai pas compris ton element ???

ce sont des lisent href ? même pas des strings ? peux tu eclaircir ce pont ?

**Asli Bilal** · 21/01/2013, 11h02

Ok avec jQuery(elements) ça fonctionne

elements est un array de liens 'a' que je créé avec:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
elements[i] = createElement('a');
elements[i].setAttribute("href", "/link/" + id[i]);
elements[i].setAttribute("text", id[i]);

Maintenant je pense avoir un problème avec ma fonction de recherche..

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
31
32
33
34
35
36
37
38
 
    function Search(){
        var searchRequest =  jQuery.ajax({
            url: '/search',
            type: 'GET',
            dataType: 'json',
            success: function(data) {
                display_searchoverlay();
                display_result(data);
            }
        });
        return {
            process: function (query) {
                if(query === "") {
                    display_searchoverlay();
                    return;
                }
                searchRequest.get({
                    q: query
                });
            }
        };
    }
    jQuery("#search_input").bind({
        focus: focus_search,
        keyup: (function() {
            var timer;
            var search = new Search();
            // Je pense que ça bug ici :
            return function (element) {
                element.stop();
                window.clearTimeout(timer);
                timer = (function(){
                    search.process(jQuery("#div_search").val());
                });
            };
        })
    });

Il me semble que la requête JSON est bien effectuée et que le script bug à partir de la ligne 30. Est-ce qu'on peut envoyer une valeur de retour dans un keyup ou dans un évènement quelconque?

Merci

**SpaceFrog** · 21/01/2013, 11h37

en fait dans tes codes tu ne nous montre pas l'essentiel ...

il est ou l'array ?

tu l'as nommé id ????

mauvais idée

en jquery tu peux bouylcer sur un array ... avec $.each()

**Asli Bilal** · 21/01/2013, 11h44

En fait grâce à jQuery(elements) j'arrive à créer l'élément

Maintenant c'est ma fonction Search() qui bug..
J'ai mis tous le code de la fonction dans mon précédent post!

EDIT : Peut être que ma fonction bug ligne 18 aussi.. je ne retrouve pas la méthode dans la doc jquery :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part