A | B | C | D | E | F | G | H | I | J | K | L | M | N | O | P | Q | R | S | T | U | V | W | X | |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
1 | Titre | Thème | Description | Proposition | Commentaires | |||||||||||||||||||
2 | Popup 1 fois par visite | Cookie | Ce script permet de n'afficher un popup qu'une fois par visite et par jour. Cela évite de saturer les visiteurs... | suppression | retirer tout ce qui concerne les popups (bloquées par défaut par les navigateurs désormais) | |||||||||||||||||||
3 | Cookie compteur de visites | Cookie | Enregistre dans un cookie le nombre de fois que le visiteur a vu la page. | suppression | je doute fort de l'utilité | |||||||||||||||||||
4 | Exemple complet pour les Cookies | Cookie | Exemple complet pour les cookies avec sauvegarde et récupération d'informations | mise à jour | => à intégrer dans le tutoriel sur les cookies ? Le code n'est pas très "actuel" (séparation CSS / HTML, HTML pas conforme W3C...) | |||||||||||||||||||
5 | Oblige à passer par une page | Cookie | Oblige à passer par une page grâce à un cookie | suppression | je doute fort de l'utilité | |||||||||||||||||||
6 | Cookie stockant le nom | Cookie | Stocke le nom d'utilisateur entre deux pages du site | suppression | redondant avec Exemple complet pour les Cookies | |||||||||||||||||||
7 | Formatage de date | Date et heure | Affiche des dates avec une mise en forme lisible. | suppression | => tuto | |||||||||||||||||||
8 | Heure statique | Date et heure | Affiche l'heure courante, de manière statique | suppression | => tuto | |||||||||||||||||||
9 | Date de Mise à Jour | Date et heure | Affiche la date de dernière modification du document. | suppression | ||||||||||||||||||||
10 | Date du jour sans formatage | Date et heure | Affiche la date du jour, sans aucun formatage. | suppression | => tuto | |||||||||||||||||||
11 | Calendrier annuel | Date et heure | Affiche le calendrier des 12 mois de l'année 2003, avec les jours fériés;... | mise à jour | code obsolète renvoyer vers un "date picker" à jour ou refaire | |||||||||||||||||||
12 | Temps passé sur une page | Date et heure | Ce script affiche dans la barre de statut le temps passé sur la page et une alerte au moment ou la page se ferme. Par exemple : 1 minute 10 secondes | suppression | barre de statut inexistante aujourd'hui par défaut sur les navigateurs | |||||||||||||||||||
13 | Calendrier du mois en cours | Date et heure | Ce script affiche le calendrier du mois en cours avec indication des jours fériés et du jour en cours. | mise à jour | code obsolète renvoyer vers un "date picker" à jour ou refaire | |||||||||||||||||||
14 | Calcul de l'âge | Date et heure | Ce script calcule un âge à partir d'une date de naissance et retourne un résultat du type "15 ans et 7 mois" ou "7 mois" | mise à jour | ||||||||||||||||||||
15 | Compteur de secondes | Date et heure | Ce script compte et affiche le nombre de secondes écoulées depuis l'ouverture de la page. | suppression | utilité ? | |||||||||||||||||||
16 | Redirection selon l'heure du jour | Date et heure | Ce script redirige vos visiteurs sur une page selon l'heure de la journée. Vous pouvez ainsi adapter le contenu du site en fonction de l'heure. | suppression | utilité ? | |||||||||||||||||||
17 | Calendrier dynamique | Date et heure | Ce script vous permet d'obtenir la date complète (jour de la semaine, date, mois...) en fonction de l'année et du mois sélectionnés. | suppression | renvoyer vers un "date picker" à jour | |||||||||||||||||||
18 | Vendredi 13 | Date et heure | Donne la date du prochain vendredi 13. Permet aussi de trouver tous les vendredis 13 d'une année. | mise à jour | ||||||||||||||||||||
19 | Horloge DHTML | Date et heure | Horloge dynamique. Ressemble à une horloge JAVA, mais c'est du JavaScript qui fonctionne avec Internet Explorer et Netscape version 4 et plus. | suppression | KO sur Edge et Chrome 60 | |||||||||||||||||||
20 | Horloge dynamique | Date et heure | L'heure est affichée et rafraichie toutes les secondes dans un champ texte | suppression | utilité ? | |||||||||||||||||||
21 | Compteur dynamique entre 2 dates | Date et heure | Le temps entre la date du jour et une date paramétrables est affiché, en jours, heures, et rafraichi toutes les secondes | suppression | retirer le mot "dynamique" utilité ? revient à faire la différence entre 2 dates | |||||||||||||||||||
22 | Horloge DHTML à aiguille | Date et heure | Oui, une horloge à aiguille en DHTML. A voir. | suppression | KO sur Edge et Chrome 60 (tag <layer> ?) | |||||||||||||||||||
23 | Rollover sur une image éloignée | Date et heure | Passez la souris sur un lien et une image de la page change. C'est un rollover associé à un préchargement d'images. | mise à jour | plutôt faire avec des <img /> toutes chargées puis masquées/cachées ? | |||||||||||||||||||
24 | Redirection après X secondes | Date et heure | Redirige le visiteur vers la page de votre choix après un délai de X secondes. | mise à jour | ||||||||||||||||||||
25 | Color Picker via XML | Date et heure | Un autre Color Picker utilisant le XML. Ne fonctionne que sous Internet Explorer | mise à jour | Fusionner tous les Color Pickers et renvoyer vers celui-ci qui écrase tout http://bgrins.github.io/spectrum/ (avec support alpha O_o) Aussi celui ci http://www.daviddurman.com/flexi-color-picker/# Changer la catégorie aussi (Divers ?) | |||||||||||||||||||
26 | Une horloge DHTML | Date et heure | Une horloge DHTML très rapide à afficher (NS 4+ et IE 4+) | suppression | KO sur Edge et Chrome 60 (tag <layer> ?) | |||||||||||||||||||
27 | Une horloge dans la barre de status | Date et heure | Une horloge qui se rafraichit toutes les secondes dans la barre d'état du navigateur. Simple et efficace | suppression | barre de statut inexistante aujourd'hui par défaut sur les navigateurs | |||||||||||||||||||
28 | La souris poursuivie | Divers | Accroche un élément HTML (texte, image, tableau,...) au curseur de la souris. Compatible Netscape et Internet Explorer version 4 et + | suppression | KO + utilité ? | |||||||||||||||||||
29 | Affiche un layer avec une liste | Divers | Affiche des calques ou layers par sélection dans une liste déroulante | mise à jour | + remplacer le mot "layer" par "calque" catégorie "Manipulations Graphiques" ? | |||||||||||||||||||
30 | Liste des plugins installés | Divers | Affiche la liste des plugins supportés par le navigateur (uniquement Netscape) et les extensions associées. Pratique pour détecter si Flash est installé... | mise à jour | + retirer "Netscape" fusionner avec "Informations sur le navigateur" ? | |||||||||||||||||||
31 | Les 216 couleurs sûres | Divers | Affiche les 216 couleurs reproductibles par tous les navigateurs. | suppression | ||||||||||||||||||||
32 | Les couleurs par leur nom | Divers | Affiche les couleurs et leur nom reconnues par JavaScript. | suppression | ||||||||||||||||||||
33 | Message clignotant dans la barre de statut | Divers | Affiche un message clignotant dans la barre de statut. 2 delais sont paramétrables : le délai d'affichage et le délai d'extinction | suppression | barre de statut inexistante aujourd'hui par défaut sur les navigateurs | |||||||||||||||||||
34 | Détection du clic droit | Divers | Affiche un message quand votre visiteur fait un clic droit sur votre page. Fonctionne avec NS et IE. | suppression | KO + "pratique" quelque peu obsolète | |||||||||||||||||||
35 | Logo toujours en bas | Divers | Affiche une image (ou un code HTML) toujours en bas (ou en haut) de votre page. Pratique pour laisser un objet toujours visible sur une page. | suppression | obsolète + facile à faire en CSS désormais | |||||||||||||||||||
36 | Ajouter votre site aux favoris | Divers | Avec Internet Explorer 4 et +, vous pouvez créer un lien qui ajoute votre site aux favoris du visiteur. Fidélisation assurée. | suppression | "pratique" quelque peu obsolète | |||||||||||||||||||
37 | view-source bouton | Divers | Bouton qui ouvre le bloc-note et qui charge le code source de la page | suppression | KO sur Chrome utilité ? | |||||||||||||||||||
38 | Détection de la vitesse de connexion | Divers | Ce javascript évalue la vitesse de la connexion du visiteur (modem 56k, haut débit...) et indique le débit en ko/s | mise à jour | chercher des ressources existantes sur le web | |||||||||||||||||||
39 | Tracé d'histogrammes DHTML | Divers | Ce script affiche un histogramme à baton en DHTML. Ici un exemple avec les stats de visiteurs de octobre 2002 du site. Compatible IE5 et plus, Netscape 4.7, Netscape 6 et 7 et Mozilla. | mise à jour | Renvoyer vers http://www.chartjs.org catégorie "Manipulations Graphiques" ? | |||||||||||||||||||
40 | Information sur le navigateur | Divers | Ce script donne toutes les informations sur le navigateur du visiteur (nom, version, système d'exploitation et langue) | mise à jour | attention redondant avec d'autres scripts basés sur de la "détection de navigateur" à mettre également à jour catégorie "Récupération de données techniques" ? | |||||||||||||||||||
41 | Préchargement d'images avec détection | Divers | Ce script lance le préchargement et détecte la fin. | suppression | les images étant généralement toutes chargées côté HTML et éventuellement masquées désormais, la notion de préchargement a très nettement perdu de l'intérêt | |||||||||||||||||||
42 | Transparence alpha et rollover | Divers | Ce script offre un effet de rollover qui joue sur la transparence d'une image. (uniquement Internet Explorer) | suppression | IE only + relève de CSS3 désormais (transitions) | |||||||||||||||||||
43 | Affecter une feuille de style par navigateur | Divers | Ce script permet d'affecter une feuille de style css unique par navigateur. | suppression | se fait différemment à présent redondant avec la détection de navigateur | |||||||||||||||||||
44 | Rechargement d'images toutes les X secondes | Divers | Ce script permet de rafraichir une image toutes les X secondes sans recharger la page complètement. Très pratique pour un graphique en temps réel ou une image de webcam. | suppression | redondant avec scripts de diaporama | |||||||||||||||||||
45 | EvalCPU - Evaluer votre CPU | Divers | Ce script s'appuie sur une base de données de milliers de résultats pour évaluer en moins de 2 secondes le type et la fréquence de votre processeur. Une exclusivité Tout JavaScript.com | suppression | ||||||||||||||||||||
46 | Changement de couleurs des lignes d'un tableau | Divers | Change la couleur de fond et de texte d'un tableau au passage de la souris sur les cellules ou les lignes | suppression | ====> CSS | |||||||||||||||||||
47 | Curseur souris modifiable | Divers | Changez le curseur de la souris au passage au dessus d'un élément | suppression | utilité ? | |||||||||||||||||||
48 | Ajouter une icone ICQ | Divers | Comment ajouter une icone ICQ indiquant votre etat : connecté ou non. Permet aussi d'envoyer un message directement par le web | suppression | "L'appli ICQ elle est dead" | |||||||||||||||||||
49 | Changer l'image de fond | Divers | Comment changer l'image de fond d'une page par javascript (ne fonctionne pas avec Netscape) | mise à jour | Je verrais plutôt "changer de thème/CSS" en cliquant sur un bouton | |||||||||||||||||||
50 | Rollover sur plusieurs images | Divers | Comment créer un effet de rollover sur plusieurs images dans la même page. C'est simple :) | suppression | CSS avec background image qui change sur :hover | |||||||||||||||||||
51 | Popup Communiquant | Divers | Comment faire parler un popup et la page qui l'a ouvert ? | suppression | retirer tout ce qui concerne les popups (bloquées par défaut par les navigateurs désormais) | |||||||||||||||||||
52 | Imprimer une page | Divers | Comment imprimer une page ou une frame avec un bouton ou un lien | suppression | => Référence window.print() | |||||||||||||||||||
53 | Fond sonore à l'ouverture de la page | Divers | Déclenche un fichier son (midi ou wav) à l'ouverture de la page. | suppression | ||||||||||||||||||||
54 | onMouseOver, onMouseOut | Divers | Evénements onMouseOver et onMouseOut utilisés pour changer le contenu d'une zone de texte | mise à jour | ||||||||||||||||||||
55 | Comment proposer un téléchargement | Divers | Exemple de lien pour offrir à vos visiteurs un fichier à télécharger en cliquant sur un lien. | suppression | exemple HTML avec un lien vers un fichier | |||||||||||||||||||
56 | Une fenêtre qui vibre | Divers | Faire trembler une fenêtre pour effrayer les visiteurs ! | suppression | ||||||||||||||||||||
57 | Défilement dans la barre d'état | Divers | Fait défiler un message dans la barre d'état du navigateur de votre visiteur. | suppression | barre de statut inexistante aujourd'hui par défaut sur les navigateurs | |||||||||||||||||||
58 | Fonction de création d'un objet 'Array' | Divers | Fonction JavaScript objet qui permet de créer un objet tableau en une seule ligne de code | suppression | => aurait plus sa place comme exemple dans un tuto avec innerHTML ou addChild()... | |||||||||||||||||||
59 | Formatage de chiffres | Divers | Formate des chiffres avec séparateurs des milliers et n décimales | mise à jour | remplacer "chiffres" par "nombres" | |||||||||||||||||||
60 | Filtres sur les images | Divers | Internet Explorer permet d'afficher les images avec des filtres très simple à mettre en oeuvre (noir et blanc, motion blur, ombrage, ...) | suppression | IE only + relève de CSS3 désormais | |||||||||||||||||||
61 | Transparence alpha progressive | Divers | La transparence des images varie progressivement quand la souris passe sur une image. Quand la souris quitte l'image, la transparence revient progressivement à sa valeur d'origine. | suppression | IE only + relève de CSS3 désormais (transitions) | |||||||||||||||||||
62 | Fond sonore aléatoire | Divers | Lance un fond sonore aléatoire à l'ouverture de la page | suppression | ||||||||||||||||||||
63 | Notation par curseur et smileys | Divers | Le célèbre script de notation des scripts de Tout JavaScript est disponible. Permet de donner une note grâce à un astucieux système de jauge et de smileys | mise à jour | ||||||||||||||||||||
64 | TJS Chat | Divers | Le chat du site Tout JavaScript.com Développé en javascript, DHTML et PHP. | suppression | KO (l'iframe affiche une 404) | |||||||||||||||||||
65 | Titre de fenêtre modifiable | Divers | Modifier le titre du navigateur une fois que la page est chargée ! | suppression | Modifie le titre de l'onglet. Intérêt très limité | |||||||||||||||||||
66 | Popup centré | Divers | Ouvre un popup centré sur la page quelque soit la résolution de l'écran. | suppression | retirer tout ce qui concerne les popups (bloquées par défaut par les navigateurs désormais) | |||||||||||||||||||
67 | Affiche tout l'historique | Divers | Permet d'afficher des informations datées comme des mises à jour, des éénements, etc; de manière simple | suppression | affiche un tableau JS sous forme de liste HTML, simpliste. Exemple dans un tuto plutôt ? | |||||||||||||||||||
68 | Alternance de bannières | Divers | Permet d'afficher plusieurs bannières dans une séquence ordonnée. Les bannières sont affichables pour un temps déterminé, redirigent vers le site voulu, dans une frame, en plein écran ou dans une nouv | mise à jour | Renvoyer vers un bon script de diaporama Fusionner avec Diaporama en popups | |||||||||||||||||||
69 | Défilement dans un champ texte | Divers | Permet d'afficher un message en boucle dans un champ texte d'un formulaire | suppression | KO + utilité ? | |||||||||||||||||||
70 | Protection par mot de passe | Divers | Protège une page de votre site par un mot de passe. Inviolable. | suppression | nécessite d'exposer la page de destination sans password. ne remplace pas une protection avec check côté serveur / BDD | |||||||||||||||||||
71 | Bannière DHTML | Divers | Ressemble à une bannière rotative JAVA, mais c'est du JavaScript qui fonctionne avec Internet Explorer et Netscape version 4 et plus. | suppression | KO + utilité ? | |||||||||||||||||||
72 | Joue un son sur un clic | Divers | Script déclenchant un son sur un clic de lien, de bouton ou au survol d'un objet. Fonctionne sur Internet Explorer et Netscape | mise à jour | ||||||||||||||||||||
73 | Tracé d'histogrammes | Divers | Script qui permet de tracer des données d'un tableau sous forme d'histogramme. Exemple avec les visites sur le site Tout JavasScript en Juillet 1999 (souvenir souvenir...) | mise à jour | Renvoyer vers http://www.chartjs.org Doublon avec Tracé d'histogrammes DHTML | |||||||||||||||||||
74 | Tri d'un tableau | Divers | Tri un tableau de données numériques par la méthode du tri à bulles. | suppression | peu d'intérêt hormis quand on fait ses études :) | |||||||||||||||||||
75 | Scrolling d'écran automatique | Divers | Un bouton déclenche le scrolling de la fenêtre pendant un temps et une vitesse définis | suppression | semble avoir peu d'intérêt aujourd'hui | |||||||||||||||||||
76 | Sélecteur de couleurs via behavior | Divers | Un Color Picker comme celui de photoshop ! (Compatible Internet Explorer) | mise à jour | Fusionner tous les Color Pickers et renvoyer vers celui-ci qui écrase tout http://bgrins.github.io/spectrum/ (avec support alpha O_o) Aussi celui ci http://www.daviddurman.com/flexi-color-picker/# | |||||||||||||||||||
77 | Calculatrice scientifique | Divers | Une calculette performante : tapez cos(pi/2) ou 12*15000+3, le résultat apparaît. | mise à jour | renvoyer vers un "vrai" script de calculette JS | |||||||||||||||||||
78 | Popup Image | Divers | Une fonction avec en paramètre un fichier image qui ouvre un popup à la taille de cette image. | suppression | retirer tout ce qui concerne les popups (bloquées par défaut par les navigateurs désormais) | |||||||||||||||||||
79 | Formulaire d'information sur visiteur | Formulaire | Affiche les informations de votre visiteur (navigateur, version, résolution écran) dans des champs d'un formulaire | mise à jour | renommer en "Récupération d'informations du visiteur" et mettre à jour... J'ai Chrome et il détecte Netscape. Attention redondant avec un autre script de détection de navigateur | |||||||||||||||||||
80 | Champ de saisie de couleur | Formulaire | Ce script permet de créer des champs de saisie avec indicateur de couleurs avec une seule ligne de code | suppression | => redondant avec Color Pickers | |||||||||||||||||||
81 | Liste avec recherche par clavier | Formulaire | Ce script permet de réduire le contenu d'une liste en tapant le début du libellé. Exemple avec la recherche dans la liste des pays. | mise à jour | - peut renvoyer vers des scripts/ressources externes aussi - il est aussi possible de proposer une version avec chargement de la "liste filtrée" en Ajax lorsqu'on saisit 2-3 caractères ou + | |||||||||||||||||||
82 | Ajouter et supprimer des éléments dans une liste | Formulaire | Comment ajouter, supprimer ou insérer une ligne OPTION dans une liste SELECT de formulaire | mise à jour | ||||||||||||||||||||
83 | Envoyer un formulaire par mailto | Formulaire | Comment envoyer le contenu d'un formulaire par mail, sans script cgi, grâce à mailto. | suppression | Risque de pas être hyper compatible :-/ | |||||||||||||||||||
84 | Compteur de caractères | Formulaire | Compte le nombre de caractères saisis en temps réel, l'affiche et alerte l'utilisateur quand un seuil est dépassé | mise à jour | ||||||||||||||||||||
85 | Basculer des éléments d'une liste à l'autre | Formulaire | Deux listes, deux boutons pour déplacer les lignes d'une liste à l'autre | mise à jour | ||||||||||||||||||||
86 | Formulaire mail pour Multimania | Formulaire | Exemple d'un formulaire permettant à votre visiteur de vous adresser des informations et de l'envoyer vers votre boîte à lettres. Exemple pour les sites hébergés par Multimania | suppression | "Le site multimania il est dead" | |||||||||||||||||||
87 | Liste déroulante automatique | Formulaire | Fonction qui automatise l'affichage des listes déroulantes paramétrables : 1 seule ligne de code suffit | suppression | ||||||||||||||||||||
88 | Moteur de recherche dans votre site | Formulaire | Insérez un moteur de recherche dans votre site | suppression | semble peu utile, ce genre d'opération se fait plutôt côté serveur | |||||||||||||||||||
89 | Moteur de recherche OBJET | Formulaire | Insérez un moteur de recherche Objet dans votre site, facilement paramétrable | suppression | semble peu utile, ce genre d'opération se fait plutôt côté serveur | |||||||||||||||||||
90 | Accès direct par liste déroulante II | Formulaire | Permet de choisir la destination d'une frame à partir d'une liste déroulante | suppression | utilise les frames + KO | |||||||||||||||||||
91 | Bouton Clignotant | Formulaire | Permet de faire clignoter le libellé d'un bouton. Très pratique pour attirer l'attention. | suppression | ||||||||||||||||||||
92 | Donne le Focus à un champ | Formulaire | Permet de placer le curseur dans un champ d'un formulaire à l'ouverture de la fenêtre pour faciliter la saisie | suppression | => tuto formulaires | |||||||||||||||||||
93 | Contrôles d'un formulaire | Formulaire | Présente tous les éléments et les actions possibles sur un formulaire | suppression | ||||||||||||||||||||
94 | Case à cocher en images | Formulaire | Remplace les cases à cocher de formulaire par des images cliquables. Possède le même fonctionnement qu'un champ checkbox, mais avec des images. | mise à jour | pourquoi pas | |||||||||||||||||||
95 | Convertisseur Euro automatique | Formulaire | Saisissez des francs ou des euros, la conversion est automatique et instantannée. Pas besoin de cliquer sur Convertir. | mise à jour | Fusionner les 2 convertisseurs Faire USD/EUR plutôt que Franc/Euro qui est moins d'actualité qu'en 2000 | |||||||||||||||||||
96 | Convertisseur Francs - Euros | Formulaire | Script qui simule les convertisseurs euros. 2 champs de saisie francs et euros, un bouton Convertir. | mise à jour | idem | |||||||||||||||||||
97 | Moteur de recherche V2 | Formulaire | Un nouveau moteur de recherche qui permet d'afficher une liste de liens en rapport avec une recherche. | suppression | semble peu utile, ce genre d'opération se fait plutôt côté serveur | |||||||||||||||||||
98 | Color Picker | Formulaire | Un script qui permet de choisir très facilement en 2 clics une couleur dans toute la gamme des couleurs disponibles. Aussi efficace que la palette de Paint Shop Pro ! | mise à jour | Fusionner tous les Color Pickers et renvoyer vers celui-ci qui écrase tout http://bgrins.github.io/spectrum/ (avec support alpha O_o) Aussi celui ci http://www.daviddurman.com/flexi-color-picker/# | |||||||||||||||||||
99 | Dictionnaire Traducteur | Formulaire | Vous entrez un mot dans un champ texte, un bouton 'Traduire' affiche la traduction dans un autre champ | suppression | simpliste | |||||||||||||||||||
100 | Ordonner une liste | Formulaire | Vous pouvez déplacer les lignes d'une liste de formulaire avec les boutons "Monter" et "Descendre". | mise à jour |