Javascript300 ressources dans cette catégorie

Tout ce qu'il faut sur JavaScript / AJAX

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

Annyang est une bibliothèque JavaScript qui vous permet d'intégrer du contrôle vocal dans vos sites 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.

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

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

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

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érification qu'un bouton radio est sélectionné

Nombre de caractères d'une zone de texte

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.

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

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

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

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

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

Issu du logiciel non libre Komodo IDE, cet environnement de développement intégré contient tout ce que l’on peut attendre d’un environnement de développement.

Critique de JakoJako
Dernière version disponible, j'ai téléchargé la version d'évaluation.
Atouts: interface beaucoup plus intuitive (pour moi) et claire qu'Eclipse qui est une vraie usine à gaz. Notion de projet. Possibilité d'avoir des watch, des breakpoints actifs ou inactifs (qui sont conservés même quand on ferme l'EDI). Affichage sympa avec possibilité d'avoir des lignes verticales pour indiquer les { et } correspondants. Editeur pratique et intuitif. A priori, possibilité de reformatage du t ... Voir la suite

Leaflet est une bibliothèque JavaScript open-source moderne qui permet d'afficher des cartes interactives optimisées pour les appareils mobiles.

Elle a été développée par Vladimir Agafonkin avec l'aide d'une équipe de contributeurs dédiés à ce projet.
Pesant à peine 30kb compressées, cette bibliothèque possède toutes les fonctionnalités que la plupart des développeurs ont toujours souhaités pour les cartes en ligne.

Leaflet a été pensé pour de la simplicité, de la performance et de l'utilisabilité.
Elle fonctionne correctement sur toutes les principales plateformes de bureau et de mobiles, en utilisant les avantages que prodiguent les navigateurs dernière génération avec l'HTML5 et le CSS3.
La bibliothèq ... 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.

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