Codes sources JavaScript

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

Copyright (c) 20014-2019 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 oncl ... Voir la suite

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.

Simple autocomplete

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

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.

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.

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

Languages utilisés :

• JavaScript ;


• CSS ;


• HTML.

Chance.js est générateur aléatoire de nombres, chaînes de caractères, booléen, etc. ultra léger.
Il est configurable avec bon nombres d'options et vous facilitera la vie pour tous vos besoins de génération aléatoire.

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.

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

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.

Lorsque vous copiez un object javascript, le nouvel objet n'est pas un nouveau à part entière, sa modification entrainera la modification de l'objet copié. Les deux n'étant que des références vers une même allocation de mémoires.
Pour copier ou cloner un object javascript, il y a divers fonctions disponibles sur le net, mais toutes se plantent si une propriété de l'objet copié est une image par ex, ou un tableau vide.
Ces fonctions provoquent un 'too much recursive' car elles importent toutes les propriétés de l'objet image par exemple, toutes ses fonctions natives.
De plus, pour un tableau vide, l'object copié n'est pas un tableau.

J'ai donc développé ce petit script qui résout ce problème et renvoie bien le même ... Voir la suite

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

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

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

Annyang est une bibliothèque JavaScript qui vous permet d'intégrer du contrôle vocal dans vos sites Web.

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"

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

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