Javascript300 ressources dans cette catégorie

Tout ce qu'il faut sur JavaScript / AJAX

Résolution des équations du 3ième et 4ième degré avec coefficients complexes (ou non : imaginaire à 0)

Ce script permet d'afficher et de cacher un cadre de trois façons différentes:
en le retirant simplement du flux ,en le faisant disparaitre sans le retirer du flux, en le réduisant verticalement.

Nombre de caractères d'une zone de texte

Lorsque vous copiez un object javascript, le nouvel objet n'est pas un nouveau à part entière, sa modification entrainera la modification de l'objet copié. Les deux n'étant que des références vers une même allocation de mémoires.
Pour copier ou cloner un object javascript, il y a divers fonctions disponibles sur le net, mais toutes se plantent si une propriété de l'objet copié est une image par ex, ou un tableau vide.
Ces fonctions provoquent un 'too much recursive' car elles importent toutes les propriétés de l'objet image par exemple, toutes ses fonctions natives.
De plus, pour un tableau vide, l'object copié n'est pas un tableau.

J'ai donc développé ce petit script qui résout ce problème et renvoie bien le même ... 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

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.

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

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

Donner le focus à un champ

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.

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

Vous trouverez ici plusieurs fonctions qui vont vous permettre de :

* Activer/désactiver un champ en cliquant sur une case à cocher
* Choisir le nombre de champs activés (les champs sont activés du 1er jusqu'à celui en face du bouton radio inclus)
* Recopier un champ dans un autre quand une case est cochée

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

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.

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.

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

Fonction inArray pour chercher dans un tableau

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

Faire defiler des images manuellement

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.