Dator Blog

jQuery Glow permet la surbrillance de vos éléments HTML ou de vos textes sur votre site internet.

Voici comment ça marche :

$(document).ready(function() {
  $('.monElement').addGlow({
    radius: 20, // Le rayon du halo (par les navigateur qui supportent)
    textColor: '#ff0', // La couleur du texte d'arrivé
    haloColor: '#ffa', // La couleur du halo
    duration: 200 // la durée
  });
});

Vous pouvez voir une démonstration ici et télécharger la librairie ici.

• 11 commentaires

La nouvelle anti-sèche de jQuery 1.3.2 vient de sortir  !

Voici les 3 sources de téléchargement:

• Microsoft XLS
• Adobe PDF
• Image PNG

• 6 commentaires

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

Avec jQuery nous pouvons sélectionner un ou plusieurs éléments grâce à des sélecteurs CSS comme par exemple :

$("monselecteur:first")

Je vais vous montrer aujourd’hui une petite astuce pour créer votre propre sélecteur !

Ce que nous voulons

Nous voulons un sélecteur qui permet de savoir si le contenu HTML d’un élément est supérieur à 1000. Cela peut être pratique dans un tableau récapitulatif pour surligner les cases importante (supérieures à 1000).

Le html

1400
700
400


2500
600
100


100
1100
900

Réalisation

Nous allons étendre les fonctionnalité de jQuery et lui ajouter un sélecteur :

$.extend($.expr[':'], {
    // on nomme notre sélecteur
    moreThanAThousand : function (a){
		// on cherche notre élément
		return parseInt($(a).html()) > 1000;
	}
});  

$(document).ready(function() {
       // utilisation
	$('td:moreThanAThousand').css('background-color', '#ff0000');
});

Ici on sélectionne tous les éléments qui ont un contenu HTML supérieur à 1000 et on leur met une couleur de fond rouge ! Simple non?

• 2 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