Javascript298 ressources dans cette catégorie

Tout ce qu'il faut sur JavaScript / AJAX

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

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.

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

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.

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

Comment récupérer les dimensions d'une image affichée à l'écran ?

Attirer l'attention sur un lien, 2 versions

Générateur de grille de sudoku

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é

Afficher un tableau php de N dimensions dans un arbre

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.

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

Node.cobol est un pont entre Node.js et COBOL qui vous permettent d'exécuter du code Node.js depuis du code COBOL.
Vous pouvez par exemple exécuter un serveur Web à partir de code COBOL.

Compile du code pascal objet en javascript (HTML5)

plus spécialisé dans les mobiles.

http://smartmobilestudio.com/

Obtenir le code des touches du clavier. Egalement avec appui en simultané (combinaison de touches). Pour sauver l'état des touches, on utilise une variable du type boolean pour chaque touche.
C'est très utile pour déplacer un objet ou pour un jeu par exemple.

Voici une petite démonstration pour illustrer la fonction. Elle construit un clavier à partir d'un tableau de données et affiche les touches pressées.

Remarque du forum : ce script date de plusieurs années et n'est peut-être plus compatible avec les récents navigateurs.

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

Compile du code pascal objet en javascript

http://www.elevatesoft.com/products?category=ewb

http://www.elevatesoft.com/products?category=ewb&type=web

ExtJS est la bibliothèque JavaScript de Sencha permettant de coder des applications web interactives.

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

Avec le responsive de partout, il est parfois nécessaire de faire certaines actions pour certaines tailles d'écran

J'ai fais un fichier de démo qui contient plusieurs breakpoints de tests, vous pouvez bien sur spécifier ce que vous souhaitez.

J'ai aussi ajouté une variable "globale" qui permet a tout instant de savoir sur quel breakpoint on est