Javascript298 ressources dans cette catégorie

Tout ce qu'il faut sur JavaScript / AJAX

Annyang est une bibliothèque JavaScript qui vous permet d'intégrer du contrôle vocal dans vos sites Web.

Ce code tester en Javascript un controle et renvoi vrai (true) si le controle contient les 15 digits d'un No de Sécurité Sociale.
Il est donné pour enrichir le site des codes du même type pour javascript ayant été donné ailleurs.

Changer dynamiquement une règle de style dans la CSS

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

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.

Démonstrations et galerie des graphiques et des tableaux de bord.

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

Grâce à ce plugin, jQuery très léger vous pourrez passer en douceur aux images responsive.
En effet, ce mot est très à la mode ces derniers temps dans le développement Web. Il s'agit en fait tout simplement de pouvoir adapter vos contenus en fonction de la résolution d'écran de l'utilisateur (et donc du type d'appareil avec lequel il visite votre site).

Pour se faire, ce plugin vous offre deux solutions qui sont actuellement à l'étude pour devenir le standard des images responsive : l'élément et la nouvelle balise récemment proposée .

Une mise en garde cependant : ce plugin utilise des éléments qui ne sont pas encore considérés comme valide par le w3c !

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

Oracle JET (JavaScript Extension Toolkit) est une solution JavaScript prête à l'emploi pour les développeurs travaillant sur des applications côté client (desktop et mobile). Son objectif est de fournir une base stable permettant de visualiser efficacement les données dans le cloud.

C'est une collection de bibliothèques JavaScript open source populaires (par exemple jQuery, RequireJS et Knockout.js) combiné à une série de composants JavaScript et de techniques de Oracle qui facilitent la création d'applications JavaScript responsive.

Partant d'un template de base et combinant les composants de Oracle JET, vous pouvez créer des pages pour afficher diverses informations de manière structurée.

Cet outil gère no ... Voir la suite

Dans cet exemple, la page qui recevra le formulaire est en php, d'ou l'utilisation des "[]" dans le "name" du champ file.
Selon le langage serveur utilisé il ne faudra peut etre pas les mettre.

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

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

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.

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

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.

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

La fonction calculeOffsetLeft retourne le nombre de pixel à la gauche de l’élément (son abscisse), la fonction calculeOffsetTop le nombre au dessus (son ordonnée).

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.

Ce plugin jQuery présente un agréable effet de loupe sur les images selon les mouvements de la souris. L'image de « zoom » est séparée, ce qui vous permet de créer des effets.

Parmi les options que vous pouvez manipuler, il y a la taille de la loupe, une paramétrisation CSS, la gestion d'événements, etc.

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