En ce moment les plugins pour jQuery apparaissent de plus en plus vite et il sont de plus en plus impressionnant d’un part pour leurs simplicités et leurs fonctionnalités.

jQuery.spy() permet d’afficher des éléments HTML comme par exemple une liste d’éléments de façon très classe et très intéressante.

En effet ce procédé est optimisé pour le référencement même si le javascript limite 5 élements dans la liste, il sont tous présents dans le HTML.

On peut donc imaginé utiliser ce procédé pour les derniers produits dans un site marchant ou encore les derniers articles d’un blog.

  • 24 commentaires

Un nouveau plugin de taille vient de faire son apparition dans la communauté jQuery. Il s’agit d’un plugin qui permet, à partir d’une liste de sites prédéfinis, savoir si vos visiteurs ont déjà visité un des sites.

Par exemple, vous avez dans la liste Digg, Facebook, si vous avez déjà utilisé un des deux services, leurs noms apparaitront dans la liste.

SocialHistory est une véritable avancé car comme vous le savez surement il est impossible de naviguer dans l’historique d’une personne avec le Javascript (ni le PHP d’ailleur).

En faite, le javascript va creer une iframe, mettre une couleur CSS spéciale sur la propriété CSS a:visited qui va permettre de détecter si la personne à déjà visité ce site. Pas mal non?

Mais on peut aussi détourner le script … si on peut voir les sites visités par un internautes, on peut voir si il a visiter un site à caractère pornographique. Intéressant non? Un ami qui tiens un petit blog à rédiger un tutorial pour modifier ce script.

  • 2 commentaires

Voici un clone du plugin Ligthbox pour jQuery. Celui-ci est plutôt bien réalisé et je doit dire, est très joli visuellement.

  • 1 commentaire

MobilePress est un plugin pour Wordpress qui permet de changer le thème suivant les navigateurs des téléphones mobiles.

On y retrouve un détecteur pour :

  • Le navigateur de l’iPhone
  • Le mini navigateur d’Opéra
  • Le navigateur Windows Mobile

Un thème par défault est selectionné (en anglais) qui est optimisé pour les petites résolutions.

Voici quelques impressions d’écrans:

Vous pouvez voir un exemple ici et pour revenir à l’ancienne version. La version pour mon site à été traduis en français par mes soins.

  • 2 commentaires

Un plugin que j’attendais depuis longtemps ! Il s’agit d’un plugin pour jQuery qui vous permet de chercher dans le contenu HTML d’une liste ou d’un tableau sans passer par l’AJAX. Ce qui augmente la rapidité de cette recherche.

Son utilisation est vraiment des plus simple et voici un cours exemple d’utilisation avec une liste HTML :

Préparation du HTML :

Il faut d’abords penser à inclure les javascripts comme cela :



Pour télécharger le contenu de QuickSearch, il vous suffit d’aller sur le site du plugin.

Et ensuite préparer votre liste de cette façon :

  • Afghanistan
  • Albania
  • Algeria
  • American Samoa
  • Andorra
  • Angola
  • Anguilla
  • Antarctica
  • Antigua and Barbuda
  • Argentina
  • Armenia
  • Aruba
  • Australia
  • Austria
  • Azerbaijan

Préparation du Javascript :

$(document).ready(function(){
	$('ul#list_example li').quicksearch({
		position: 'before', // la position du formulaire qui va être généré
		attached: 'ul#list_example', // l'élément à mettre à jour
		inputText: 'Recherche', // le contenu du champ de recherche
		labelText: 'Votre ville', // le label du champ de recherche
		loaderImg: 'loader.gif', // l'image de chargement
		loaderText: 'Recherche...' // le texte de chargement
	});
});

Avec ce simple code, vous pouvez générer un champ de recherche très rapide dans votre HTML et ainsi éviter de passer par l’AJAX qui prend beaucoup de ressources si il est mal utilisé !

Démonstration : jQuery QuickSearch 

  • 3 commentaires

Ubiquity est un plugin pour Firefox permettant de consulter des pages, faire des recherches avec des lignes de commandes simples.

Nous allons voir comment réaliser une ligne de commande pour votre blog wordpress permettant au utilisateur de faire des recherches sur votre blog, sans être sur votre blog.

1) Le fichier javascript

Dans notre exemple, nous allons nommer notre fichier ubiquity-search.js et le remplir de cette façon :

makeSearchCommand({
	name: "dator", /* le nom de la commande */
	url: "http://www.dator.fr/?s={QUERY}",
/* l'adresse de recherche où {QUERY } sera remplacé par le terme recherché */
	icon: "http://www.dator.fr/favicon.ico", /* l'icône de la commande */
	description: "Chercher dans dator.fr" /* la description de la commande */
});

2) Modification dans le thème wordpress

Il suffit d’ouvrir le fichier d’entête de votre thème Wordpress et d’ajouter cette ligne :

if (is_home()): ?>
< ?php endif;?>

de cette façon la (en remplaçant évidemment par vos adresses) :


< ?php if (is_home()): ?>
< ?php endif;?>

Et voila, vous offrez la possibilité à vos visiteurs d’effectuer des recherches sur votre sites internet à partir de Ubiquity. Bien qu’un plugin existe déjà, je trouvais intéressant de vous expliquer comment réaliser cela pour n’importe quel autre site.

  • 3 commentaires
Page 3 sur 4«1234»