jquery-glow-2

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.

  • 22 commentaires

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.

image-3

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 :

Télécharger la librairie

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

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

Il y a quelque temps, je vous avais fait un tuto sur comment uploader vos fichiers avec Mootools, et j’ai complétement oublier de vous parler de jQuery (ma librairie javascript préférée !).

jquery-file-upload

jQuery File Upload est un petit plugin qui permet de créer un uploader simple ou multi fichier pour votre site internet. Il vous permet d’uploader tout type de fichier de façon simple et très esthétique.

On peut noter qu’il possède plusieur mode d’upload comme :

  • Un seul fichier à la fois
  • Plusieurs fichiers à la fois
  • Possibilité de définir le type de fichier à envoyer

On peut aussi le personnaliser à souhait en modifiant :

  • Le répertoire d’envoie des fichiers
  • L’upload multiple de fichier
  • Les différentes fonctions à chaque étapes de l’upload
  • La restriction de la taille et des extensions des fichiers à envoyer
  • Les différents boutons d’upload, de sélection des fichiers et de vidage de la file d’attente

Evidemment ce plugin marche coté client, il vous faut donc un script coté serveur qui se charge d’uploader les fichiers, de les redimentionner ou tout autres actions possible sur des fichiers.

  • 8 commentaires

Sous ce titre optimiste ce cache un nouveau plugin écrit sur la base de jQuery. Avec jQuery Gestures nous pouvons définir certain événement déclenché avec la souris et leur affecter des actions.

Par exemple, pour savoir si la souris va vers le haut :

//Initialisation du plugin et de la couleur du tracé
$.gestures.init({active:false,color:'#ff0000'});

// Enregistrement d'un nouveau gest (haut)
$.gestures.register('U', function() {
  alert('En haut !');
 });

Simple non?

Allez un peu plus dure maintenant :

// Haut Bas Droite Gauche
$.gestures.register('DLUR', function() {
  alert('Un rectangle !!');
  });

Enfaite, les mouvements sont déjà définis dans le plugin mais vous pouvez re-définir les actions quand ces mouvements sont executés.

Vous pouvez voir une démonstration sur cette page.

  • 7 commentaires

Facebook ConnectComme certains on déjà pu le voir, je viens de mettre en place Facebook Connect sur Dator.fr.

Certains vont surement me demander « Ok , mais a quoi ca sert exactement ?» ; en faite, l’intégration de ce petit script va vous permettre de vous connecter sur Dator.fr à partir de vos identifiant Facebook. Une fois connecté, vous pourrez poster vos commentaires et le mettre dans votre timeline de Facebook, et tout ça directement à partir du blog ! C’est pas magnifique ça ?

Il reste encore un bug, Wordpress détecte un doublons quand on poste un commentaire mais il sera réglé dans la semaine.

Une fois que tout sera en place, je vous ferais un tutorial pour vous expliquer comment marche Facebook Connect et comment l’intégrer sur votre blog.

Malgré le bug vous pouvez tout de même tester le plugin, il postera bien le commentaire, et vous demandera de l’ajouter (ou pas) sur votre profil Facebook.

Pensez-vous que cela soit une bonne idée ?

  • 10 commentaires
Page 2 sur 4«1234»


Derniers Commentaires