Javascript296 ressources dans cette catégorie

Tout ce qu'il faut sur JavaScript / AJAX

Faire defiler des images manuellement

Pour remplacer les functions alert(), confirm() et prompt() qui vont disparaître (avec chrome du moins),
je me suis fais une function CAPop() qui me permet de regrouper ces 3 functions en 1 avec quelques personnalisations possible

Cette function retourne une promesse.

Bien que la popup soit paramétrable, j'ai voulu garder le code concis, et donc, je n'ai pas fait beaucoup de paramétrages possible
=> j'ai voulu garder le fonctionnement basique des anciennes functions : ce n'est pas une popup pleinement paramétrable comme on l'entend.

J'ai mis quelques exemples dans le fichier de démo pour illustrer chaque paramétrage possible.

Uploadify est un petit plugin jQuery qui va vous permettre de gérer l'upload multiple dans vos formulaires.
Deux versions sont à votre disposition : la première gratuite utilisant Flash et la seconde payante utilisant les nouvelles fonctionnalités HTML5.

Quelque soit la version, le plugin gère l'upload multiple et le drag&drop. Il propose également une barre de progression en temps réel. Le plugin est personnalisable à souhait, vous pouvez donc l'adapter à votre design. Enfin il propose aussi une restriction de fichier (par type, poids, etc.).

Donner le focus à un champ

VerbalExpressions est une bibliothèque JavaScript qui vous permet d'écrire vos expressions régulières différemment.
En effet, plus besoin de pattern complexes : grâce à cette bibliothèque vous allez pouvoir écrire vos regex avec des suites de mots toutes simples.

Sélectionner/désélectionner plusieurs cases à cocher

Changer dynamiquement une règle de style dans la CSS

Notice-js est une bibliothèque JavaScript vous permettant de créer des notifications personnalisées.
Vous pouvez en effet utiliser plusieurs options et méthodes pour customiser votre notification sans oublier un peu de code CSS pour le style.

La Boîte à couleurs permet la conversion d'une couleur dans les systèmes RVB, TLS, CMJ, CMJN et HTML. Un outil pipette permet de récupérer une couleur à l'écran. Un mode visuel donne la possibilité de choisir une couleur dans un nuancier. Enfin, la sélection de couleurs peut se faire dans une des listes de noms de couleurs fournies (RGB, HTML, Pantone).

Pour pouvoir tester si on est connecté, il faut utiliser un fichier à mettre quelque part sur internet à un endroit dont on est sûr qu'il sera toujours accessible.
Voici le contenu du fichier :



mon titre



if(window.parent)
window.parent.connTester.connectedStatuts = true;




Ensuite, dans la page où vous voulez tester la connexion, utilisez le script proposé

Suite à cette discussion, je me suis amusé à réaliser un script assez simple de fondu enchainé.

Le fonctionnement est plutôt simple (enfin... je pense) : vous positionnez vos images les unes par-dessus les autres (dans l'exemple, en les positionnant en absolute) et vous lancez le script en passant en paramètre le nom de classe CSS des élément à enchainer.
Ensuite, le script modifie les propriétés z-index et d'opacité pour réaliser l'effet.

Exemple en ligne

EasyForm est un script basé sur la bibliothèque Ember.js.
Il vous permet de grandement simplifier l'écriture de vos formulaires Ember.js.

Vérification qu'un bouton radio est sélectionné

Cette bibliothèque va vous permettre de créer des graphiques au sein de vos pages en utilisant les canvas HTML5.
Chart.js est supporté sur tous les navigateurs récents (supportant le HTML5) et offre un fallback spécifique pour IE7 et IE8.

Vous disposez de six types de graphiques différents :

• les courbes ;
• les graphiques en barres ;
• les graphiques en étoile ;
• les camemberts ;
• les graphiques polaires ;
• les graphiques en « beignets ».

Chacun de ces types peut être animé, entièrement personnalisé et s'affiche correctement même sur un écran retina.

Chart.js n'a besoin d'aucune autre bibliothèque pour fonctionner, est très léger (envir ... Voir la suite

Ce script permet de gérer des "pages".
Quand vous avez une page avec du scroll, ça va calculer combien de pages vous pouvez afficher dans la partie visible de votre browser et mettre des liens ainsi que le Page x/y.

Ça fonctionne sur ie et firefox, j'ai pas testé les autres.

Grâce à ce script JavaScript, vous pourrez désormais utiliser des images de remplacement aussi bien en mode en ligne qu'en mode déconnexion !

En effet, Holder.js permet de remplacer des images dans vos pages en se basant sur l'élément HTML 5 canvas ainsi que sur une API chaînable.
Ces deux points permettant d'afficher et de styliser simplement vos images placeholder (images de substitution).

Chance.js est générateur aléatoire de nombres, chaînes de caractères, booléen, etc. ultra léger.
Il est configurable avec bon nombres d'options et vous facilitera la vie pour tous vos besoins de génération aléatoire.

Fonction inArray pour chercher dans un tableau

Resemble.js est une bibliothèque JavaScript très légère (environ 11kb) créée par James Cryer pour faire de l'analyse et de la comparaison d'images directement dans le navigateur.

Cette librairie requiert l'API HTML5 file ainsi que l'utilisation des canvas HTML5 pour le rendu des différences.
Grâce à Resemble.js vous pourrez soit analyser une image seule, soit comparer deux images pour trouver leurs différences.

Nombre de caractères d'une zone de texte