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: ajax,
dom,
javascript,
jquery
Posted in jQuery | No Comments »
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: ajax,
iframe,
javascript,
lift07,
widget
Posted in Programmation Web | 10 Comments »
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
Sympa, graphiquement très agréable, dommage qu’il ne soit pas encore personnalisable, notamment en ce qui concerne les flux à chercher…
Tags: aggregator,
ajax,
atom,
feeds,
javascript,
jquery,
mysql,
php,
rdf,
rss
Posted in jQuery, Ajax, XML, Syndication, PHP et MySQL | No Comments »
November 21st, 2006
Posted in jQuery, JavaScript | No Comments »
October 23rd, 2006
Posted in WordPress, Blogs | No Comments »
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
Le gagnant? Pas jQuery bien évidemment.
Tags: ajax,
survey
Posted in Ajax | No Comments »
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: ajax,
jquery,
tutorial
Posted in jQuery, Ajax, DOM, JavaScript, Programmation Web | 6 Comments »
August 22nd, 2006
Posted in Ajax, JavaScript, CSS, Liens | No Comments »