Codes sources JavaScript126 ressources dans cette catégorie

Retrouvez ici tous les meilleurs téléchargements

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

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.

Fonction inArray pour chercher dans un tableau

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

Conversion d'un tableau PHP de dimension N en tableau JavaScript

une liste de verites JS, parfaitement explicables et logiques, mais qui surprennent la 1ere fois qu'on tombe dessus ;)

(copiez/coller la liste des console.log dans la console de votre navigateur)

jQuery API

Le code est disponible sous deux formats différents (la version Gzipped n'est plus recommandée par jQuery) :

1. Compressé (minified, abbréviation min) (réduction de la taille du code).
2. Non compressé (normal) (pour les développeurs de jQuery ou pour approfondir la recherche de bugs).

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

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

Un programme simple en Javascript que j'ai repris, modifié et amélioré pour simplement tirer à pile ou face.
La pièce tourne sur elle même avec un effet en CSS et le javascript se charge de définir aléatoirement quelle côté de la pièce va ressortir (pile ou face).
L'effet désiré est très sympa et réaliste surtout avec les images de pièce de un euro adéquates.
J'ai créé ce script pour l'un de mes jeux en ligne et le résultat est au top.

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.

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

plugin jQuery nopainLasVegas

Simule une enseigne lumineuse de Las Vegas.

On peut choisir soit d'arrêter l'animation en conservant la taille et la couleur, soit de restaurer le contenu original.

Source : http://danielhagnoul.developpez.com/plugin-dvjh/LasVegas/LasVegas.php

plug-in jQuery dvjhDrop-1.1.0.js

Laisser tomber ce qu'il vous plaît.

Source : http://danielhagnoul.developpez.com/plugin-dvjh/drop/drop.php

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.

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

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é

Next.js est un framework permettant d’effectuer le rendu des applications web React par les serveurs avec un routage côté client qui se présente comme les applications universelles natives. Il est bâti sur React, Webpack et Babel.

• Aucune installation à faire.
• Rendu automatique par le serveur et fractionnement du code.
• Récupération des données.
• Anticipation pour une meilleure performance.

Changer dynamiquement une règle de style dans la CSS