Codes sources JavaScript

Ajouter un nouvel élément

Les performances du mois

Faire defiler des images horizontalement
2
CreateJS
1
jQuery Picture
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 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 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 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 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 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 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 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 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 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 VerbalExpressions

    Éditeur : jehna + 26.3ko
    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.

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

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

    ang Remplir une liste ddslick (plugin liste avec image)

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

    ang DDSLICK passe au-dessus d'un containeur

    Licence : Autre
    Beaucoup utilise le plugin ddslick, pour avoir une liste avec des images et description.
    Malheureusement, quand on l'utilise dans une popup ou une div ou tout autre limiteur d'espace et qu'on veut la dérouler ... appaît un scroll...

    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 Alpha Image

    Éditeur : Ilker Guller + 55,5ko
    Alpha Image est un plugin jQuery qui permet de modifier simplement la couleur de vos images.

    Différentes options sont disponibles et vous pouvez choisir d'utiliser un code hexadécimal ou bien du RGB pour modifier la couleur.
    Le retour de la fonction peut également contenir les données relatives à l'image en plus de l'image elle-même.

    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.

25 éléments

 
 
 
 
Partenaires

PlanetHoster
Ikoula