Scriptothèque Tutorial Scripting
Scriptothèque JavaScript/VBScript Quelques exemples

[JS] Insérer du texte au milieu d'un textarea Smileys, codes... pratique pour les forums
Internet Explorer uniquement. Ce n'est pas un éditeur html WYSIWYG en 20000 lignes de code ;-) mais la solution pour insérer du texte au milieu d'un textarea. Souvent dans les forums, y'a des boutons Gras, Italique... mais ça met du code à la fin du textarea, idem pour les smileys... voilà un truc qui sera apprécié par les visiteurs :-))


[Javascript] Tri dynamique de listes
Les listes que nous affichons sont généralement pré-triées sur certaines colonnes, et il faut recharger la page pour que l'ordre de tri puisse être modifié. En se basant sur le type Array du javascript et de sa méthode .sort, il est très simple de mettre en place des listes dont le tri s'effectue par simple clic des entêtes de colonne.


JavaScript : Trucs et Astuces Fermer une fenetre, imprimer en douce, preview, ..
Suite aux nombreux messages postes sur le forum concernant le non-interfacage client de certaines actions JavaScript, voici un condense des solutions miracles que je vous propose


JavaScript : Bascule automatique d'images Remplacement d'images sans code ajouté au HTML
Le remplacement d'image (RollOver) est surement un des usages les plus répandus du JavaScript côté client. Le script que je vous propose permet de changer automatiquement les images survolées sans ajout de code dans le corps du document HTML. Ce script a été testé et fonctionne avec MSIE 5.x/6.x, NN 6.x/7.x sous Windows et MacOS, et avec Opera 7.x sous Windows.


[JavaScript] Menu contextuel et bulles d'aides
Les bulles d'aides proposées par le HTML (title=...) sont assez limitées : pas d'images, changement de couleur et de police impossible... Les fonctions suivantes permettent de pallier à ces limitations en ne laissant aucune restriction. La création d'un menu contextuel dans le style du clic droit windows est un exemple d'application de ces bulles d'aide.


JavaScript : Controle de Dates Class de controle de dates multi-formats
Le controle de dates ... Cet objet JavaScript permet l'implementation de controles de dates multi-formats


Traiter des dates en JavaScript Tester comparer décomposer convertir les dates
Traiter les dates en JavaScript, il faut dire ce qui est, c'est la misère. Entre les mois qui sont indexés à partir de 0 et les mauvaises conversions de date francaise-anglaise, on est au bord de la crise de nerfs. Voici quelques fonctions utiles pour vous aider.


Des select pour saisir une date Avec vérification de validité de cette date.
Une question sur le forum et zou... un script :) Comme d'habitude, je suis à l'affût des questions qui passent sur le forum. Et si l'une d'elles me permet de m'amuser un peu, alors j'en fais profiter la communauté. Cette fois, il s'agissait d'une demande de saisie de date. Il y avait quatre listes déroulantes : une pour les jours de la semaine une pour le jour du mois une pour le libellé du mois une pour l'année Alors, je me suis dit, allons-y.... Et voilà le script ci-dessous....


DOM Calendar Calendrier DOM - 1
Voici comment, grace au DOM, changer dynamiquement le contenu d'une page sans avoir a la recharger ...


JavaScript : fonctions getQueryString 3 fonctions pour le traitement des paramètres URL
Quand on développe en ASP ou en PHP, il est fréquent d'utiliser les URL pour passer des paramètres et conserver ainsi des valeurs d'une page à une autre. Ces langages possèdent les outils nécessaires à la gestion de ces paramètres. Mais en JavaScript aucune fonction toute faite ! Alors, comment faire une page statique et gérer tout de même ces paramètres d'URL ? Démonstration...


Un petit jeu pour l'été Trouver un nombre entre 1 et n
Les vacances sont là. Et pour passer le temps au frais devant son écran et avec une bonne bière, rien de tel qu'un petit jeu. D'autant plus que vous pourrez le proposer sur vos sites en ouvrant une fenêtre (ou popup).... puisque c'est du JavaScript...


Jeux de l'été (et de 2) Un petit jeu d'allumettes
C'est reparti pour un tour... Mais cette fois, vous allez pouvoir gagner !!! Je vous propose un petit jeu d'allumettes. Le but de ce jeu est de prendre la dernière allumette sachant que chaque joueur prend 1, 2 ou 3 allumettes à la fois. Le nombre d'allumettes au départ est fixé à 21. Le joueur qui commence est déterminé par un tirage au sort et vous pouvez donc, tout comme l'ordinateur, GAGNER !!!


JavaScript Client-Side Explorer Ou comment explorer les disques clients ...
Ce nouveau tutorial fait suite à une question posée sur le forum concernant une interface permettant d'utiliser un composant comme ASPSmartUpload en upload massif de repertoires.


Tracé de cercle Tracer un cercle en JavaScript
Qui n'a jamais rêvé de tracer un cercle avec JavaScript !!! Combien de personnes se sont entendu dire que ceci est impossible ?? Voici la preuve que tout est possible ...


Palette de couleurs Une palette de couleurs JavaScript
Tres utile pour plusieurs sortes d'applications (generateur de scrollbars de iubito, un Editeur Html Online ...), cette palette de couleurs reprends les couleurs nommees, les degrades de gris ainsi que les couleurs WEB.


JavaScript : IE & Select Internet Explorer et les Select ...
Navigateur le plus présent sur la toile, Microsoft Internet Explorer recèle cependant un bug relatif à l'interprétation JavaScript pouvant démotiver plus d'un développeur ... Effectivement, l'utilisation de balises <SELECT> peut révéler certaines surprises ...


Redimensionner une image en JavaScript Creation d'image de previsualisation a la volee
Tout catalogue ou album photo qui se respecte possede des images de previsualisation. Deux methodes sont utilisees pour ce genre de process, soit vous faites une petite image par image a afficher ou alors, vous construisez ces petites images a l'affichage en temps reel.


JavaScript : Radio et CheckBox Un peu de fun pour vos formulaires ...
Et pourquoi ne mettrait-on pas un peu de fun dans nos formulaires ??? Le CSS nous a déjà permis un certain nombre de folies mais pourquoi ne jouerait-on pas avec des images ...


Encodez vos codes JScript et VBScript Rendez vos codes JScript et VBScript illisibles
"Afficher la source" Telle est l'option que le programmeur Javascript et VBScript redoute tellement. Et il y a de quoi vu qu'il est strictement impossible de dissimuler son code puisque que c'est le navigateur client qui devra l'executer. Et pourtant...


JavaScript : Librairie.Net.js Des méthodes .Net au sein du modèle JavaScript
La Librairie.Net.js essayera de vous mettre à disposition un ensemble de fichiers permettant d'agrémenter le modèle JavaScript par des méthodes et objets issus de la référence du Framework .Net


[JS] Masques de saisie pour formulaires ! ou comment faciliter la vie des internautes
N'as-tu jamais rêvé de faire des masques de saisie sur des zones de texte, comme dans VB et Delphi ? Voici un script qui rendra les sites plus "pro". Au menu : - saisie de dates - saisie de nombres et symboles monétaires - saisie de chaînes de caractères


Jeux de l'été (et de 4) Un petit jeu de Mastermind
C'est reparti pour un tour... Il y avait longtemps que je n'étais pas venu vous proposer un petit jeu. Je me suis attaqué cette fois-ci à un jeu de MasterMind. Celui-ci est en JavaScript et il pourra donc être facilement mis en place. De plus, j'ai veillé à ce qu'il tourne à la fois sous FireFox et sous IE. A vous de réfléchir pour trouver la combinaison cachée ;-)


Créer un Menu simple en (X)HTML et Javascript ! Basé sur les images survolées
Je vous propose un petit menu très simple à réaliser que je trouve sobre et clair, classe. Niveau Requis : Novice ayant quelques bases HTML et CSS


[CSS] Menu compatible et très simple v4!!! Compatible avec tous les navigateurs ?! si, si !
Je reproche beaucoup de choses aux menus super-moulinettes non CSS, qui plantent quand le javascript est désactivé, que les non-voyants ne peuvent pas utiliser, et que même google peut avoir du mal à lire les liens dedans... Donc je vous propose une solution :-)


Jeux de l'été (et de 5) Un jeu de Motus (mots de 8 lettres)
C'est reparti pour un tour... Comme je venais de proposer un jeu de Mastermind, je me suis dit que, sur le même modèle, je pouvais créer un jeu de Motus. C'est pourquoi, là encore, j'ai utilisé des images de différentes couleurs et non les lettres dont j'aurais pu changer les attributs « font » et « color ». Celui-ci est en JavaScript et il pourra donc être facilement mis en place. De plus, j'ai veillé à ce qu'il tourne à la fois sous FireFox et sous IE. Vous pourrez facilement l'adapter à des mots de 7 lettres, voire 6 ou 5, puisque le fichier des mots est séparé du code. A vous de réfléchir pour trouver les mots de 8 lettres tirés aléatoirement ;-)


Jouer avec les cadres Modifier les cadres au chargement d'une page...
Il arrive parfois que certains sites affichent "Loading..." puis que la page réelle arrive ensuite. Cela est possible grâce à l'événement onLoad de la page.En effet, lorsque la page a fini de se charger, il est possible d'exécuter certaines instructions, comme, par exemple, une demande de mot de passe ou le chargement d'une autre page. Voyons donc comment "Jouer avec les cadres".


Jeux de l'été (et de 3) Un petit jeu de pendu
C'est reparti pour un tour... Nous allons réviser quelques termes informatiques... Je vous propose cette révision par le biais d'un jeu de pendu. Un mot est tiré au hasard puis affiché avec sa première et sa dernière lettre séparées par des points. Vous proposez des lettres en cliquant sur des boutons et l'ordinateur vous met la lettre dans le mot si elle existe ou vous "pend" petit à petit si elle ne fait pas partie du mot... A vous d'être perspicace pour ne pas finir au bout d'une corde ;-)


Des pop-ups pour remplir des formulaires
Ce petit exercice est la solution proposée à l'un d'entre vous face à son problème. Son but consiste à proposer à l'utilisateur une liste de choix afin de remplir un formulaire, en plus d'une saisie libre dans une zone de texte. Il est parfois contraignant d'avoir à saisir son département ou son pays dans les champs d'un formulaire.


Un p'tit rafraîchissement Comment actualiser une page à partir d'une autre
Comment rafraîchir une page à partir d'une fenêtre ouverte par cette même page... Devant les demandes de plus en plus nombreuses, il m'a paru intéressant de construire deux exemples sur le rafraîchissement d'une page. Voyons donc ces deux cas de figure ensemble...


JavaScript : WorldTimer (Class WTDate) Un objet Date trilingue et 100% paramétrable
Afficher la date ou l'heure du jour peut s'avérer pénible et laborieux notamment quand on souhaite formater ou afficher ces éléments à un endroit particulier ou encore quand on souhaite mettre en place une horloge à temps réel.Si vous adhérez à ces propos, la Class que je vous propose devrait vous simplifier la vie.