Codes sources JavaScript

Ajouter un nouvel élément

Les performances du mois

Faire defiler des images horizontalement
2
CreateJS
1
Comment afficher l'heure en temps réel ?
3

ang Upload de fichiers par fragments (chunk), reprise d'upload, affichage des informations en temps réel et styles événementiels.

Licence : Libre
Classe UploadAjaxABCI Version 2.0
classe Javascript/Jquery fonctionnant avec Html5. Exemples complets avec classe php côté serveur.
auteur Alain Bontemps ABCIWEB


Upload les fichiers par fragments compilés dans un fichier temporaire quand ils dépassent une valeur paramétrable. L'upload terminé, le fichier temporaire est renommé avec son nom initial (éventuellement corrigé) et déplacé vers son emplacement définitif.

- Permet de surpasser les limitations serveur "upload_max_filesize" et "post_max_size".

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

- Supporte l'upload multiple et surpasse la configuration serveur "max_file_uploads" avec un système de file d'attente (queuing).

- Retour d'informations en temps réel, personnalisable et très souple :

a/ Dix informations sont disponibles durant l'upload : nom, taille, vignette de prévisualisation (si c'est une image), progression graphique, pourcentage, progression textuelle, sauvegarde partielle effectuée, temps passé, temps restant estimé, status (en cours, erreur, ok, arrêt), ainsi que deux commandes : "arrêter" et "arrêter-tout" qui permettent l'arrêt optimisé afin de pouvoir effectuer une reprise d'upload ultérieure dans les meilleures conditions.

b/ Styles événementiels qui s'appliquent en fonction des événements suivant : fichiers soumis, formulaire envoyé, sauvegarde partielle disponible, fichier en cours d'upload, temps restant requis (avant l'affichage du temps restant), upload terminé (quelque soit le résultat), upload terminé arrêté, upload terminé partiel, upload terminé erreur, upload terminé ok, fin d'upload (tous uploads terminés), sauvegarde pour au moins un fichier en fin d'upload, fin de traitement du formulaire (avec ou sans fichiers traités).


Fichiers sources, dossier de test et mode d'emploi en téléchargement.
Pour faire des tests, copiez le dossier "Upload-Ajax-ABCI" sur votre serveur et utilisez le fichier d'exemple "UploadAjaxABCI.php" sans modifier l'organisation des dossiers.


ATTENTION* ! Pour faire des tests sur un serveur local il est conseillé d'utiliser le paramètre ".config.ajax_delai" avec une valeur assez importante pour espacer l'envoi des requêtes (ce qui est déjà fait dans le fichier d'exemples). Je ne pourrai pas être tenu pour responsable si une sollicitation importante du système donne le coup de grâce d'un disque dur en cours d'agonie.


Notes :
- Cette classe javascript n'est pas réservée à l'upload de gros fichiers. Les plus petits seront téléchargés de manière classique tout en bénéficiant des informations disponibles en temps réel. Vous pouvez donc l'utiliser dans tous les cas, avec l'avantage qu'il n'y a pas de limite de taille ni de nombre et que les gros fichiers disposeront automatiquement d'une sauvegarde permettant de compléter un téléchargement éventuellement interrompu.
- Côté php une classe est fournie qui permet en option de contrôler les extensions, renommer les fichiers en cas de doublons sur le serveur, redimensionner des images, etc.

ang Liste de choix avec autocomplétion - jAutochecklist

Éditeur : Thanh Trung NGUYEN +
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/

ang Tableau avec tri, filtre et pagination avec entete et pied fixe

Licence : Autre
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

ang CreateJS

Éditeur : CreateJS +
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.

ang Tableau avec tri, filtre et pagination sans plugin

Licence : Autre
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.

ang Générateur de Mot de Passe

Éditeur : NoFeaR1991 + 8 Ko
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


ang Customisation et complétion du File Upload en VB.NET/ Jqueryui de BlueImp

Licence : Autre
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 Erreur ajout de la classe "Err" pour ne pas tenir compte de ces fichiers
8/ Ajout calcul de taille en octet (s'arrêter au kilo octet)
9/ Gestion des fichiers avec accent

Si vous avez d'autres idées d'améliorations ...
Toute aide sera la bienvenue

ang trace courbe le lemniscate de bernoulli.htm

Licence : Libre
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

ang Tableau avec entête et pied fixe

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

ang alt-checkbox

Éditeur : Vacheslav Starikov + 6.3ko
alt-checkbox est un plugin jQuery qui vous permet de personnaliser vos checkbox.
Le plugin contient une feuille de style CSS par défaut qui utilise icon fonts.
Vous pouvez ainsi redimensionner vos checkbox ou encore utiliser des icônes exotiques.

ang Minimit Anima

Éditeur : Riccardo Caroli + 19.5ko
Minimit Anima est un plugin jQuery qui vous permet d'animer vos pages Web à l'aide des animations CSS3 (transforms et transitions).
Il est très rapide à l'exécution et propose un fallback par défaut pour les anciens navigateurs non compatibles avec les animations CSS3.

ang notice-js

Éditeur : Nick Comer + 7.7ko
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.

ang Responsive Nav

Éditeur : viljamis + 103ko
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.

ang Injecter constante VB.NET dans javascript

Licence : Autre
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

ang Copier un object javascript

Éditeur : Darkyl +
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 objet mais en copie.

ang stringUpdate

Éditeur : Sébastien DAMART + 1284 octet
stringUpdate incorpore de nouvelle méthodes aux chaînes de caractères
  • isEmpty()=<définit si la chaîne de caractère est vide
  • isNotEmpty()=<définit si la chaîne de caractères n'est pas vide
  • isMemberOf(array)=<défnit si la chaîne de caractères appartient aux tableau passé en paramètre
  • isMail()=<détermine si la chaîne de caractères est un mail ou pas
  • getMatches(pattern)=<retourne le tableau des élément correspondant à l'expression en paramètre

ang TimeJump

Éditeur : Dave Rupert, ShopTalkShow et ATX Web Show + 2.1ko
TimeJump est un script qui vous permet de créer des "liens profonds" vers des instants précis d'un flux vidéo ou audio HTML5.
Pour se faire le script reconnait automatiquement un paramètre "t" (pour time) dans l'url et affiche le flux à l'instant correspondant à la valeur du paramètre.

ang deviseur

Licence : Gratuit
application pour faire des devis
enregistrement misa ajour des index devis automatique
possibilité de memoriser listing client

ang Chance.js

Éditeur : Victor Quinn + 37.38ko
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.

ang Annyang

Éditeur : TalAter + 132ko
Annyang est une bibliothèque JavaScript qui vous permet d'intégrer du contrôle vocal dans vos sites Web.

25 éléments

 
 
 
 
Partenaires

PlanetHoster
Ikoula