Javascript299 ressources dans cette catégorie

Tout ce qu'il faut sur JavaScript / AJAX

CreateJS est une suite JavaScript comprenant un ensemble de bibliothèque et d'outils pour travailler avec l'HTML5.

Elle permet notamment de :
- travailler avec une API audio pour les sons ;
- travailler avec les canvas HTML5 ;
- animer les éléments HTML5 ;
- précharger les éléments.

Sur le site http://designwithpc.com/Plugins/ddSlick, vous trouverez un plugin intéressant permettant de faire une liste avec libellé, image, description ...

Mais comment le remplir ...
Ici j'appelle une fonction qui me renvoie les éléments à afficher dans la liste et je rajoute un item correspondant à "aucun"

Jouable avec le souris (déplacements multiples) ou les touches de direction

React est une bibliothèque JavaScript développée par Facebook qui permet de créer des interfaces utilisateurs. Instagram.com en est un bel exemple.

Elle utilise un concept appelé le DOM virtuel qui restitue sélectivement les sous-arborescences de nœuds en fonction des changements d'état. L'objectif est de réduire le nombre de manipulations du DOM tout en gardant les composants à jour. Ce DOM virtuel peut être rendu sur un serveur utilisant Node.js.

React peut en fait être votre système de vues dans une application MVC car elle ne se tracasse pas du reste des composants. Et donc, signalons-le, React ne représente que cette couche view. Il ne sert à rien de vouloir la comparer à des frameworks qui offrent plus d'intellig ... Voir la suite

Faire défiler du texte lettre par lettre (Effet machine à écrire)

Bonjours tout le monde alors j'ai créé ce petit générateur de mot de passe avec du HTML , du CSS, du PHP et du JAVASCRIPT.
Il permet d'obtenir un mot de passe totalement aléatoire pour ensuite le tester.

Merci à Developpez.com d'organiser ce petit concours.

MON GÉNÉRATEUR DE MOT DE PASSE

Notice-js est une bibliothèque JavaScript vous permettant de créer des notifications personnalisées.
Vous pouvez en effet utiliser plusieurs options et méthodes pour customiser votre notification sans oublier un peu de code CSS pour le style.

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.

enregistrer et lire des fichiers gzip en html/javascript

L'idée est de repartir d'un précédent post mais en retirant le TableSorter. De plus, le tri et le filtrage se fait côté serveur pour garder de petite transaction.

stringUpdate incorpore de nouvelle méthodes aux chaînes de caractères

• isEmpty()=<définit si la chaîne de caractère est vide
• isNotEmpty()=<définit si la chaîne de caractères n'est pas vide
• isMemberOf(array)=<défnit si la chaîne de caractères appartient aux tableau passé en paramètre
• isMail()=<détermine si la chaîne de caractères est un mail ou pas
• getMatches(pattern)=<retourne le tableau des élément correspondant à l'expression en paramètre

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 !

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

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.

EasyForm est un script basé sur la bibliothèque Ember.js.
Il vous permet de grandement simplifier l'écriture de vos formulaires Ember.js.

Nombre de caractères d'une zone de texte

Voici un jeu de puzzle développé avec JavaEE. Le projet est à installer sur un serveur Tomcat pour pouvoir jouer à partir du navigateur internet.

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.

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

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