Codes sources JavaScript

Ajouter un nouvel élément

Les performances du mois

Upload de fichiers par fragments (chunk), reprise d'upload, affichage des informations en temps réel et styles événementiels.
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.4c
    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, décompressez le dossier "Upload-Ajax-ABCI" puis placez-le 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 convient pour l'upload de tous les 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 (exceptées celles souhaitées par vous même) 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 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 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 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 deviseur

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

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

    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 Tableau avec entête et pied fixe

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

    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 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 Modif plugin ddslick pour permettre de le bloquer

    Licence : Autre
    J'ai récupéré le fichier sur le site officiel et fusionné une modif d'un autre site pour permettre le disable/enable du pluggin officiel

    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.

25 éléments

 
 
Partenaires

Hébergement Web