[GAG] GESTION AJAX GÉNÉRALISÉE

Commentaire de nicomilville le 04/06/2008 20:08:38

Salut bultez,

comme dit sur l'autre source, en ce moment je suis un peut débordé donc je regarderai en profondeur ta source ce week-end et je te mettrais une note par la même occasion, pour l'instant je n'ai rien vu d'alarmant mais peut être que ça va venir !!!

a++

Commentaire de bultez le 05/06/2008 12:02:37

quand on voit un truc qui ressemble à ce qu'on
a fait : on trouve ça pas mal ! et on aime ! ;o))
t'aurais du nous mettre ça ici,
ça m'aurait évité de réinventer ;o)

Commentaire de bultez le 05/06/2008 16:54:11

salut steph

>>tu as déjà tout ça dans prototype.js
va falloir que je regarde tous ces
"framework"...  un de ce jours...

trt ? ce ne serait pas la function donnée par
l'appelant qu'on peut exécuter lorsque la
réponse d'ajax est revenue ( en asynchrone ) ?

@+

Commentaire de bultez le 09/06/2008 07:22:44

un commentaire sans aucun intérêt,
n'ayant pour but qu'une pub mal venue.

si j'avais à faire un choix de quelque chose
pour faire du développement professionnel,
ce ne serait sûrement pas une simple collection
de fonctions mais un générateur d'applications
par exemple.

quand à ton appréciation sur des points ridicules
comme la sureté (?) la puissance (?), ta version
ligth d'un truc copié depuis prototype, ou le
meilleur niveau des ses développeurs  :
franchement, je m'en tamponne le coquillard.

Commentaire de bultez le 09/06/2008 17:08:26

à rien en particulier XtremDuke,

pas confonté au problème, donc je n'ai pas cherché.

j'ai déjà utilisé ce genre de choses ( dans d'autres
configurations / circonstances / avec générateur de code sources
pour divers langages ou pas, sur mainframes par ex... ), et si
demain j'avais à manager  une équipe pour faire du développement
web, opter pour un  générateur serait sûrement ce que je ferais
en 1er.

je ne dis pas que ces "soit-disant framework"  ( terme bien
pompeux malgré tout ) ne sont pas excellents ! très loin de
là... au contraire, mais tant qu'à faire quelque chose
pour industrialiser le codage... autant faire ce qu'il faut.

@+

Commentaire de ralecul le 09/06/2008 21:01:26

>>va falloir que je regarde tous ces "framework"...  un de ce jours...
Tu semblais désireux de passer à Prototype, voila pourquoi j'ai posté un lien vers ma source...
Sinon si tu tiens absolument à ce que je commente ta source, voici quelques remarques :

1.
Erreur lors de la récupération de l'objet XmlHttpRequest.
Tu testes dans l'ordre :
ActiveXObject('Microsoft.XMLHTTP') -> ActiveXObject('Msxml2.XMLHTTP') -> XMLHttpRequest()
Or il faut tester XMLHttpRequest() en premier car il est supporté par défaut par IE7.
Tu fais un alert si toutes les tentatives échouent, c'est pas très pro...

2.
En mode asynchrone (syn=true ;-) si trt n'est pas défini il doit y avoir une erreur...

3.
Si le send échoue tu fais un alert, toujours aussi pro...

4.
Ta méthode d'évaluation de script est très intéressante (Point positif de la source)
Seulement elle a la fâcheuse tendance d'encombrer le DOM ...
Essaye de remplacer le contenu de JSHtm.php par
<script type="text/javascript">
function msg(txt)
{ alert(txt); }
msg('html 1');
</script>
<h1>Hello World</h1>
<script type="text/javascript">
msg('html 2');
</script>

5.
Les options de ta fonction GAG ne sont pas réellement facultatives.
Je trouve que le passage d'option "à la prototype" est quand même beaucoup plus joli.
Cela reste une question de gout, je l'avoue...

6.
Anecdotique :
- points-virgules manquant (fin de onreadystatechange)
- les noms de variables de plus de 3 lettres sont interdits, zut j'étais pas au courant...
- commentaires un peu trop stylés...

Commentaire de bultez le 10/06/2008 06:28:43

navré XTremDuke, ça remonte à quelques années,
dans un contexte totalement différent, et je
n'ai plus les noms en tête. et ils n'existent
peut-être plus du tout en l'étatt d'ailleurs.
>>Je ne suis pas ici pour polémiquer sur l'utilisation ou non des frameworks
moi non plus, nullement mon intention, ce serait ridicule.
je trouve simplement stupide de comparer prototype, qui fait
quoi, 100k  ? et mes 2 petites fonctions de 50 lignes !

Commentaire de ralecul le 12/06/2008 00:33:20

Zut, faut que je m'abstienne de répondre aussi ?

Pour le XMLHttpRequest() : cela ne privilégie en rien IE7.
L'idée est que sous IE7 il y a à la fois l'objet natif et la version ActiveX (pour des raisons de rétrocompatibilité).
Donc une bonne pratique consiste à tester d'abord la présence d'un objet natif puis de la version ActiveX.
Car il se peut que, dans des versions ultérieures, IE ne supporte plus la version ActiveX.
Cela évite également à tous les autres navigateurs de tester une instanciation avec un ActiveX.
Il en va de même pour les méthodes addEventListener et attachEvent (de manière générale on teste les propriétés "W3C" puis les propriétés IE).

La méthode d'évaluation du script : il faut effectivement masquer ce div mais il y a autre chose.
A chaque fois que tu fais un appel ajax avec du js tu remplis ce div (et écrase son contenu).
Mais tu attaches également des éléments scripts au niveau du head de la page.
Donc si on utilise ce script avec un setInterval (comme un Ajax.PeriodicalUpdater) on se retrouve assez vite avec DOM encombré...
Dans Prototype la méthode evalScript possède des limitations que ta méthode n'a pas (définition de fonction supporté de manière détourné).
Cependant la méthode de Prototype effectue un eval du contenu de chaque balise script et ne les attachent pas au DOM de la page.
Voila pourquoi je disais que ta méthode a tendance à encombrer le DOM...

Les options facultatives : jette un coup d'oeil à ma Classe Ajax et tu verras que c'est facile à mettre en oeuvre.
Ca permet également de passer des callback facultativement (ta fonction trt pourrait ainsi être vraiment facultative).

//Voici un petit exemple de passage d'option "à la Prototype" :
function ImagePreloader(image, options) {

   var _options  = options || {}; //CAD que si options est undefined, _options vaut new Object();
   var _onLoad   = _options.onLoad   || false; //de même si _options.onLoad vaut undefined, _onLoad vaut false
   var _interval = _options.interval || 10;
   var _image    = new Image();
   var _that     = this;
   var _waiting;

   _image.src = image;

   if (_onLoad) //une fonction vaut true...
      _waiting = setInterval(checkload, _interval);

   function checkload() {
      if (_image.complete) {
         clearInterval(_waiting);
         _onLoad(_that, _image.src);
      }
   }

   this.getDim = function() {
      return { //celà retourne un nouvel objet avec deux propriétés : width et height.
         width  : _image.width,
         height : _image.height
      };
   };
}


//Utilisation de la classe ImageLoader
new ImagePreloader("img/exemple240.jpg", {
   interval : 20,
   onLoad : function(loader, image) {
      var dim = loader.getDim();
      alert(image + ' loaded ('+dim.width+'x'+dim.height+')');
   }
});

/*
//Egalement valide (ici options vaut undefined) :
new ImagePreloader("img/exemple240.jpg");

//Ou encore (ici c'est options.interval qui vaut undefined) :
new ImagePreloader("img/exemple240.jpg", {
   onLoad : function(loader, image) {
      var dim = loader.getDim();
      alert(image + ' loaded ('+dim.width+'x'+dim.height+')');
   }
});
*/

En espérant ne pas t'avoir trop dérangé avec mes remarques non constructives...

Commentaire de XtremDuke le 12/06/2008 09:50:31

+1 pour ton commentaire sur XMLHttpRequest RALECUL.

Par contre, tu compares tout avec Prototype. Même si je soutiens les utilisateurs de Proto et que j'en suis un utilisateur avéré, il ne faut pas en faire la seule référence. Proto est un outil d'aide au développement Js, rien de plus...

Commentaire de XtremDuke le 13/06/2008 17:13:00

On s'occupe comme on peut ;)

http://siteecom.net/demo/drag.html
http://siteecom.net/demo/fx1.html
http://siteecom.net/demo/fx2.html
http://siteecom.net/demo/ajax.html
http://siteecom.net/demo/form.html

Commentaire de XtremDuke le 23/06/2008 14:05:54

Salut Bultez,

J'ai jeté un coup d'½il sur le Wiki mais hélas je ne connais que 3 ou 4 des produits cités. D'ailleurs, je me demande bien ce que  Eclipse vient faire dans la liste des AGL.

Je n'ai pas très bien compris le sens de ta question. Pourrais-tu être un peu plus précis ?

Commentaire de XtremDuke le 23/06/2008 14:42:49

Je suis complètement Out (ce doit être la digestion) mais où parle-t-on de base de données ?

Commentaire de rhan_659 le 30/07/2008 16:11:01

Bonjour

merci pour le code, simple, pratique et facile d'acces quand on ne maitrise pas le JS a font !