Codes sources JavaScript122 ressources dans cette catégorie

Retrouvez ici tous les meilleurs téléchargements

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

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

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.

Faire defiler des images manuellement

Dans cet exemple nous allons chiffrer un texte en utilisant l'algorithme de chiffrement AES.
Nous utiliserons pour cela l'API cryptographique web disponible dans les navigateurs Google Chrome et Mozilla Firefox.
Cette API fournit de nombreuses promises sur lesquelles, le programmeur n'invoquera que les méthodes then() et catch() pour développer en JavaScript.
L'objectif de notre exemple sera de permettre à l'utilisateur de rentrer le paragraphe ainsi qu'une clé de 128 bits qu'il souhaite pour que notre programme lui montre ce que donne son texte une fois chiffré puis déchiffré.

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

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.

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

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

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

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

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

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.

VerbalExpressions est une bibliothèque JavaScript qui vous permet d'écrire vos expressions régulières différemment.
En effet, plus besoin de pattern complexes : grâce à cette bibliothèque vous allez pouvoir écrire vos regex avec des suites de mots toutes simples.

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.

Donner le focus à un champ

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

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.

Il s'agit d'un modèle rassemblant plusieurs applications :
Racine carrée
Puissance relative
Et plus à venir