jQuery

December 13th, 2006

Bonne nouvelle, la version 1.04 de la librarie vient de sortir avec un tonne de bugs corrigés et quelques nouvelles fonctionnalités. Consultez l’annonce pour plus détails directement sur le blog de jQuery.

Autre nouvelle, l’API de jQuery (1.0.3) vient d’être publiée sur http://gotapi.com/. Belle initiative.


Tags: , , ,

… widgets

December 7th, 2006

Uhm, il y a quelques jours je me suis lancé à faire un petit widget pour LIFT07 que vous pouvez voir ci-contre (eh? pas encore inscrit? tu connais pas? go go go, fais un tour, ca vaut le détour).

Pour le placer sur un site il faut simplement copier un bout de code (hey, ne te presse pas encore à le faire ok? C’est juste un test), plus précisement il suffit d’insérer un petit iframe et le tour est joué, l’information affichée est générée dynamiquement via une page du site de la conférence.

Or, je me demande pourquoi tout ceux qui fournissent des widgets optent plutôt pour une inclusion dans le HTML d’un JavaScript qui s’occupe de tout?

Je ne comprends toujours pas les avantages d’une solution JS (qui va généralement insérer dynamiquement un iframe egalement) sur une solution brute HTML … si quelqu’un pourrait m’illuminer (ça se dit?)…

Merci


Tags: , , , ,

jMe Feed Aggregator

December 3rd, 2006

Très intéressant outil en ligne, JMe Feed Aggregator, qui agrège des flux RSS d’Apple et de sites qui parlent de Web2.0. Le tout en utilisant massivement jQuery pour le front-end et PHP/MySQL pour le reste :P

Sympa, graphiquement très agréable, dommage qu’il ne soit pas encore personnalisable, notamment en ce qui concerne les flux à chercher…


Tags: , , , , , , , , ,

jQuery: links

November 21st, 2006

Tags: , , , , , , , , ,

WordPress: Un système de commentaires qui a de la gueule

October 23rd, 2006

Eh behn


Tags: , , ,

Ajax: un sodage

September 24th, 2006

Ajaxian.com nous propose les résultats de leur sondage concernant principalement la popularité d’usage des différentes librairies Ajax. A lire également les commentaires, on trouve toujours quelques petite perle fort utile ou simplement informative.

Pour les francophones, can.axis a repris largement l’article :P

Le gagnant? Pas jQuery bien évidemment.


Tags: ,

jQuery et ajax

September 15th, 2006

Jusque là j’ai principalement utilisé jQuery uniquement pour me rendre la tâche plus facile lors de la manipulation dynamique des différents éléments constituant une page XHTML donnée.

Ce soir j’ai trouvé enfin un peu de temps pour aller un peu plus loin pour enfin explorer le moyen de faire du Ajax en passant par ma librairie JavaScript fétiche :P. La tâche a été très simple grâce à la documentation en ligne qui n’est compréhensible pas totalement compréhensible pour les personnes débutant avec la librairie, enfin…

Le but de l’exercice est le suivant:

  • Créer un formulaire avec quelques champs texte
  • Envoyer le formulaire, pendant le traitement afficher une image/loader
  • Déterminer comment passer les variables au fichier PHP pour leur traitement, ce dernier effectuant un traitement bidon qui va prendre quelque secondes lors de son exécution
  • Afficher un feedback au terme de l’exécution du script PHP

Comme d’habitude, regardez l’exemple. Si vous regardez le code source, vous oberverez que nous n’allons pas mélanger le XHTML avec le JavaScript et que le formulaire pourra être traité même si le navigateur n’a pas activé le JavaScript.

Brève explication du script:

  • Tous d’abord on va indiquer au système d’afficher une image animée lorsqu’un appel en ajax est en cours, le cacher une fois l’appel terminé;
  • Ensuite, on démarre le traitement asynchrone du formulaire lorsqu’on appuye sur le bouton de submit;
  • On récupère les valeures des deux formulaires qu’on ira par la suite envoyer au fichier php pour leur traitement
  • On définit si faire un _POST ou un _GET ainsi que le fichier de traitement
  • Pour finir, le feedback positif
$(document).ready(function(){
  $("#ajax-loader").ajaxStart(function(){
    $(this).show();
  });

  $("#ajax-loader").ajaxStop(function(){
    $(this).hide();
  });

  $("form").submit(function(){
    prenom = $("input[@name=prenom]").val();
    nom = $("input[@name=nom]").val();

    $.ajax({
	type: "POST",
	url: "jquery.php",
	data: "prenom="+prenom+"&nom="+nom,
	success: function(){
	  $("#feedback").html("Formulaire enregistré avec succès");
  	}
     });

      return false;

    });
});

Le tour est joué en quelques lignes de code, sans prise de tête. Dans le prochain article, nous montrerons comment récupérer des informations du fichier de traitement pour les afficher sur le site.


Tags: , ,

Liens

August 22nd, 2006

Tags: , ,

Ajax et accessibilité: 40 tutoriels et articles

June 29th, 2006

How to Make Your AJAX Applications Accessible - 40 Tutorials and Articles


Tags: , , ,

Tutoriel pour créer votre homepage avec Ajax

June 28th, 2006

Tout chaud, tout beau.


Tags: ,