Mootools to jQuery

Version imprimable

Mootools to jQuery

Bonjour à tous,

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

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:

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!

21/01/2013, 10h40
SpaceFrog

Code:

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 ?

Ok avec jQuery(elements) ça fonctionne :ccool:
elements est un array de liens 'a' que je créé avec:

Code:

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:

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

21/01/2013, 11h37
SpaceFrog

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

il est ou l'array ?

tu l'as nommé id ???? :no: mauvais idée :mrgreen:

en jquery tu peux bouylcer sur un array ... avec $.each()
21/01/2013, 11h44
Asli Bilal

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:

searchRequest.get({q: query});
21/01/2013, 12h46
SpaceFrog

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

get est une methode ajax de jquery pas de searchRequest
21/01/2013, 14h08
Asli Bilal

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!
21/01/2013, 14h31
SpaceFrog

non car comme sus dit get est une methode ajax de jquery qui transfère des données vers le serveur en methode get et recupère une réponse.
21/01/2013, 14h47
Asli Bilal

Je voudrais avoir une requête du type /search?q=query

Est-ce que jquery permet de le faire?

Merci
21/01/2013, 15h09
SpaceFrog

Code:

$.get('url',jsondata,callback)

cf. http://api.jquery.com/jQuery.get/
21/01/2013, 15h21
Asli Bilal

C'est bon :ccool:

J'ai utilisé jQuery.getJSON() ça fonctionne niquel!

Merci beaucoup pour ton aide