Javascript296 ressources dans cette catégorie

Tout ce qu'il faut sur JavaScript / AJAX

RefineSlide vous permet de créer un caroussel d'images responsive.

En effet, ce script JavaScript utilise les transitions et les transformations CSS3 pour afficher un caroussel d'images original, attractif et personnalisé. Il utilise également un fallback JavaScript pour le fondu. Il supporte les miniatures, les légendes et possède également une API.

Le caroussel ainsi créé propose des images responsive, qui s'adapteront à la navigation sur mobile.

RefineSlide est supporté sur tous les navigateurs récents (IE7+).

Le Zip contient un projet Visual Studio 2010. Dedans vous retrouvez le FileUpload JqueryUI de BlueImp.
Mais avec quelques modifications. J'ai impacter que 2 fichiers (jquery.fileupload-validate.js et jquery.fileupload-ui.js)

1/ Ajout de control du nom de fichier (sinon risque d'écraser fichier existant)
2/ Control de la taille totale de TLD côté js et côté vb (à cause IE9 controle pas taille de fichier que lors du chargement)
3/ Traduction en français des messages d'erreur
4/ Verrouillage bouton "Envoyer" si pas utile supprimer les appels à CheckEnvoyer
5/ Ajout du découpage (chunk) de fichier pour les browser le upportant
6/ Taille de fichier en Mo (au lieu Mb peu utilisé en France)
7/ Si Erre ... Voir la suite

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

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

Et oui, comme moi certainement, vous avez parfois des constantes (Par exemple des arborescences de fichier, des constantes de fonctionnement ...)
Mais voilà, il faut qu'elles soient aussi accessible sous javascript, surtout si vous utilisez jquery et ajax ...
Comment faire ...

C'est simple,
1/Faite un fichier avec vos constantes.
Ex:
Public Typfile() As String = {"Côtes", "Implantation", "Article 3D", "Configuration 2D", "Configuration 3D"}
Public Const TOUS As String = "Tous"
...
2/Faite un fichier ashx (donner en code)
3/ Dans le header de votre page à l'aide de balise script avec src=ParamJS.ashx

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.

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 !

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.

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

La Boîte à couleurs permet la conversion d'une couleur dans les systèmes RVB, TLS, CMJ, CMJN et HTML. Un outil pipette permet de récupérer une couleur à l'écran. Un mode visuel donne la possibilité de choisir une couleur dans un nuancier. Enfin, la sélection de couleurs peut se faire dans une des listes de noms de couleurs fournies (RGB, HTML, Pantone).

ConnectedBooks est une application PHP indépendante permettant de gérer un catalogue important de livres. Sa spécificité est la recherche par ISBN lors de l'import: en entrant le numéro ISBN du livre, l'application se connecte au serveur Européen pour télécharger les informations du livre. Ainsi, la fiche de chaque livre est créée en quelques secondes !

Cette application est destinée aux particuliers comme aux professionnels désirant gérer en ligne leur fond bibliothécaire. Ne nécessitant qu'un serveur PHP et une base de donnée MySql, elle est accessible dans le monde entier !

A découvir sur: http://connectedbooks.web-diot.fr/

Tableau avec entête et pied fixe et scroll sur les données.

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.

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.

Vérification d'un champ qui ne peut pas être vide

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

Faire defiler des images manuellement

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

Ce plugin jQuery présente un agréable effet de loupe sur les images selon les mouvements de la souris. L'image de « zoom » est séparée, ce qui vous permet de créer des effets.

Parmi les options que vous pouvez manipuler, il y a la taille de la loupe, une paramétrisation CSS, la gestion d'événements, etc.

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