Javascript296 ressources dans cette catégorie

Tout ce qu'il faut sur JavaScript / AJAX

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.

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');

jQuery API

Le code est disponible sous deux formats différents (la version Gzipped n'est plus recommandée par jQuery) :

1. Compressé (minified, abbréviation min) (réduction de la taille du code).
2. Non compressé (normal) (pour les développeurs de jQuery ou pour approfondir la recherche de bugs).

Voici un jeu de puzzle développé avec JavaEE. Le projet est à installer sur un serveur Tomcat pour pouvoir jouer à partir du navigateur internet.

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.

JSMinNpp est un plugin pour Notepad++.
Il permet de formater ou de minifier le code JavaScript.
La minification se fait à l'aide de JSMin, de Douglas Crockford. Elle consiste à supprimer l'indentation, les retours chariots, espaces inutiles et commentaires pour rendre votre code plus compact en vue d'une mise en production.

L'installation est particulièrement simple puisqu'il suffit de placer le fichier JSMinNPP.dll dans le dossier plugins du répertoire d'installation de Notepad++.

Leaflet est une bibliothèque JavaScript open-source moderne qui permet d'afficher des cartes interactives optimisées pour les appareils mobiles.

Elle a été développée par Vladimir Agafonkin avec l'aide d'une équipe de contributeurs dédiés à ce projet.
Pesant à peine 30kb compressées, cette bibliothèque possède toutes les fonctionnalités que la plupart des développeurs ont toujours souhaités pour les cartes en ligne.

Leaflet a été pensé pour de la simplicité, de la performance et de l'utilisabilité.
Elle fonctionne correctement sur toutes les principales plateformes de bureau et de mobiles, en utilisant les avantages que prodiguent les navigateurs dernière génération avec l'HTML5 et le CSS3.
La bibliothèq ... Voir la suite

TypeScript est un sur-ensemble de JavaScript, les deux syntaxes se ressemblent fortement et tout code JavaScript est un programme TypeScript valide. Son auteur n'est autre que Anders Hejlsberg, concepteur du Framework .NET et chef de l'équipe C# à Microsoft.

C'est tout d'abord un compilateur libre d'hébergement, mais il apporte surtout des fonctionnalités supplémentaires comme un typage statique, un système de classes et d'interfaces, une division en modules, la gestion de l'importation de fichiers, ou bien la distinction entre données publiques et privées.

Bien entendu, TypeScript est adapté pour l'environnement de développement Visual Studio, mais il fonctionne tout aussi bien avec d'autres éditeurs, ainsi que dans d ... Voir la suite

De quel préfixe vendeur votre visiteur a-t-il besoin ?

Présentation
PrefixFinder est un petit script utilitaire permettant de gérer facilement les préfixes vendeurs liés au navigateur de votre visiteur lorsque vous devez manipuler les styles CSS.

Fonctionnalités
PrefixFinder propose diverses fonctions utiles :

• PrefixFinder.prefixe contient un objet composé de deux propriétés (.css et .js) indiquant le préfixe CSS et JavaScript du navigateur ;
• PrefixFinder.getPrefixedProp(propriete) est une méthode retournant un objet composé de deux propriétés (.css et .js) indiquant pour la propriété CSS propriete sa syntaxe CSS et JavaScript pour le navigateur de l'utilisate ... Voir la suite

CKEditor est un éditeur de texte HTML open source prêt à l'emploi conçu pour simplifier la création de contenus Web. C'est un éditeur WYSIWYG (What You See Is What You Get) qui apporte des caractéristiques communes de traitement de texte directement sur vos pages Web.

Plusieurs fonctionnalités vous sont proposées. Tout d'abord il y a la technique de l'édition en ligne. Elle consiste à ne plus avoir de zone d'édition, mais de directement agir sur ce que l'on voit. On y trouve également un correcteur orthographique (WebSpellChecker.net), une détection automatique du langage et un affichage de droite à gauche pour les langages impliqués. Mais aussi une sauvegarde des valeurs précédentes permettant de les récupérer en cas d'erreur ou ... Voir la suite

J'ai récupéré le fichier sur le site officiel et fusionné une modif d'un autre site pour permettre le disable/enable du pluggin officiel

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.

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

TimeJump est un script qui vous permet de créer des "liens profonds" vers des instants précis d'un flux vidéo ou audio HTML5.
Pour se faire le script reconnait automatiquement un paramètre "t" (pour time) dans l'url et affiche le flux à l'instant correspondant à la valeur du paramètre.

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

Compile du code pascal objet en javascript (HTML5)

plus spécialisé dans les mobiles.

http://smartmobilestudio.com/

Tout comme Chrome (disponible pour iOS) et tout comme les Google Maps (accessibles hors-ligne sur Android), Google Drive – le service de stockage qui chapeaute à présent Google Docs – est disponible offline et sur les terminaux mobiles d'Apple.

Hors-ligne. Ce qui signifie que l’utilisateur peut « créer et éditer des documents ou laisser un commentaire. Tous les changements seront automatiquement synchronisés dès que vous vous reconnectez ».

Une fonctionnalité qui ne marche en revanche qu’avec la dernière version de Chrome.

En étant disponible à présent sur iOS (version 5.0 et ultérieures) Google Drive fait une attaque frontale à iCloud. Le mouvement est en tout cas d’importance et contrairement à Chrome pour ... Voir la suite

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

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.

Petit exemple de serveur Websoket Sécurisé sous forme de chat