Codes sources JavaScript

Retrouvez ici tous les meilleurs téléchargements Codes sources JavaScript
Ajouter un nouvel élément

    Upload Ajax jQuery, informations temps réel, fonctions et styles événementiels, crop et redimensions d'images, reprise d'upload.

    Licence : Creative Commons - 13/11/2017 - Téléchargé 420 x
    UploadAjaxABCI Version 6.6
    auteur Alain Bontemps ABCIWEB
    Classe d'upload Javascript / jQuery / Html5

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

    - Retours d'informations en temps réel personnalisable et très souple :
    Voir la suite

    Autocomplete php/html/css/js/ajax/jquery

    Licence : Autre - 08/05/2015 - Téléchargé 36 x
    Simple autocomplete

    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/

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

    Licence : Autre - 10/09/2014 - Téléchargé 22 x
    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

    Remplir une liste ddslick (plugin liste avec image)

    Licence : Autre - 17/10/2013 - Téléchargé 20 x
    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"

    Image qui suit le curseur

    Éditeur : H2R file comme l'aire +
    Ce script met en place une image qui suit le curseur sur la page Web.

    Languages utilisés :


    • JavaScript ;

    • CSS ;

    • HTML.

    Windy

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

    Faire defiler des images manuellement

    Licence : Autre - 04/10/2011 - Téléchargé 13 x
    Faire defiler des images manuellement

    Comment afficher l'heure en temps réel ?

    Licence : Autre - 04/10/2011 - Téléchargé 13 x
    Voici une fonction pour afficher l'heure qui apparaitra dans un champ texte

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

    Licence : Autre - 04/10/2011 - Téléchargé 11 x
    Faire défiler du texte lettre par lettre (Effet machine à écrire)

    Donner le focus à un champ

    Licence : Autre - 03/10/2011 - Téléchargé 10 x
    Donner le focus à un champ

    Zoom IMG

    Licence : BSD - 07/02/2017 - Téléchargé 9 x
    Une simple lib pour afficher en grand une image avec des contrôles de zoom et des raccourcis clavier !
    Pour l'utilisation:
    1. avoir une image(l'évidence même, non ?)
    <img src="mon_url_image" id="id_image">
    OU
    <img src="mon_url_mignature_image" data="mon_url_image" id="id_image">
    2. lier au clic sur l'image la fonction [b]img_zoom_open[/b] comme par exemple:
    document.querySelector('#mon_id_image').addEventListener('click',function(){img_zoom_open('mon_id_image');},false);

    Tableau avec tri, filtre et pagination sans plugin

    Licence : Autre - 29/07/2014 - Téléchargé 9 x
    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.

    Désactiver/activer un ou des champs de formulaire

    Licence : Autre - 03/10/2011 - Téléchargé 8 x
    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

    Calendrier annuel

    Licence : Autre - 04/10/2011 - Téléchargé 8 x
    Le code source d'un calendrier annuel

    jQuery Picture

    Éditeur : Abban Dunne +
    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 !

    Injecter constante VB.NET dans javascript

    Licence : Autre - 17/10/2013 - Téléchargé 6 x
    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

    Vérifier qu'une adresse mail est au bon format

    Licence : Autre - 01/05/2015 - Téléchargé 6 x
    Vérifie que dans un input le format mail est conforme

    Une erreur est levée si :
    - absence de . ou @
    - . ou @ en début d'adresse
    - . ou @ en fin d'adresse

    Afficher/cacher une zone de texte

    Licence : Autre - 03/10/2011 - Téléchargé 6 x
    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.

    Upload multiple avec ajout dynamique des champs

    Licence : Autre - 03/10/2011 - Téléchargé 6 x
    Dans cet exemple, la page qui recevra le formulaire est en php, d'ou l'utilisation des "[]" dans le "name" du champ file.
    Selon le langage serveur utilisé il ne faudra peut etre pas les mettre.

103 éléments

Responsable bénévole de la rubrique JavaScript : Xavier Lecomte -