Developpez.com

Télécharger gratuitement le magazine des développeurs, le bimestriel des développeurs avec une sélection des meilleurs tutoriels

Codes sources JavaScript

Retrouvez ici tous les meilleurs téléchargements Codes sources JavaScript
Ajouter un nouvel élément

    RefineSlide

    Éditeur : Alex Dunphy +
    RefineSlide vous permet de créer un caroussel d'images responsive.

    En effet, ce script JavaScript utilise les transitions et les transformations CSS3 pour afficher un caroussel d'images original, attractif et personnalisé. Il utilise également un fallback JavaScript pour le fondu. Il supporte les miniatures, les légendes et possède également une API.

    Le caroussel ainsi créé propose des images responsive, qui s'adapteront à la navigation sur mobile.

    RefineSlide est supporté sur tous les navigateurs récents (IE7+).

    Sélectionner une option par sa valeur

    Licence : Gratuit - 30/01/2012 - Téléchargé 3 x
    ce code javascript permet d'ajouter aux éléments html SELECT la méthode selectedValue, qui permet de sélectionner une option par sa valeur.

    Upload multiple avec ajout dynamique des champs

    Licence : Autre - 03/10/2011 - Téléchargé 3 x
    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.

    Comment verifier si la valeur rentrées dans un champ est un entier >0 ?

    Licence : Autre - 03/10/2011 - Téléchargé 3 x
    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).

    Gérer le scroll comme des pages

    Licence : Autre - 04/10/2011 - Téléchargé 3 x
    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.

    Redimensionner la largeur des colonnes d'un tableau

    Licence : Gratuit - 10/11/2014 - Téléchargé 3 x
    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.

    deviseur

    Licence : Gratuit - 19/07/2013 - Téléchargé 3 x
    application pour faire des devis
    enregistrement misa ajour des index devis automatique
    possibilité de memoriser listing client

    Annyang

    Éditeur : TalAter + 132ko
    Annyang est une bibliothèque JavaScript qui vous permet d'intégrer du contrôle vocal dans vos sites Web.

    Tableau avec tri, filtre et pagination

    Licence : Autre - 10/07/2014 - Téléchargé 2 x
    A partir du projet tablesorter, l'idée est d'avoir un exemple au plus simple, avec le minimum de fichier en utilisant le custom de son jquery ui pour faciliter le design.

    Uploadify

    Éditeur : Uploadify +
    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.).

    stringUpdate

    Éditeur : Sébastien DAMART + 1284 octet
    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

    Comment retrouver les coordonnées X et Y d'un objet ?

    Licence : Autre - 04/10/2011 - Téléchargé 2 x
    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).

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

    Licence : Autre - 04/10/2011 - Téléchargé 2 x
    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');

    Chance.js

    Éditeur : Victor Quinn + 37.38ko
    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 splitter()

    Éditeur : Songbird_ +
    Macro permettant l'extraction d'une sous-chaîne de caractères dans une chaîne plus grande.

    AnyChart JS Charts

    Éditeur : AnyChart +
    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.

    Copier tout ou partie des styles d'un élément HTML et les appliquer vers un autre

    Licence : Gratuit - 17/06/2014 - Téléchargé 2 x
    Cet exemple montre comment appliquer tous les styles d'un élément html vers un autre. Il est aussi possible de ne copier que les styles souhaités en en précisant la liste. Les styles obtenus sont ceux en cours pour l'élément, qu'ils aient été définis via l'attribut style, une feuille de style, ou bien hérités d'éléments parents.
    Trois fonctions principales sont écrites et utilisées, getStyles, isStyleFirefox et copierStyles. C'est dernière qu'il suffit d'appeler pour réaliser l'opération.
    Il existe un autre fonction, getCssText qui permet de récupérer tous les styles d'un élément sous la forme d'une chaîne au format de l'attribut style. Elle peut être intéressante lorsque l'on souhaite connaître précisément quels sont les styles d ... Voir la suite

    jquery.dvjhElastique

    Licence : Autre - 29/12/2010 - Téléchargé 1 x
    plugin jQuery dvjhElastique

    Texte élastique avec ou sans effet LasVegas.

    On peut choisir soit d'arrêter l'animation en conservant la taille et la couleur, soit de restaurer le contenu original.

    Source : http://danielhagnoul.developpez.com/plugin-dvjh/elastique/elastique.php

    Instafeed.js

    Éditeur : Steven Schobert +
    Instafeed est une bibliothèque CoffeeScript qui vous permet de manière on ne peut plus simple d'intégrer des images provenant d'Instagram dans vos pages Web.

    Ce script va automatiquement chercher la et la remplir avec toutes les images Instagram tagguées "awesome". Vous pouvez bien évidemment modifier le comportement en utilisant les options standards et avancées.

    Donner le focus à un champ

    Licence : Autre - 03/10/2011 - Téléchargé 1 x
    Donner le focus à un champ

104 éléments

Responsable bénévole de la rubrique JavaScript : Xavier Lecomte -