Codes sources JavaScript

UploadAjaxABCI v7.5c
Classes d'upload Javascript / Php / Html5

Copyright (c) 20014-2020 Alain Bontemps (abciweb.net)
Licensed under the mit license (https://opensource.org/licenses/MIT)

Module complet prêt à l'emploi avec classes Php côté serveur, et plusieurs exemples de formulaires customisés et finalisés.

- Surpasse les limitations serveur "upload_max_filesize", "post_max_size" et "max_file_uploads".

- Permet la reprise d'un téléchargement interrompu après un arrêt volontaire ou une panne internet ou serveur, en utilisant la partie sauvegardée.

- Customisation des boutons de sélections avec comportements drag and drop et/ou onc ... Voir la suite

En partant d'un précédent post de code, j'ai rajouté :
Entete et pied fixe
Paramétrage hauteur et largeur colonne
Suppression
selection
tri multi-colonne : avec touche alt + clic souris sur nom colonne

Le tout se basant sur le design jqueyUI

Simple autocomplete

Plugin jQuery permet de créer une liste de choix ergonomique, avec :

- support contenu HTML
- recherche autocomplétion
- source de données distantes

Site : https://code.google.com/p/jautochecklist/

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

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.

Responsive Nav est un plugin JavaScript qui vous permet de rendre vos menus de navigation responsive.
Pour cela il utilise les transitions CSS3. Il permet également de gérer le tactile et rend ainsi votre menu accessible aux smartphones et tablettes.

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

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.

Ce script met en place une image qui suit le curseur sur la page Web.

Languages utilisés :

• JavaScript ;


• CSS ;


• HTML.

Windy permet de faire défiler rapidement des éléments. L'effet fera s'envoler les éléments comme un jeu de cartes ou des feuilles qui, pris dans un coup de vent, s'envolent. D'où le nom du plugin. Ceci est réalisé en utilisant des transformations CSS 3D et des transitions.

Il y a plusieurs options disponibles, comme la plage de propagation des éléments, la vitesse, l'ajout de navigations personnalisées, etc.

Pour les navigateurs qui ne supportent pas les transformations CSS 3D ou les transitions, il y a une navigation simple par défaut, c'est à dire faire apparaître/disparaître les éléments sans effet.

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

Voici une fonction pour afficher l'heure qui apparaitra dans un champ texte

Le code source d'un calendrier annuel

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

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

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 !

ce code javascript permet d'ajouter aux éléments html SELECT la méthode selectedValue, qui permet de sélectionner une option par sa valeur.

Ce script simple vous permet d'ajouter rapidement des commentaires aux pages de votre site Web.

Même si les pages sont déjà existantes, vous n'avez pas besoin d'associer un identifiant de page aux différents commentaires : le script s'en charge.

De plus, les utilisateurs peuvent répondre aux commentaires déjà postés. Un avatar à la Google est automatiquement attribué aux utilisateurs.

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