Dator Blog

Preloaders.net vous permet en quelques secondes de générer de façon simple et rapide une image de chargement pour vos requêtes Ajax ou Javascript !

Ce générateur est très bien conçu et bien que j’en avais un déjà dans mes favoris, je crois que je vais changer !

Vous avez le choix entre :

• 4 catégories (3D, Rectangulaire, Circulaire, Horizontale ).
• Un choix de couleur de fond et de front.
• La taille du preloader.
• La vitesse de l’animation.

• 5 commentaires

Aujourd’hui je vous propose une petite astuce pour faire communiquer votre composant Flash (ou Flex) et votre page HTML.

Dans cette exemple, il s’agit d’envoyer une requête AJAX dans un composant Flex ! C’est vraiment très simple de mettre ce procédé en place .

Voici le screencast explicatif !

Communication entre Flex et Ajax from Clément on Vimeo.

Je vous conseille de regarder ce screencast en HD directement sur le site Vimeo !

Si vous avez la moindre question, n’hésitez pas a laisser un commentaire dans la suite de l’article.

• 3 commentaires

L’AJAX est de plus en plus présent de nos jours dans les applications web dites « 2.0″. Il y a quelque temps, j’avais expliquer comment utiliser AJAX avec Prototype JS et aujourd’hui je vais vous apprendre comment utiliser les requêtes AJAX avec jQuery.

jQuery tente de s’imposer dans le monde du web2.0 et à entièrement réussi son paris (plutôt osé), son code est très simple, intuitif et vraiment efficace.
Le principe de jQuery est d’écrire moins mais pour faire plus (comme le dis le slogan) et je vais vous démontrer que cela est possible avec l’AJAX.

Lire le reste de cet article »

• 16 commentaires

Qui ne sais jamais demander si on pouvais envoyer un formulaire sur un page PHP sans rechargement de page ? Moi le premier j’ai toujours rechercher cela mais la plupart du temps cela n’était pas fiable ou pas pratique à utiliser.

Prototype la fait (bien d’autre framework aussi, mais je m’y connais un peu plus en prototype).

Nous allons donc voir, dans ce billet, comment utiliser certaines action de prototype pour agir sur nos formulaires HTML.

Lire le reste de cet article »

• 5 commentaires

Beaucoup d’entre vous m’ont déjà demandé comment mettre à jour un conteneur HTML avec Ajax toutes les « tant»  secondes.

Avec notre framework Prototype, nous avons une méthode de la classe Ajax qui nous permet d’actualiser un conteneur toutes les secondes ou toutes les 3 secondes !

Cette méthode se nomme : PeriodicalUpdater . Cette méthode prend plusieurs paramètres : Le conteneur à actualiser, la page qui recoit la requête AJAX ainsi que plusieurs paramètre comme la méthode d’envoi (GET ou POST) et enfin la fréquence d’actualisation du conteneur . Je sais pas si je m’exprime bien …

Un exemple concret sera peut être un peu plus explicatif :

new Ajax.PeriodicalUpdater('maDiv', '/mapageAjax.php', {
method: 'get', frequency: 3
});

Dans cet exemple , on peut voir que l’on met en paramètre le conteneur (maDiv), la page AJAX (mapageAjax.php), la méthode d’envoi (get), la fréquence d’actualisation (3).

Alors alors, notre ajax va envoyer une requête à la page renseigné toute les 3 secondes et va actualiser le conteneur toutes les 3 secondes !

Simple non?

Bon codage à tous !

• 1 commentaire

Bonjour à tous !

Le second screencast de Dator.fr est déjà là ! Grâce à celui-ci vous aller apprendre à créer une pagination en ajax en utilisant Prototype, PHP, SQL et Ajax !

La vidéo se trouve ici

N’hesitez pas à me dire ce que vous en pensez et surtout me dire si vous n’avez pas compris quelque chose, les commentaires sont la !

Bon « visionnage»  de vidéos !

PS : Je crois que le son n’est pas super bon…

Edit : Voici les sources complètes

• 37 commentaires