Codes sources JavaScript122 ressources dans cette catégorie

Retrouvez ici tous les meilleurs téléchargements

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.

Cet exemple montre comment il est possible de redimensionner une colonne dans un tableau à l'aide de la souris.
Pour mettre en place la fonctionnalité, il suffit d'appeler la fonction ajouterRedimensionnerColonne('letableau') en lui donnant l'id du tableau.
Ensuite, il suffit de déplacer la souris vers le bord droit de la colonne à déplacer, de cliquer lorsque le pointeur de la souris change et de la déplacer, et enfin de la relâcher lorsque la largeur de colonne voulue est atteinte. Pour de plus amples informations, voir les commentaires dans le code.

Cet exemple montre comment déplacer une colonne d'un tableau HTML.
Pour déplacer une colonne, il faut cliquer sur l'en-tête de la colonne puis déplacer la souris sur l'en tête de la colonne avant laquelle on veut l'insérer puis, relâcher la souris.
Pour activer le déplacement de colonne sur un tableau, il faut appeler la fonction ajouterDeplacerColonne(id du tableau ou noeud du tableau)
Pour de plus amples informations, voir les commentaires dans l'exemple.

Affichez un simple petit bouton en quelques petites lignes de code pour remonter en haut de page sans avoir besoin d'un fichier image.
Très utile quand on utilise jQuery car très simple à mettre en place.

Mozilla renvoie les couleurs d'un élément sous format "RGB(xx,yy,zz)".
Voici une fonction qui transforme ce résultat en standard hexadécimal...

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

Dans cet exemple, la page qui recevra le formulaire est en php, d'ou l'utilisation des "[]" dans le "name" du champ file.
Selon le langage serveur utilisé il ne faudra peut etre pas les mettre.

Ce script permet de faire défiler les colonnes d'une Table.
Ici elle est générée en PHP pour que le script soit moins long.

La fonctions parseInt retourne un nombre entier converti à partir d'une chaîne.
Il existe aussi la fonction IsNaN qui retourne une valeur booléenne indiquant si une valeur correspond à la valeur réservée NaN (Not a Number).

Ce code tester en Javascript un controle et renvoi vrai (true) si le controle contient les 15 digits d'un No de Sécurité Sociale.
Il est donné pour enrichir le site des codes du même type pour javascript ayant été donné ailleurs.

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

Grâce à ce plugin jQuery open source vous pourrez désormais utiliser la technologie SVG pour afficher vos cartes vectorielles. En effet, il vous permet de choisir les couleurs, les interactions (tooltips, zoom, etc.), etc.

Il permet également d'importer des données pour les visualiser.

Ce plugin est également prévu pour fonctionner sur des versions antérieures. Pour cela il utilise le plugin VML.

vorlon.js est un outil open source destiné aux développeurs JavaScript permettant d’inspecter, débugger et tester à distance le code JavaScript. L’objectif étant de fournir un outil extensible et complètement indépendant de la plateforme ou du navigateur sur lesquels il s’exécute.

Vorlon.js est alimenté par Node.js, Socket.io. La devise est pas de code natif, pas de dépendance à un navigateur spécifique, uniquement du HTML et du CSS s’exécutant sur la machine de votre choix.
C'est une sorte de petit serveur Web.

Bonjour,

Voici une petite calculatrice qui s'appuie sur du jquery (mais on pourrait s'en passer)

stringUpdate incorpore de nouvelle méthodes aux chaînes de caractères

• isEmpty()=<définit si la chaîne de caractère est vide
• isNotEmpty()=<définit si la chaîne de caractères n'est pas vide
• isMemberOf(array)=<défnit si la chaîne de caractères appartient aux tableau passé en paramètre
• isMail()=<détermine si la chaîne de caractères est un mail ou pas
• getMatches(pattern)=<retourne le tableau des élément correspondant à l'expression en paramètre

Récupérer un argument de l'URL de la page sans passer par un langage serveur

A appeler de cette manière :

recuperesArgumentURL('bgcol');

La fonction calculeOffsetLeft retourne le nombre de pixel à la gauche de l’élément (son abscisse), la fonction calculeOffsetTop le nombre au dessus (son ordonnée).

AnyChart est une bibliothèque JavaScript flexible (orienté HTML5) pour construire des graphiques interactifs qui s'adaptent à n'importe quel besoin de visualisation de données. Vous pouvez utiliser ce framework pour un site Web, pour une application BI, pour une présentation, pour une solution client, etc. L'outil est flexible et personnalisable. Il est multiplateforme. Peu importe le serveur et la base de données de vos projets.

Démonstrations et galerie des graphiques et des tableaux de bord.

Comment récupérer les dimensions d'une image affichée à l'écran ?

Voici un code qui permet à un utilisateur d'ordonner comme bon lui semble une liste (déroulante ou pas)
Grâce à ce code, lorsque l'on clique sur sur un item de la liste pour le déplacer, la variable Obj prend la valeur de la liste déroulante.
Ainsi, dans la fonction deplacer, la variable Obj fait appel à la liste en question.
La variable OptionSel ne sert qu'à raccourcir les ligne de codes.
Elle évite ainsi d'avoir à retaper à chaque fois Obj.selectedIndex.