Dator Blog

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

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

• 5 commentaires

Avec les ouvertures publiques des APIs de Google, les fans de Javascript et de jQuery ont développés des plugins pour intéragir avec les apis et la fameuse librairie jQuery !

Voici la liste des plugins jQuery pour utiliser les APIS de Google :

1. jGoogle,  Google Image Search
2. gFeed, Google Feed API
3. jgChart, Google Charts API
4. jQuery-GoogleMaps, Google Maps
5. jQuery-offline, Google Gears
6. jquery-googleanalytics, Google Analytics
7. jquery-spellcheck, Google SpellCheck
8. jquery-traslate, Google Translate

• 1 commentaire