Javascript298 ressources dans cette catégorie

Tout ce qu'il faut sur JavaScript / AJAX

jStat est une bibliothèque permettant de faire des opérations statistiques sans avoir recours à des langages dédiés tels que MATLAB ou R.

La grande majorité des fonctionnalités de cette bibliothèque peuvent être utilisées sans aucune dépendance.
Cependant, pour afficher des graphiques, jStat se base sur le plugin jQuery flot. Il faut donc intégrer jQuery, jQuery UI et flot.

jStat fonctionne sur la plupart des navigateurs. Les limites du support surviennent à l'utilisation de l'élément HTML5 lorsque l'on veut afficher un graphique.

Pour finir, la bibliothèque utilise des fonctions de calcul statistiques très avancées.
De ce fait, il est nécessaire d'avoir un processeur suffisamment puissant pour ob ... Voir la suite

Du Flash, mais sans Flash. Voici ce que s’apprête à proposer la Fondation Mozilla avec son projet Shumway.

Shumway est une manière ingénieuse de prendre en charge le rendu des fichiers SWF sans avoir à passer par Flash Player. Concrètement, il remplace le player par une machine virtuelle entièrement en JavaScript et utilise les technologies web (HTML5) pour jouer le fichier.

Résultat, plus besoin d’installer de plug-in dans le navigateur. Ou de dépendre d'Adobe pour les éditeurs de navigateurs.

Ce jeune projet s’appuie sur un autre, plus ancien, baptisé du joli nom de « Gordon » (un runtime Flash open-source lui aussi en JavaScript). La filiation est encore plus claire quand on sait que ces deux appellations ... Voir la suite

Pour remplacer les functions alert(), confirm() et prompt() qui vont disparaître (avec chrome du moins),
je me suis fais une function CAPop() qui me permet de regrouper ces 3 functions en 1 avec quelques personnalisations possible

Cette function retourne une promesse.

Bien que la popup soit paramétrable, j'ai voulu garder le code concis, et donc, je n'ai pas fait beaucoup de paramétrages possible
=> j'ai voulu garder le fonctionnement basique des anciennes functions : ce n'est pas une popup pleinement paramétrable comme on l'entend.

J'ai mis quelques exemples dans le fichier de démo pour illustrer chaque paramétrage possible.

Vue.js est un framework JavaScript qui s'est fait connaître pour son utilisation des propriétés réactives qui permet un data-binding très intuitif avec une API simple et familière.

Parmi les fonctionnalités :

• le passage au virtual DOM avec un dérivé de l'implémentation de snabbdom ;
• l'arrivée de fonctions render pour les composants, qui offre beaucoup plus de flexibilité aux développeurs et permet notamment l'usage de JSX pour ceux qui le désirent ;
• le support du rendu côté serveur, très fortement demandé par la communauté pour les besoins en SEO et indexation de contenu.

Une API simple et accessible, un outillage éprouvé, un écosystème florissant et un périmètr ... 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

A partir du projet tablesorter, l'idée est d'avoir un exemple au plus simple, avec le minimum de fichier en utilisant le custom de son jquery ui pour faciliter le design.

Lancement du défilement quand la souris passe sur la zone.
Plus la souris se rapproche des extrémités, plus la vitesse est rapide.
Le sens de défilement change quand le curseur arrive à la moitié de l'image.
Un clic sur la zone désactive / relance le défilement.
Pour l'exemple, pendant les pauses, les images deviennent des liens actifs vers une popup.

Vérification qu'un bouton radio est sélectionné

Nombre de caractères d'une zone de texte

Bonjour,

Dites les avec des fleurs, le trace courbe le lemniscate de bernoulli

est un simple HTML pour tracer dans notre exemple le lemniscate de bernoulli.

Un JavaScript simple à comprendre, et bien sur adaptable pour tracer toutes les courbes

Si vous redimensionnez votre fenêtre, et relancez par F5 la courbe sera retracée dans la fenêtre !

Ajoutons bien sur une assez large compatibilité.

VISIBLE ICI

Sélectionner/désélectionner plusieurs cases à cocher

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.

Donner le focus à un champ

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.

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

La fonctions parseInt retourne un nombre entier converti à partir d'une chaîne.
Il existe aussi la fonction IsNaN qui retourne une valeur booléenne indiquant si une valeur correspond à la valeur réservée NaN (Not a Number).

Faire defiler des images manuellement

Fonction inArray pour chercher dans un tableau

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

Comment afficher automatiquement des informations sur les élements d'une page en info-bulle?