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

searchRequest.get({q: query});

**SpaceFrog** · 21/01/2013, 12h46

tu escomptes que get fasse quoi sur searchRequest
c'est quoi searchRequest ?

get est une methode ajax de jquery pas de searchRequest

**Asli Bilal** · 21/01/2013, 14h08

En fait la méthode get() était utilisée dans le précédent script (Mootools).
Ne connaissant pas du tout ce framework, j'ai laissé tel quel. La fonction Search est censée envoyer une requête JSON et retourner un résultat lorsque j'appuie sur une nouvelle touche.
Par exemple si je commence à taper dans mon champ input "Bon", la fonction va chercher tous les utilisateurs commencant par Bon. Si il n'y a pas de résultats, je n'affiche rien. Pour l'instant j'ai tout les utilisateurs affichés.
searchResult contient toutes les informations nécessaires (url, action à effectuer en cas de réussite, ...). En Mootools on exécutait searchRequest.get({q:query}) je ne trouve pas l'équivalent en jQuery, ou en tout cas la fonction get de jQuery ne fonctionne pas dans mon cas!