Javascript298 ressources dans cette catégorie

Tout ce qu'il faut sur JavaScript / AJAX

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

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.

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

L'objectif est la création d'un framework extensible et interopérable avec les autres frameworks JavaScript. Le principe est de pouvoir créer son propre langage de modélisation en étendant la syntaxe HTML pour rencontrer vos besoins.

Cette démarche respecte de près les règles du MVC (modèle, vue, contrôleur). Il y a de fait une synchronisation entre les données de l'interface utilisateur et les objets JavaScript.

Une version fraîche du hangman traditionnel. Dictionnaire Inglés composé de 110000 mots. Propulsé par la bibliothèque jQuery, AJAX et PHP.

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

Alpha Image est un plugin jQuery qui permet de modifier simplement la couleur de vos images.

Différentes options sont disponibles et vous pouvez choisir d'utiliser un code hexadécimal ou bien du RGB pour modifier la couleur.
Le retour de la fonction peut également contenir les données relatives à l'image en plus de l'image elle-même.

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

D3 permet de manipuler des documents sur la base de données. Il peut être utilisé pour visualiser des données à la fois statistiques et interactives via HTML, SVG et CSS. Il est par exemple possible d’utiliser D3 pour générer un tableau HTML à partir d’un tableau de données. Les mêmes données peuvent également être utilisées pour créer un graphique SVG avec des transitions et interactions.

Comme jQuery, la bibliothèque dispose d’une sélection générique d’éléments DOM, une propriété pour l’annotation dynamique, le traitement des éléments de transitions et des transformations.

La version 2.0 de D3 apporte une douzaine de nouvelles fonctionnalités et améliorations. Plusieurs options ont été ajoutées aux transitions et les ... Voir la suite

Vérifie que dans un input le format mail est conforme

Une erreur est levée si :
- absence de . ou @
- . ou @ en début d'adresse
- . ou @ en fin d'adresse

Compile du code pascal objet en javascript (HTML5)

plus spécialisé dans les mobiles.

http://smartmobilestudio.com/

Next.js est un framework permettant d’effectuer le rendu des applications web React par les serveurs avec un routage côté client qui se présente comme les applications universelles natives. Il est bâti sur React, Webpack et Babel.

• Aucune installation à faire.
• Rendu automatique par le serveur et fractionnement du code.
• Récupération des données.
• Anticipation pour une meilleure performance.

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.

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.

Nashorn est un environnement d'exécution JavaScript de haute performance écrit en Java pour la JVM (Java Virtual Machine).

Il permet aux développeurs d'intégrer le code JavaScript à l'intérieur de leurs applications Java et même d'utiliser les classes et méthodes Java à partir de leur code JavaScript. Il peut être conçu comme un substitut au moteur JavaScript V8 de Google. C'est un successeur de l'environnement d'exécution Rhino qui était fourni avec les versions antérieures du JDK. Nashorn est écrit à partir de zéro en utilisant les nouvelles fonctionnalités du langage comme JSR 292 (Supporting Dynamically Typed Languages) et invokedynamic.

Vous pouvez ainsi utiliser notamment :

• des classes ;
• de ... Voir la suite

Mozilla a lancé le projet Shumway. C'est une machine virtuelle écrite en JavaScript, couplé avec les technologies HTML5, qui permet le rendu des fichiers SWF sans avoir besoin de Flash Player.

Shumway est construit avec deux objectifs principaux : faire avancer le Web ouvert en toute sécurité en prenant en compte les formats fermés et propriétaires, et offrir un processus d’exécution pour les fichiers SWF et d’autres formats « Rich Media ».

Le projet est encore au stade expérimental et manque de certaines caractéristiques. La technologie finalisée pourrait être introduite dans Firefox et serait – théoriquement – compatible avec tout navigateur moderne supportant JavaScript et HTML5.

Chart.js est une bibliothèque JavaScript open source conçue pour représenter des données sous forme de graphes statistiques. Elle utilise les fonctionnalités HTML5 comme les canvas et gère l'aspect responsive.

Vous disposez de huit types de graphiques différents :

• les courbes ;
• les graphiques en barres ;
• les camemberts ;
• les graphiques polaires ;
• les graphiques en forme de « donuts » ;
• etc.

Chacun de ces types peut être animé, entièrement personnalisé et s'affiche correctement même sur un écran retina.

Arc-en-ciel, est une bibliothèque JavaScript permettant de dessiner sur l'élément Canvas d'une page HTML et de générer le code correspondant à ce qui a été réalisé pour faire du rapid prototyping de dessin et d'animation.

Avec son interface, Arc-en-ciel permet de :

• dessiner des rectangles, des cercles, des arcs, des lignes, des polygones, des courbes de Bézier quadriques ou cubiques et d'insérer du texte ;
• modifier, déplacer, copier, effacer et changer la couleur des formes ;
• dupliquer les formes avec des boucles ;
• générer du code JavaScript ;
• changer la couleur des éléments d'une page.

L’entreprise Object.Net a mis au point un compilateur source à source afin de permettre aux développeurs de compiler leur code C# en code JavaScript, peu importe qu’il soit pour le mobile, le web ou le bureau.

Pour cela, il va falloir télécharger l’extension de Bridge.Net et l’installer dans Visual Studio ou encore utiliser Nuget pour installer le package Bridge.Net dans le projet de la bibliothèque de classe C#. Comme on peut le constater, ce transpileur est très dépendant de l’environnement de développement Visual Studio.

Vous trouverez plus d'information Voir la suite

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.