|
· Afficher l’heure en plusieurs langues - Avec le prototype twHeure() - Ce petit prototype affiche l’heure selon le content-language passé, en français fr, espagnole es ou englais en. L’ajout du zéro est effectué grace à la fonction twZero. Un prototype permet d’ajouter une méthode à un objet. Ce prototype de l’objet DATE est limité aux objets Date. Il faut donc créer votre date avant d’utiliser le prototype. Auteur : Django (Oznog) Blais - Date : 3 avril 2004 · Recherche sur un choix de moteurs distants - Avec option de recherche locale via « Google » - Savez-vous que vous pouvez indiquer à « Google » de limiter sa recherche sur un domaine particulier? C’est non seulement une solution simple et économique, mais aussi très performante. Le script proposé ici permet le choix de plusieurs moteurs de recherche via un bouton radio. Auteur : Django (Oznog) Blais - Date : 9 décembre 2003 · Dimensionner un «popUp» dynamique sur les proportions de son image - Ouvrir des images ou des photographies dans un «popUp» est une bonne solution. C’est encore mieux quand la grandeur de la fenêtre s’ajuste à celle de l’image. C’est tout à fait possible avec la méthode «resizeTo» et les propriétés «width / heigth» d’une image. Auteur : Django (Oznog) Blais - Date : 19 juillet 2003 · Moteur de recherche pour votre site - 100% Javascript et autres services gratuits - Vous n’avez pas la possibilité d’utiliser un langage serveur comme le ASP, PHP, Perl ou JSP. Ou encore la programmation vous donne des maux de tête? Ce tutoriel vous propose 4 solutions très efficaces afin d’installer un moteur de recherche personnel sur votre site. Auteur : Django (Oznog) Blais - Date : 22 novembre 2001 · Menu dans une liste de sélection ou menu déroulant - Automatique ou avec bouton et PopUp - Il n’y a rien de plus pratique qu’un menu déroulant pour compacter un grand nombre de liens hypertexte dans une même page Web. L’usager n’a qu’à choisir un site de la liste pour être automatiquement redirégé vers celui-ci. La sélection peut ouvrir automatiquement la nouvelle page ou utiliser un bouton pour confirmer la redirection. Auteur : Django (Oznog) Blais - Date : 11 novembre 2001 · Tableaux (Array) à deux dimensions - Construire un tableau avec propriétés dans un tableau - C’est bien beau de pouvoir garder des données dans un tableau mais si chacune des données contient plus d’une valeur nous ne sommes pas plus avancés. C’est pourquoi un tableau permet non seulement des lignes mais aussi des colonnes à l’image d’un chiffrier. Auteur : Django (Oznog) Blais - Date : 21 septembre 2001 · Introduction aux tableaux (Array) - Construire un tableau simple et récupérer les données - Un tableau ou Array est un objet ou structure qui permet de garder, manipuler et ordonner une collection de données. En plus de pouvoir accéder individuellement aux données plusieurs méthodes permettent aussi de trier, concater, joindre, extraire, inverser, convertir un tableau. Les nombreux avantages sont quasiment indispensables... Auteur : Django (Oznog) Blais - Date : 21 septembre 2001 · Afficher la date en plusieurs langues - Avec le prototype twDate() - Cette petite fonction affiche la date au complet avec le nom du jour et du mois comme ceci; Mardi, 18 septembre 2001 ou encore en anglais: Tuesday, September 18, 2001. Il suffit d’envoyer en paramètre à la fonction, la date de votre choix, la date du jour ou celle de la dernière modification de votre document par exemple. Auteur : Django (Oznog) Blais - Date : 18 septembre 2001 · Fonction de validation twValide version 2.2 - Validation de formulaire côté client - Valider la saisie de vos formulaires avant même d’envoyer le formulaire. Cette fonction universelle très compatible permet de vous assurer que tous les champs obligatoires ont été remplis. De la saisie de texte à la liste de sélection, tous les types des éléments d’un formulaire sont traités. Auteur : Django (Oznog) Blais - Date : 13 septembre 2001 · Manipulation de formulaires en Javascript - Partie 1 : Introduction, l’objet Form - Dans cette série de tutoriels, nous verrons comment manipuler l’objet form pour accéder aux formulaires d’une page Web. Comment utiliser les méthodes et capturer les événements pour lire et modifier les propriétés des éléments. Nous verrons en détail chaque champ de saisie avec des exemples en contexte de formulaires dynamiques, de validations... Auteur : Django (Oznog) Blais - Date : 13 septembre 2001 · Impression d’une page HTML - Avec la méthode print() - La méthode print() de l’objet Window simule un clic sur le bouton Imprimer ou Print du navigateur. Elle dit au navigateur d’ouvrir la boîte de dialogue d’impression. Cette méthode permet d’imprimer la page courante. Noter que ce n’est pas compatible Opera. Auteur : Django (Oznog) Blais - Date : 31 août 2001 · Envoyer un formulaire sans CGI avec mailto - Fonction universelle Javascript - Envoyer les données de vos formulaires sans programme serveur comme le Perl, ASP, PHP etc. En utilisant un simple mailto dans l’action du formulaire et la méthode GET, vous pouvez récupérer les données d’un formulaire dans votre logiciel de messagerie. Les données seront traitées par une fonction Javascript. Auteur : Django (Oznog) Blais - Date : 22 août 2001 · Empêcher le clic droit de la sourris - Compatible Netscape 4+ et Netscape 6 - Le code classique que j’avais enlevé mais que j’ai dû remettre sous la pression. Ce script empêche ou plutôt capture le clic droit de la souris pour affiche un message d’alerte avec le message de votre choix. C’est atteinte à la liberté des internautes ;-) est compatible Netscape puisque Netscape n’a pas la même méthode que IE pour faire la capture Auteur : Django (Oznog) Blais - Date : 25 juillet 2001 · Ouverture d’une page en mode plein écran - avec un hyperlien ou automatique - Ce script m’est souvent demandé, particulièrement l’ouverture automatique du mode plein écran. L’ouverture du mode plein écran se fait de la même manière que l’ouverture d’une nouvelle fenêtre, c’est seulement l’argument fullscreen qui détermine le plein écran. Noter que Netscape affiche toujours une barre en haut avec le titre de la page... Auteur : Django (Oznog) Blais - Date : 25 juillet 2001 · Boîtes de dialogue en Javascript - Avec les méthodes ALERT, CONFIRM et PROMPT - La plupart des langages de programmation utilisent les boîtes de messages du système et la programmation Web n’y échappe pas. Il y a 3 méthodes, l’alerte ou Alert dialog box qui permet d’afficher un simple message avec un bouton fermé, la confirmation ou Confirm dialog box qui retourne une valeur booléenne selon un choix oui ou non... Auteur : Django (Oznog) Blais - Date : 27 mai 2001 · Les caractères spéciaux en Javascript - Utilisés dans les chaînes de caractères - Il existe plusieurs caractères spéciaux en Javascript qui permettent de manipuler l’affichage d’une chaîne de caractères. Le plus connu et le plus utilisé est le saut de ligne mais il en existe 4 autres. Tous sont précédés par le symbole \ appelé escaping caracter parce qu’il indique au moteur Javascript de ne pas interpréter le caractère... Auteur : Django (Oznog) Blais - Date : 27 mai 2001 · Récupérer un formulaire en Javascript - Les paramètres GET de la requête HTTP - Les données d’un formulaire peuvent être envoyées avec la méthode « GET » en d’autres mots, directement dans la requête HTTP. Vous avez sûrement déjà remarqué ces caractères bizarres visibles au bout d’une adresse (URL) dans un navigateur. Le URL et la chaîne de caractères sont déterminés par le paramètre « ACTION »... Auteur : Django (Oznog) Blais - Date : 24 avril 2001 · Bouton retour en arrière et page suivante - Avec la méthode GO du Javascript - Pour reproduire l’action des boutons page précédente et page suivante de votre navigateur, le Javascript utilise la méthode GO qui peut naviguer dans l’historique des liens gardé en mémoire par le navigateur. En effet, il est possible de récupérer la liste des liens visités par le visiteur, la liste « history ».. Auteur : Django (Oznog) Blais - Date : 24 avril 2001 · Forcer le focus sur un PopUp après un lien - Le PopUp passe au dessus des autres fenêtres - Une autre question qui revient sans cesse. Mon lien qui ouvre une nouvelle page dans un PopUp fonctionne bien mais quand une fois que le PopUp est ouvert, il reste en dessous des autres fenêtres même. Commet faire en sorte que le PopUp retourne au-dessus des autres fenêtres, obtenir le Focus sur le PopUp en d’autres mots. Auteur : Django (Oznog) Blais - Date : 6 avril 2001 · PopUp qui ouvre un lien dans la page principale - Même si la page principale est fermée - Ce truc est souvent demandé, le voilà donc. La technique est de pouvoir faire référence et modifier l’attribut « location.href » de la page principale depuis une autre page. Le Javascript le permet très simplement pourvu que la deuxième page (pop-up), ait été, au préalable, appelée par la page principale. Auteur : Django (Oznog) Blais - Date : 24 mars 2001 · Boucle pour afficher tous les caractères spéciaux - selon le type de police utilisé - Il arrive parfois que l’on cherche le code pour afficher un caractère spécial. Avec cette boucle Javascript vous n’aurez qu’à identifier votre caractère et d’utiliser son code pour afficher votre symbole. Noter que vous n’avez qu’à changer la police pour obtenir un autre jeu de caractères spéciaux. Auteur : Django (Oznog) Blais - Date : 22 mars 2001 · Manipulation des dates/heures en Javascript - Expliqué en détail et avec plusieurs scripts très pratiques. - Manipuler les dates et le temps est très utile. Récupérer la date locale d’un visiteur, convertir une date en temps GMT, extraire les minutes ou les jours à des fins de calcul ou utiliser un délai pour exécuter des fonction récursive, et autres manipulations. Auteur : Django (Oznog) Blais - Date : 2 février 2001 · Boucles de programmation en Javascript - Énoncé For, for…in et while - Avec les tests de conditions, les boucles sont en programmation ce que les « stacks » sont à l’informatique. Hein! Tout simplement que les boucles sont à la base de la programmation. Aucun programme ni aucun langage peut s’en passer. On peut faire des miracles avec les boucles, tout particulièrement avec les boucles récursives. Auteur : Django (Oznog) Blais - Date : 26 janvier 2001 · Gestion des cadres « frameset » en Javascript - Et ouvrir des documents dans plusieurs cadres - Le HTML ne permet pas d’ouvrir plusieurs liens en même temps. Pour ce faire vous pouvez utiliser le Javascript pour ouvrir les documents dans les cadres désirés. Auteur : Django (Oznog) Blais - Date : 30 octobre 2000 · Images réactives ou le RollOver - Du préchargement au générateur de RollOver - Une image réactive ou le « RollOver » est une image qui change d’état quand la souris du visiteur passe au dessus de l’image. Dans un document HTML, la façon de faire est de tout simplement substituer l’image pour une autre. Il y a donc deux étapes principales. Auteur : Django (Oznog) Blais - Date : 24 octobre 2000 · Les événements du Javascript - Base de la programmation orientée-objet - Un document comporte plusieurs objets, les objets peuvent être les éléments d’un formulaire, les images les liens les textes et même le document lui-même etc. Cette technique orientée-objet permet d’isoler les objets entre eux en leur donnant une certaine indépendance. Auteur : Django (Oznog) Blais - Date : 25 août 2000 · Fermer une fenêtre - Avec la méthode Close - Vous désirez fermer une fenêtre ou un PopUp, rien de plus simple. La méthode Close() ne fait que ça… Vous pouvez utiliser tout simplement close() ou window.close() pour fermer la fenêtre courante ou leNomdelaFenetre.close() pour fermer une fenêtre spécifique. Auteur : Django (Oznog) Blais - Date : 19 juillet 2000 · Fermeture automatique - Avec l’événement onUnload - Fermer une fenêtre ou un PopUp automatiquement est le script le plus simple de ce tutoriel. Pas de fonction, pas de lien. Simplement une ligne de Javascript à ajouter dans la balise BODY à l’aide de l’événement onLoad et d’un TIMER. Auteur : Django (Oznog) Blais - Date : 19 juillet 2000 · PopUp automatique de sortie - Avec l’événement onUnload - Un autre script très en demande. Lorsque votre visiteur quittera votre site, l’événement onUnload ouvrira automatiquement un PopUp contenant la page HTML de votre choix. Le principe consiste à utiliser l’événement onUnload qui indique quand la page est fermée ou quittée. Auteur : Django (Oznog) Blais - Date : 19 juillet 2000 · PopUp automatique et fermeture - Avec l’événement onLoad - Je ne peux pas dire combien de fois ce script m’a été demandé. Il permet d’ouvrir une fenêtre de type PopUp automatiquement après un nombre de secondes prédéterminé. En plus d’offrir la possibilité de fermer le PopUp automatiquement après un nombre de secondes prédéterminé. Idéale pour afficher une bannière publicitaire comme chez Multimania... Auteur : Django (Oznog) Blais - Date : 19 juillet 2000 · PopUp automatique généré - Avec l’événement onLoad - Ce script permet d’ouvrir une fenêtre de type PopUp automatiquement après le chargement d’une page HTML et selon un nombre de secondes prédéterminé. Idéale pour afficher une bannière publicitaire comme chez Multimania par exemple… Le principe consiste à utiliser l’événement onLoad qui indique quand la page a été chargée. Auteur : Django (Oznog) Blais - Date : 19 juillet 2000 · PopUp automatique simple - Avec l’événement onLoad - Ce script permet d’ouvrir une fenêtre de type PopUp automatiquement après le chargement d’une page HTML et selon un nombre de secondes prédéterminé. Idéale pour afficher une bannière publicitaire comme chez Multimania par exemple… Le principe consiste à utiliser l’événement onLoad qui indique quand la page a été chargée. Auteur : Django (Oznog) Blais - Date : 19 juillet 2000 · Les fenêtres ou l’objet WINDOW - Le premier objet du Javascript - L’indispensable, quoi faire sans les fameuses « windows » ?. L’objet WINDOW est sans aucun doute le plus utilisé. Pas de fenêtre, pas de page. À part sa philosophie, WINDOW est l’objet au premier niveau de la hiérarchie du groupe d’objet DOCUMENT, LOCATION et HISTORY. Une fenêtre est identifiée et récupérée par son nom. Auteur : Django (Oznog) Blais - Date : 19 juillet 2000 · Qu’est-ce qui arrive à l’année - Et la patche pour le Javascript... - Depuis le 1er janvier 2000 je dois tester et vérifier des dizaines de scripts qui manipulent la date. J’avais bien organiser les choses en utilisant au maximum des scripts Include et volontairement attendues le siècle prochain pour apporter mes modifications. Pourquoi, parce que je ne pouvais quand même pas demander au serveur de changer la date po Auteur : Django (Oznog) Blais - Date : 18 janvier 2000 · Introduction aux Cookies - Avec un formulaire sans bouton envoyer - Les cookies sont de petits fichiers stockés sur le PC de votre visiteur permettant ainsi de garder des informations précieuses sur les visiteurs, informations qui peut être utilisées lors de leurs prochaines visites. L’information enregistrée à ses limites, à peine une vingtaine de variable, mais l’utilité est très appréciable. Je n’utilise pas per Auteur : Django (Oznog) Blais - Date : 3 novembre 1999 · Menu et Navigation - Organiser vos répertoires physique avec le menu hiérarchique - Techniques utilisées dans ce truc : document.write, Split. location.href, Le Menu hiérarchique est une excellante façon d’organiser votre site Internet pour récupérer l’information selon leurs dispositions physiques sur le serveur. Cette technique est surtout pratique si vous avez beaucoup d’information à offrir et si cette information peut êtr Auteur : Django (Oznog) Blais - Date : 23 octobre 1999 · Fichiers INCLUDE - Optimiser vos pages HTML - Techniques utilisées dans ce truc : document.write, balise NOSCRIPT. Cette technique permet une très grande liberté en programmation et un dynamisme simple à gérer. Vous créer un fichier texte contenant du code Javascript (extension .txt ou ce que vous voulez, personnellement j’utilise l’extension .js ). Ce fichier peut alors être inclus dans v Auteur : Django (Oznog) Blais - Date : 19 octobre 1999 · Tout sur vos visiteurs - Renifleur de Navigateur, enfin presque. - Une bonne façon de d’obtenir des codes parfaitement compatibles est de bien connaître quelle version de navigateur le visiteur utilise lors de sa visite sur vos sites. Je me suis permit ici la traduction de l’excellant article de WebReference.com browser sniffer. The WebReference.com browser sniffer . Cette page JavaScript-enabled sniffer renifl Auteur : Django (Oznog) Blais - Date : 29 juin 1999 · Menu ImageMap - Le most du menu dynamique - Testez ce menu, il faut bien sur avoir quelques notions en graphisme mais la chandelle en vaut la peine. Notez que cette exemple est très simple, et le RollOver peut tout aussi bien se retrouver ailleurs, dans un autre cadre par exemple. Ce qui est exceptionnel avec ce menu, c’est la possibilité d’offrir une centaine de lien dans un tout petit espa Auteur : Django (Oznog) Blais - Date : 28 juin 1999 · Les images - Pour préserver la capture des images - Voilà un script qui peut être pratique pour le graphiste qui veux garder ses créations chez lui.. Le visiteur avertie pourra bien sûr visualiser le code source de la page et de repérer les images qu’il pourra par la suite télécharger. Malgré qu’il ne fonctionne pas sur toutes les version de Netscape ce code en découragera plus d’un. Pour vraiment e Auteur : Django (Oznog) Blais - Date : 5 mars 1999 · Images aléatoires - Avec la commande RANDOM - L’image aléatoire est une image différente à chaque fois que la page est chargée. Plus vous avez d’image et plus vous avez de chance de ne jamais voir la même. La commande RANDOM permet de donner un nombre aléatoire. Alors imaginer si vos images porte des noms tel : 1.gif, 2.gif, 3.gif etc. Ou même image1.gif, image2.gif, image3.gif etc Auteur : Django (Oznog) Blais - Date : 23 janvier 1999 · Compatibilité du Javascript - JScript vs JavaScript - Les navigateurs Netscape et Microsoft n’utilisent pas toujours les mêmes objets. Un Scripts différent est utilisé par chaque type de navigateur. Pour faciliter la chose, Microsoft suggère de rendre votre Internet Explorer compatible en usant du JScript dans l’ordre suivant. À la suite du bloc Javascript compatible Navigator ajouter celui du JScript Auteur : Django (Oznog) Blais - Date : 1er janvier 1998 · Bannières rotatives - Bannières avec liens - Mise-à-jour : 11 juin 2005 C’est le premier truc que j’ai réalisé pour les «Trucsweb», à l’époque où je ne disposais pas d’un répertoire «CGI» ou autre technologie serveur. Et puisque tous les sites anglais sur le Javascript disposaient d’une telle technologie, aucun n’offrait ce genre de script à part la bannière dans un cadre (frameset)... Auteur : Django (Oznog) Blais - Date : 4 décembre 1997 · Introduction au Javascript - Le langage du visiteur - Le Javascript est issu de la technologie Netscape® qui travailla conjointement avec ECMA, le consortium européen des normes, afin d’adopter formellement le Javascript comme standard international. Le Javascript a été créé pour Internet. Il est très populaire car il lie au HTML la plupart des éléments de programmation rencontrés sur le Net. Comme le Auteur : Django (Oznog) Blais - Date : 12 novembre 1997
Syndication : Javascript - Trucsweb
Dernière mise à jour :
le 29 décembre 2010 à 11:27
|