Dator Blog

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

La version 1.3 de jQuery a révélé une nouvelle méthode appelé live() qui permet la propagation des événements javascript dans votre page.

Voir la vidéo en HD (conseillé).

Cette méthode live() ne marche qu’avec les événements suivant :

• click
• dblclick
• mousedown
• mouseup
• mousemove
• mouseover
• mouseout
• keydown
• keypress
• keyup

et ne marche pas avec :

• blur
• focus
• mouseenter
• mouseleave
• submit
• change

• 6 commentaires

Voici un excellent petit script qui permet de créer un calendrier iCal comme sur l’iphone en utilisant jQuery !

Avec un peu d’HTML, un zeste de CSS et beaucoup de jQuery, voici ce que l’on peut faire ! Vous pouvez voir la démonstration ici et télécharger les scripts à cette adresse.

• 0 commentaire

Aujourd’hui je vais vous proposer un article que je n’ai jamais encore fait ! Un compilation des meilleurs plugins pour les framework javascript trouvé sur le net pour valider vos formulaires :

Mootools

• form.Check
• formValidator
• fValidator

jQuery

• Validation
• Form Validation plugin (3 versions possibles)
• jVal

Prototype

• Really Easy Form Validation
• JSValidate (requiert Scriptaculous)
• Unobtrusive Javascript Form Validation for Prototype

Si vous en avez d’autre, n’hésitez pas à mettre un commentaire et je l’ajouterais à la liste !

• 4 commentaires

Preloaders.net vous permet en quelques secondes de générer de façon simple et rapide une image de chargement pour vos requêtes Ajax ou Javascript !

Ce générateur est très bien conçu et bien que j’en avais un déjà dans mes favoris, je crois que je vais changer !

Vous avez le choix entre :

• 4 catégories (3D, Rectangulaire, Circulaire, Horizontale ).
• Un choix de couleur de fond et de front.
• La taille du preloader.
• La vitesse de l’animation.

• 5 commentaires

Aujourd’hui je vous propose une petite astuce pour faire communiquer votre composant Flash (ou Flex) et votre page HTML.

Dans cette exemple, il s’agit d’envoyer une requête AJAX dans un composant Flex ! C’est vraiment très simple de mettre ce procédé en place .

Voici le screencast explicatif !

Communication entre Flex et Ajax from Clément on Vimeo.

Je vous conseille de regarder ce screencast en HD directement sur le site Vimeo !

Si vous avez la moindre question, n’hésitez pas a laisser un commentaire dans la suite de l’article.

• 3 commentaires