Codes sources JavaScript

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

    Afficher un tableau php de N dimensions dans un arbre

    Licence : Autre - 05/10/2011 - Téléchargé 3 x
    Afficher un tableau php de N dimensions dans un arbre

    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.

    EasyForm

    Éditeur : Brian Cardarella + 293ko
    EasyForm est un script basé sur la bibliothèque Ember.js.
    Il vous permet de grandement simplifier l'écriture de vos formulaires Ember.js.

    Customisation et complétion du File Upload en VB.NET/ Jqueryui de BlueImp

    Licence : Autre - 21/01/2014 - Téléchargé 3 x
    Le Zip contient un projet Visual Studio 2010. Dedans vous retrouvez le FileUpload JqueryUI de BlueImp.
    Mais avec quelques modifications. J'ai impacter que 2 fichiers (jquery.fileupload-validate.js et jquery.fileupload-ui.js)

    1/ Ajout de control du nom de fichier (sinon risque d'écraser fichier existant)
    2/ Control de la taille totale de TLD côté js et côté vb (à cause IE9 controle pas taille de fichier que lors du chargement)
    3/ Traduction en français des messages d'erreur
    4/ Verrouillage bouton "Envoyer" si pas utile supprimer les appels à CheckEnvoyer
    5/ Ajout du découpage (chunk) de fichier pour les browser le upportant
    6/ Taille de fichier en Mo (au lieu Mb peu utilisé en France)
    7/ Si Erre ... Voir la suite

    Générateur de Mot de Passe

    Éditeur : NoFeaR1991 + 8 Ko
    Bonjours tout le monde alors j'ai créé ce petit générateur de mot de passe avec du HTML , du CSS, du PHP et du JAVASCRIPT.
    Il permet d'obtenir un mot de passe totalement aléatoire pour ensuite le tester.

    Merci à Developpez.com d'organiser ce petit concours.

    MON GÉNÉRATEUR DE MOT DE PASSE


    Sélectionner une option par sa valeur

    Licence : Gratuit - 30/01/2012 - Téléchargé 2 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.

    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

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

    Licence : Autre - 03/10/2011 - Téléchargé 2 x
    Sélectionner/désélectionner plusieurs cases à cocher

    Nombre de caractères d'une zone de texte

    Licence : Autre - 03/10/2011 - Téléchargé 2 x
    Nombre de caractères d'une zone de texte

    Tester si on est connecté à internet

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

    jQuery Picture

    Éditeur : Abban Dunne +
    Grâce à ce plugin, jQuery très léger vous pourrez passer en douceur aux images responsive.
    En effet, ce mot est très à la mode ces derniers temps dans le développement Web. Il s'agit en fait tout simplement de pouvoir adapter vos contenus en fonction de la résolution d'écran de l'utilisateur (et donc du type d'appareil avec lequel il visite votre site).

    Pour se faire, ce plugin vous offre deux solutions qui sont actuellement à l'étude pour devenir le standard des images responsive : l'élément et la nouvelle balise récemment proposée .

    Une mise en garde cependant : ce plugin utilise des éléments qui ne sont pas encore considérés comme valide par le w3c !

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

    Déplacer une colonne d'un tableau HTML

    Licence : Gratuit - 17/06/2014 - Téléchargé 2 x
    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.

    Fondu enchainé

    Licence : Gratuit - 30/12/2010 - Téléchargé 1 x
    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

    Tester un controle contenant Numéro de Sécurité Sociale

    Licence : Autre - 12/04/2016 - Téléchargé 1 x
    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.

    Comment permettre aux internautes de trier une liste ?

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

    Babel

    Éditeur : Babel +
    Babel est un transpileur ECMAScript 6. Il transforme votre code ES6 en code ES5. Ce qui signifie que vous pouvez commencer à utiliser dès maintenant les nouvelles fonctionnalités du langage sans devoir attendre leur support par les navigateurs.

    Babel sait compiler et traduire les éléments suivants :

    • les raccourcis de fonction ;
    • les fonctions asynchrones ;
    • les classes ;
    • la déstructuration ;
    • les décorateurs ;
    • let ;
    • etc.



    Mais Babel, c'est également une interaction avec d'autres outils JavaScript (ou non) comme React, NodeJS, Rails, Browserify. Etant compatible avec les principaux navigateurs, Babel peut également être étendu par div ... Voir la suite

    Attirer l'attention sur un lien

    Licence : Autre - 04/10/2011 - Téléchargé 1 x
    Attirer l'attention sur un lien, 2 versions

    Gérer le scroll comme des pages

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

    Conversion d'un tableau PHP de dimension N en tableau JavaScript

    Licence : Autre - 05/10/2011 - Téléchargé 1 x
    Conversion d'un tableau PHP de dimension N en tableau JavaScript

104 éléments

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