Javascript298 ressources dans cette catégorie

Tout ce qu'il faut sur JavaScript / AJAX

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

Un simulateur de billes multi-joueur en local avec 4 modes de jeu : Cercle, Course, Golf et Minigolf.
Testé avec Windows, Linux, Tablette Android (avec serveur tel que Simple HTTP Server sur Android).

Il est possible d'améliorer encore le projet de multiples façon.

La fonction de collision élastique entre deux billes viens d'une source youtube, qui est en commentaire dans la function. J'ai transcrit la function de C++ en JavaScript.
J'ai écrit tout le reste du projet.

Le projet est entièrement affichable dans le navigateur internet après l'avoir téléchargé. Il faut ouvrir index.html.

Merci pour vos commentaires, et éventuellement vos contributions (nouveaux circuits, ou mode de jeu, ajou ... Voir la suite

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.

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

Uploadify est un petit plugin jQuery qui va vous permettre de gérer l'upload multiple dans vos formulaires.
Deux versions sont à votre disposition : la première gratuite utilisant Flash et la seconde payante utilisant les nouvelles fonctionnalités HTML5.

Quelque soit la version, le plugin gère l'upload multiple et le drag&drop. Il propose également une barre de progression en temps réel. Le plugin est personnalisable à souhait, vous pouvez donc l'adapter à votre design. Enfin il propose aussi une restriction de fichier (par type, poids, etc.).

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

Attirer l'attention sur un lien, 2 versions

Générateur de grille de sudoku

AnyChart est une bibliothèque JavaScript flexible (orienté HTML5) pour construire des graphiques interactifs qui s'adaptent à n'importe quel besoin de visualisation de données. Vous pouvez utiliser ce framework pour un site Web, pour une application BI, pour une présentation, pour une solution client, etc. L'outil est flexible et personnalisable. Il est multiplateforme. Peu importe le serveur et la base de données de vos projets.

AnyGantt permet de construire des diagrammes de Gantt. Elle peut visualiser les tâches d'un projet (à savoir leur ordonnancement et hiérarchie, le temps prévu et celui utilisé, les tâches en cours, etc.) ainsi que le planning/l'utilisation des ressources (qui peuvent être des serveurs, des ... Voir la suite

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

Framework de développement Open Source permettant de créer des applications JavaScript complexes en utilisant le langage et les outils Java. Il est utilisé en interne par l’éditeur pour le développement de plusieurs de ses produits comme la plateforme publicitaire AdWords et le réseau social Orkut.

GWT apporte comme nouveauté phare la fonction Super Dev Mode. Cette fonction qui remplace Development Mode permet aux développeurs de rapidement recompiler leur code et voir le résultat dans un navigateur. Elle permet également d’utiliser un débogueur pour contrôler une application GWT en cours.

L'outil apporte de nouvelles optimisations au compilateur GWT, qui permet une réduction de près de 20% de la taille du code généré. ... Voir la suite

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

Compile du code pascal objet en javascript

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

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

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.

Resemble.js est une bibliothèque JavaScript très légère (environ 11kb) créée par James Cryer pour faire de l'analyse et de la comparaison d'images directement dans le navigateur.

Cette librairie requiert l'API HTML5 file ainsi que l'utilisation des canvas HTML5 pour le rendu des différences.
Grâce à Resemble.js vous pourrez soit analyser une image seule, soit comparer deux images pour trouver leurs différences.

Editeur Web open source, permettant de développer en HTML, CSS, PHP, JavaScript et autres langages et contenant quelques fonctionnalités intéressantes comment d'édition rapide de code CSS directement depuis le code HTML.

Application disponible gratuitement et actuellement en version bêta.

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

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.

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.

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.