Developpez.com

Plus de 14 000 cours et tutoriels en informatique professionnelle à consulter, à télécharger ou à visionner en vidéo.

Codes sources JavaScript

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

    Faire défiler les colonnes d'une Table HTML

    Licence : Autre - 04/10/2011 - Téléchargé 9 x
    Ce script permet de faire défiler les colonnes d'une Table.
    Ici elle est générée en PHP pour que le script soit moins long.

    Injecter constante VB.NET dans javascript

    Licence : Autre - 17/10/2013 - Téléchargé 8 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érification d'un champ qui ne peut pas être vide

    Licence : Autre - 03/10/2011 - Téléchargé 8 x
    Vérification d'un champ qui ne peut pas être vide

    Attirer l'attention sur un lien

    Licence : Autre - 04/10/2011 - Téléchargé 8 x
    Attirer l'attention sur un lien, 2 versions

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

    Licence : Autre - 04/10/2011 - Téléchargé 8 x
    Comment afficher automatiquement des informations sur les élements d'une page en info-bulle?

    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.

    2048

    Licence : Autre - 23/05/2015 - Téléchargé 7 x
    Le jeu du printemps 2014, dans une adaptation JS maison.
    Principale nouveauté: possibilité de corriger en permanence ses déplacements!
    Merci à ma fille de me l'avoir fait découvrir il y a une semaine (oui, je sais, je suis en retard d'un an).

    (Mise à jour du code pour des raisons de propreté...;
    Je mets le HTML aussi, mais sans l'affichage des scores, qui nécessite juste un ptit insert via php)

    Comment permettre aux internautes de trier une liste ?

    Licence : Autre - 03/10/2011 - Téléchargé 6 x
    Voici un code qui permet à un utilisateur d'ordonner comme bon lui semble une liste (déroulante ou pas)
    Grâce à ce code, lorsque l'on clique sur sur un item de la liste pour le déplacer, la variable Obj prend la valeur de la liste déroulante.
    Ainsi, dans la fonction deplacer, la variable Obj fait appel à la liste en question.
    La variable OptionSel ne sert qu'à raccourcir les ligne de codes.
    Elle évite ainsi d'avoir à retaper à chaque fois Obj.selectedIndex.

    Fonction inArray pour chercher dans un tableau

    Licence : Autre - 04/10/2011 - Téléchargé 6 x
    Fonction inArray pour chercher dans un tableau

    Hangman

    Éditeur : Marc Oliveras Galvez +
    Une version fraîche du hangman traditionnel. Dictionnaire Inglés composé de 110000 mots. Propulsé par la bibliothèque jQuery, AJAX et PHP.

    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.

    Chiffrement AES

    Licence : Autre - 14/12/2015 - Téléchargé 5 x
    Dans cet exemple nous allons chiffrer un texte en utilisant l'algorithme de chiffrement AES.
    Nous utiliserons pour cela l'API cryptographique web disponible dans les navigateurs Google Chrome et Mozilla Firefox.
    Cette API fournit de nombreuses promises sur lesquelles, le programmeur n'invoquera que les méthodes then() et catch() pour développer en JavaScript.
    L'objectif de notre exemple sera de permettre à l'utilisateur de rentrer le paragraphe ainsi qu'une clé de 128 bits qu'il souhaite pour que notre programme lui montre ce que donne son texte une fois chiffré puis déchiffré.

    Vérification qu'un bouton radio est sélectionné

    Licence : Autre - 03/10/2011 - Téléchargé 5 x
    Vérification qu'un bouton radio est sélectionné

    Remplir une liste ddslick (plugin liste avec image)

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

    Fondu enchainé

    Licence : Gratuit - 30/12/2010 - Téléchargé 4 x
    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

    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.

    Sélectionner/désélectionner plusieurs cases à cocher

    Licence : Autre - 03/10/2011 - Téléchargé 4 x
    Sélectionner/désélectionner plusieurs cases à cocher

    Afficher/cacher une zone de texte

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

    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 ... Voir la suite

    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 !

104 éléments

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