Dator Blog

jQuery image menu est un plugin qui permet de créer un menu horizontal à la Mootools !

En effet, en passant sur les différents éléments, cela anime le tout pour faire un effet très sympatique !
Lire le reste de cet article »

• 2 commentaires

jQuery Splitter est un plugin qui permet de séparer votre contenu en plusieurs parties .

Vous pouvez séparer votre contenu :

• Horizontalement
• Verticalement

Ce plugin est vraiment très pratique pour ceux qui recherche ce genre d’effet graphiques pour leurs application.

• 6 commentaires

jQuery Auto-Growing est un plugin jQuery qui permet d’agrandir vos textarea selon le contenu .

On retrouve souvent ce genre de pratique sur de gros site communautaire pour éviter de perdre de l’espace tout en s’adaptant au texte de l’utilisateur !

Voici un exemple d’utilisation :

$(document).ready (function() {
	$('textarea.expanding').autogrow({
		maxHeight: 100,
		minHeight: 30,
		lineHeight: 16
	});
});

Ici seuls les textareas qui ont une classe CSS de expanding seront touché par ce plugin. On peut donc donné la taille minimum de rétrécissement, la taille maximum d’agrandissement, et la hauteur d’une ligne.

Télécharger et voir les démonstrations

• 2 commentaires

Autobox2 est un plugin jQuery qui vous permet de créer des listes de sélections à la Facebook de la façon la plus simple possible !

Avec ce plugin, vous pouvez :

• Chercher directement dans un tableau javascript
• Chercher avec de l’ajax
• Changer le texte de réception
• Définir des valeurs pré-sélectionnées
• Changer la façon dont est sélectionnés les données avec une expression régulière.

Il vous faut simplement un champ de texte et laissez la magie de jQuery prendre forme !

$("input.autobox.0").autobox({
        ajax: "list", // Ajax qui retourne une liste d'éléments
        match: function(typed) { return this.text.match(new RegExp(typed)); }, // Expression régulière
        insertText: function(obj) { return obj.text }, // Insertion du texte dans la liste déroulante
        templateText: "
Hey: < %= text %>

", // Template de texte de réception
        prevals : ['fred@wilma.com', 'betty@barney.com'] // Valeur de départ
      });

Voir une démonstration
Voir la page officielle

• 1 commentaire

Le site officiel de jQuery vient de publié une liste de ressources alternatives à la documentation de jQuery ! On y retrouve :

• Les anti-sèches de jQuery 1.3
• Les anti-sèches de jQuery 1.2
• Le jQuery API Browser
• et bien d’autre !

Liste entière de ressources alternatives à jQuery.

• 0 commentaire

Aujourd’hui je vais vous présenter un plugin pour jQuery qui va en ravir plus d’un ! DataTables permet de gérer une datagrid sans aucune configuration ou presque.

Il vous suffit d’avoir un tableau HTML dans votre page et de lui attitré un id . Ensuite il vous suffit d’utiliser ce code et vous aurez votre belle datagrid!

$(document).ready(function() {
	$('#example').dataTable();
} );

Il existe beaucoup d’extension pour cette datagrid comme par exemple :

• Ajouter une ligne dans le tableau.
• L’édition en ligne dans les cases du tableau.
• Mettre le tableau dans un formulaire.

Télécharger la librairie

Accéder à la documentation et à la démonstration

• 6 commentaires