Codes sources JavaScript122 ressources dans cette catégorie

Retrouvez ici tous les meilleurs téléchargements

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

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

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

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

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.

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

Faire defiler des images manuellement

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

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

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 !

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

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

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

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

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.

Générateur de grille de sudoku

Changer dynamiquement une règle de style dans la CSS

Donner le focus à un champ