Codes sources JavaScript126 ressources dans cette catégorie

Retrouvez ici tous les meilleurs téléchargements

Beaucoup utilise le plugin ddslick, pour avoir une liste avec des images et description.
Malheureusement, quand on l'utilise dans une popup ou une div ou tout autre limiteur d'espace et qu'on veut la dérouler ... appaît un scroll...

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

Le jeu du printemps 2014, dans une adaptation JS maison.
Principale nouveauté: possibilité de corriger en permanence ses déplacements!
Merci à ma fille de me l'avoir fait découvrir il y a une semaine (oui, je sais, je suis en retard d'un an).

(Mise à jour du code pour des raisons de propreté...;
Je mets le HTML aussi, mais sans l'affichage des scores, qui nécessite juste un ptit insert via php)

Démo en ligne

websocket JS + serveur php : code d'évaluation validé Mozilla + Chrome juillet 2015 (la date est importante !)

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

dhtmlxDataSelector est un petit composant pour organiser vos données. En fait, il fait partie des mini composants qui ne sont pas officiellement inclu dans la suite DHTMLX. Ces derniers représentent cependant des solutions intéressants pour des parties précises de vos applications.

Il aide à gérer les limites de l'information qui peut être placé dans une liste déroulante. C'est une sélection qui offre la possibilité d'obtenir de grands ensembles de données de la base de données, qui regroupe l'ensemble et structure les données.

L'outil propose une recherche avancée et s'intègre facilement dans les dhtmlxForm. Il y a également le support de la localisation qui permet de traduire les libellés des boutons et l'intitulé d ... Voir la suite

Granular est une réimplémentation de WPF, Windows Presentation Foundation. Ce dernier fournit aux développeurs un modèle de programmation unifié pour la construction moderne d'applications bureautiques sur Windows.

Granular est compilé en JavaScript, ce qui permet aux applications WPF de fonctionner dans le navigateur en utilisant le compilateur JavaScript Saltarelle C#).

WPF peut être considéré comme une définition, pas uniquement comme une implémentation. Il définit plusieurs concepts avancés de l'interface utilisateur (tels que les arbres visuels/logiques, la mise en page, les événements routés, les ressources, etc.).
Il supporte bien entendu les modèles MVVM et les autres modèles d'interface utilisateur. Granu ... Voir la suite

jQuery Migrate est un plugin qui sert à tester la compatibilité des codes jQuery existants avec les nouvelles versions de jQuery, Il fournit en effet des diagnostics qui peuvent simplifier la mise à niveau vers les nouvelles versions de jQuery, en avertissant sur les API obsolètes ou d'autres changements dans jQuery qui peuvent affecter votre code.

Ce plugin a différentes versions (développement ou production). Il convient de faire attention à la version utilisée et nous déconseillons d'emporter ce plugin en production. C'est un outil de développement.

Cette extension ouvre vos nouveaux onglets avec comme image de fond une photo de moto.

Comment l'installer ?

• Aller sur cette url : chrome://extensions
• Cocher le mode développeur si ce n'est pas fait.
• Cliquer sur choisir l'extension non empaquetée et choissir le dossier téléchargé (mais il faut le dézziper avant de faire ces étapes).

Et voila, c'est installé.

Une petite palette couleur.
La couleur est récupérée sous le curseur dans un canvas.
Testé sur IE, CHROME, FIREFOX.

Cette fonction, utilisant une unique expression régulière, est très rapide et particulièrement recommandée pour des traitements intensifs (conversion de listes, comparaisons multiples...)."
Elle présente la particularité de fonctionner aussi avec les graphèmes tels que "æ", "œ".
L'expression régulière est construite directement à partir d'un Object 'dicLetAcc' utilisé comme dictionnaire de conversion, lui-même élaboré à partir d'un premier Object 'dicConv', présentant les données de manière plus lisible et plus facile à maintenir.
Ce dictionnaire est limité aux caractères utilisés en français plus quelques autres, ajoutez simplement les conversions qui vous manquent, ou au contraire simplifiez-le pour ne conserver que les car ... Voir la suite

Il s'agit d'un composant jQuery qui permet de réduire le nombre de caractères à saisir dans un textarea.
Elle s'instancie de la manière suivante :
$('textarea').f_writting().
Des lors la fonction analysera le dernier mot saisie et le remplacera par celui voulu
clt deviendra client

Les abréviations peuvent être modifié via le fichier lib.js

Réduisez simplement vos ancres de vos liens en plaçant ce bout de code jQuery sur vos pages.

Exemple : https://www.votredomaine.com/votrerepertoire/votresousrepertoire/votrepage.html deviendra https://www.votredomaine.com/votr...page.html

Ce petit script peut s'avérer très utile pour les versions mobile lorsque le lien est trop long et dépasse la taille de l'écran.

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.

A force de devoir gérer du multi device, je me suis fait un mini script qui me permet d'appliquer le bon événement quand j'en demande un.
plus besion de faire if(mobile) { /* evenement du touch */ } else { /* evenement du click */ }

Le script se divise en deux parties.
1) Récupération du type (mobile/desktop/autre).
2) L'associassion les événements que l'on souhaite.

QuickJS est un moteur JavaScript léger prenant en charge la spécification ES2019.

Conçu par Fabrice Bellard et Charlie Gordon, cet outil prend en charge les modules, les générateurs asynchrones et les mandataires. Il prend éventuellement en charge des extensions mathématiques telles que les grands entiers (BigInt), les grands nombres à virgule flottante (BigFloat) et la surcharge d'opérateurs.

En voici quelques caractéristiques :

• petit et facilement intégrable ;
• s'interprète rapidement avec un temps de démarrage très court ;
• prise en charge complète de l’Annexe B (compatibilité Web héritée) ;
• propose une petite bibliothèque standard intégrée avec les wrappers de la bibliothèque ... Voir la suite

Freezeframe.js est une bibliothèque JavaScript qui vous permet de contrôler l'animation d'un GIF.

Qu'est-ce à dire ? L'idée est que le GIF soit en pause à l'ouverture de la page Web. L'activation peut se faire alors de diverses manières :

• le mouse hover, à savoir, dès que la souris passe dessus ;
• le clic sur le GIF ;
• le touch event, hé oui, il faut bien penser tactile de nos jours.

L'outil est transpilé avec webpack / babel. Il devrait donc fonctionner sur la plupart des environnements. Il peut également être utilisé avec Vue.js.

Le test de comparaison des pixels vous permet de déterminer s'il y a des différences entre deux images. Cette technique vient de la nécessité d'avoir une application consistente sur tous les environnements (plateformes, navigateurs, etc.).

Pixelmatch est une petite bibliothèque JavaScript qui implémente cette technique, mettant en avant sa capacité à détecter les pixels anti-aliased (l'anticrénelage, à savoir le lissage de police pour éviter un mauvais affichage d'images selon la résolution) et des mesures de perception de différence des couleurs.

AlaSQL.js est définit comme une base de données SQL JavaScript pour le navigateur et Node.js capable de gérer les relations traditionnelles et les données JSON imbriquées (NoSQL). AlaSQL permettrait également d’exporter, de stocker et d’importer des données à partir du localStorage, indexedDB ou encore Excel.

En d’autres termes, c’est une base de données SQL open source pour JavaScript avec un fort accent sur la vitesse de recherche et la flexibilité de la source de données pour les données relationnelles et des données sans schéma. Cela fonctionne dans le navigateur Web, Node.js et les applications mobiles.

J'avais posté il y a quelques années une fonction de suppression des diacritiques à l'aide d'expressions régulières.
La fonction normalize() permet de le faire beaucoup plus simplement en terme de lignes de code mais attention, pas forcément en terme de performance (cette fonction ne semble pas très optimisée sur certains navigateurs).
Cette fonction éclate chaque lettre accentuée en sa lettre de base suivie du diacritique.
Il suffit ensuite de faire un "écrémage" de ces diacritiques à l'aide d'une expression régulière.