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

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

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

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

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

Licence : Libre
Classe UploadAjaxABCI Version 1.0
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 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/ Huit informations sont disponibles durant l'upload : nom, taille, progression graphique, progression textuelle, sauvegarde partielle effectuée, temps passé, temps restant estimé, status (en cours, ok, partiel, erreur).

b/ Dispose de style événementiels qui s'appliquent en fonction des événements suivant : formulaire envoyé, fichiers soumis, fichier en cours d'upload, sauvegarde partielle disponible, upload terminé, upload terminé ok, upload terminé partiel, upload terminé erreur.


Fichiers sources, dossier de test et mode d'emploi en téléchargement.
Pour faire des tests, utiliser 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'exemple). 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.

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

24 éléments

 
 
 
 
Partenaires

PlanetHoster
Ikoula