Ca y est, jQuery continue sa progression et perce de plus en plus les différentes communautés de développement. Dernière en date la nouvelle version de WordPress qui intègre jQuery dans sa console d’administration.
Concernant WordPress, beaucoup de nouveautés que je n’ai pas encore tout � fait saisi, mais que je vais pas tarder � découvrir 
Ca fesait un petit moment que j’attendais la release de cette librairie JavaScript qui offre des effets bien sympathiques et puissants.
Regardez les démos disponibles en ligne, impressionnant. Si vous voulez jouer avec la doc est également disponible.
Checkez ce post dans le forum MacBidouille. Les différents intervenants proposent plusieurs solutions vous permettant de modéliser une base de données dans l’environnement de la pomme. Personellement j’ai flashé sur SQLEditor
Souvent on utilise la fonction alert() pour debugger le code. Si vous avez installez firebug ou bien vous avez accès à la console de Safari, vous pouvez afficher des commentaires directement de la console en tapant console.log("votre texte").
Attention! IE n’aime pas trop ce procédé… il va vous cracher des erreurs…
noneDifficile de l’identifier si on utilise la version compressée… voici comment la récupérer:
$.prototype["jquery"]
Bon on a expliqué très brièvement le système d’identification via openID. Maintenant, imaginez des sites communautaires comme mx3 ou LIFT. Plusieurs questions dans le désordre retiennent mon attention:
D’autres questions? … l’idée étant de faire les choses le plus proprement possible…
noneJ’ai eu l’occasion de m’intéresser de plus près à openId (c’est drôle dans le cadre de LIFT on pensait de l’intégrer, quelques jours après Electronlibre m’a demander de creuser la dessus, merci Raf), un système d’identification unique décentralisé. La particularité dans mode d’identification est qu’on ne se connecte pas en tant que personne mais avec une URL, vous comprendrez plus bas le pourquoi du comment.
Concrètement, l’utilisateur créer un compte personnel sur un serveur d’authentification, par exemple sur https://www.myopenid.com/. On a la possibilité de rentrer plusieurs attributs, comme l’adresse email, la date de naissance, le pays, le code postal, le nom complet et un nickname. A titre d’exemple mon URL personnelle est https://rortelli.myopenid.com/.
Imaginez un site qui propose l’identification via OpenID, vous rentrez l’URL qui vous est assignée:
Dans mon cas, j’utilise comme URL weblogger.ch car en tant que propriétaire du site j’ai rajouter deux ligne de code dans le HEAD de ma page de garde, indiquant le serveur d’identification ainsi que l’URL d’identification utilisée sur ce même serveur.
Ok, continuons. Une fois le formulaire envoyé (aucun mot de passe n’as donc pas été inséré), le site d’origine vous renvoie sur le serveur où vous avez enregistré votre compte, si vous vous n’êtes pas au préalable identifié, vous demande de le faire et ensuite, la première fois que vous utilisez le service (ou même après suivant votre choix) le système vous demande si vous êtes d’accord de transmettre certaines informations, dans ce cas, l’adresse email ainsi que le nickname.
Une fois votre choix effectué vous retournerez sur le site d’origine et vous serez automatiquement identifié.
L’intérêt dans tout ça? Avoir un identifiant et un mot de passe unique pour tous les services en ligne qui nécessitent une identification! De plus, vous avez également la possibilité d’éventuellement définir plusieurs profils contenant des attributs différents.
Pratique non? Espérons que ce mode d’authentification se généralise, d’autant plus que son intégration ne nécessite pas d’énormes efforts et plusieurs classes existent déjà .
nonePrenons comme exemple la petite image d’Eric dans mon blog (juste ci-dessus). Cette image change toutes les 10 secondes environ avec un petit effet de transition, pas encore très sexy, mais c’est une première esquisse du code qu’idéalement je devrais améliorer par la suite.
Avant toute chose il faut charger dans la page jQuery. Ensuite, afin d’afficher rapidement les images, qui sont assez lourdes, on utilise un petit plugin qui va se charger de mettre dans le cache du navigateur toutes nos images, seulement une fois que la page sera complètement chargée.
Ensuite, nous allons mettre dans une variable le chemin vers le répertoire du template de wordpress dans lequel nous avons stocké nos images, et on commence à les mettre dans le cache du navigateur (imaginons que nous en avons 10 et que toutes ont le même prefixe et qu’elles sont du même format).
Pour finir, on ajoute le bout de code qui se charge de changer l’image de manière aléatoire toutes les dix secondes pour obtenir:
$.preloadImages = function()
{
for(var i = 0; i<arguments .length; i++)
{
img = new Image();
img.src = arguments[i];
}
}
$(document).ready(function(){
var imagePath = "<?php bloginfo('stylesheet_directory'); ?>/images/";
for (i=0; i<10; i++)
{
$.preloadImages(imagePath + "eric" + i + ".jpg");
}
var refreshImage = setInterval(function() {
randomnumber=Math.floor(Math.random()*10);
$("img[@alt=banner]").hide();
$("img[@alt=banner]").attr("src", imagePath + "eric" + randomnumber + ".jpg").fadeIn('slow');
}, 10000);
});
Notez, que vous pouvez remplacer $("img[@alt=banner]") par la classe ou par l’id assigné à l’image de votre bannière.
Le pas suivant sera d’insérer une image de transition ainsi que la vérification que la nouvelle image soit différente de celle affichée juste avant.
Comment insérer de manière très délicate une animation flash dans un site? Pfff, simple, en passant par jQuery (est-ce que je vous ai dit que la version 1.1.1 est sorie?) et un plugin spécialement conçu pour ça: jQuery Flash Plugin.
L’appel au plugin est tout aussi simple (on peut bien évidemment rajouter d’autres propriétés… se référer à la doc du plugin):
$(’#hello’).flash({
src: ‘hello.swf’,
width: 320,
height: 240
});