Projet

Général

Profil

Javascript » Historique » Version 2

Anonyme, 15/12/2007 21:39

1 1
On se propose d'expliquer les principales fonctions javascript déjà développées dans Gepi.[[BR]]
2
[[BR]]
3
----
4
== Utiliser Prototype ==
5
[[BR]]
6 2
Prototype est une librairie qui simplifie beaucoup le codage javascript. Elle est utilisée, entre autre, pour les requête ajax dans certains cas.[[BR]]
7 1
[[BR]]
8 2
* '''Ajax.request(url, options)'''[[BR]][[BR]]
9 1
10 2
Cet objet gère toute la requête Ajax en s'occupant de la compatibilité avec le navigateur de l'utilisateur et de l'envoie de la requête (pas besoin de send() dans le code par exemple).[[BR]] L'objet Ajax.Request a besoin de deux arguments : l'url et un tableau associatif d'options.[[BR]]
11
Ces options sont multiples et ont un comportement par défaut. La première 'asynchronous' (=true par défaut) est le mode de synchronisation de la requête, donc pas la peine de préciser puisque la plupart des requêtes ajax sont asynchrones. La seconde, 'method' (=post) peut valoir 'get' alors que les troisième et quatrième options sont 'parameters' pour les requêtes en get et 'postbody' pour les requêtes en post.[[BR]]
12
[[BR]]
13
* Exemple :[[BR]]
14
[[BR]]
15
{{{
16
        // On précise que les options sont un tableau associatif
17
    options = new Object();
18
        // On indique le nom de l'argument à envoyer en post (ici cacher_header)  
19
        // ainsi que sa valeur (ici mode qui est préciser dans l'appel de la fonction)
20
    options = {postBody: 'cacher_header='+mode};
21
        // et on construit l'objet ajax.Request qui s'occupe de tout 
22
        // (il faudrait préciser l'url pour que cet exemple soit complet)
23
    var requeteAjax = new Ajax.Request(url,options);
24
}}}
25 1
26 2
Cette portion de code suffit à définir une requête de type ajax avec des arguments envoyés en 'post'.[[BR]]
27
[[BR]]
28
29
* '''Ajax.Updater'''[[BR]]
30
31
* '''Ajax.PeriodicalUpdater'''[[BR]]
32 1
33
34
----