Programmer en Java Script

Différence entre VB Script et JavaScript.

Exemple de Message à utilisateur 1

Exemple de Message à utilisateur 2

Récupérer les balises HTML avec une expression régulière et vider ses attributs.

Utilisation d'un Objet

Script Anti-click

Fonction cool du déplacement d'une image

Objet navigateur

Les Objets de navigateur sont structurés en une hiérarchie d'objets parent et filles. Lorsqu'on se réfère à un objet, on utilise le nom de l'objet parent, suivi du ou des noms des objet filles, les nom étant séparés par des points. Ainsi, JavaScript stocke les objets représentant les images d'un document en tant que filles de l'objet document, lui-même fille de l'objet window, utilisera l'expression suivante.

window.document.image8

l'objet window se situe au sommet de la hiérarchie des objets de navigateur.

[ TOP ]

Les objets window

Le sommet de la hiérarchie des objets de navigateur est occupé par l'objet window, qui représente la fenêtre du navigateur. Vous avez déja fait appel à certaines méthodes et propriétés de cet objet:

La propriété window.status, qui vous apermis de modifier l'affichage de la ligne d'état
Les méthodes window.alert, window.confirm et window.prompt, qui permettent d'afficher des boîtes de dialogue.
et celles du ou des minuteries. Soit setTimeout() et clearTimeout().

Plusieurs objets window peuvent exister simultanément, chacun de ces objets représentant une fenêtre de navigateur ouverte. Les framesou cadres, sont également représentés par des objets window.

[ TOP ]

Manipulation des documents web

     L'objet document représente un document ( ou page ) Web. Les documents Web sont affichés dans la fenêtre du navigateur: il n'est donc pas surprenant que les objets document soient des objets filles des objets window.

     Dans la mesure où l'objet window représente toujours la fenêtre en cours (celle qui contient le script), vous pouvez utiliser window.document pour vous référer au document en cours. Vous pouvez également vous référer uniquement à document: vous désignez ainsi automatiquement le document de la fenêtre en cours.

     Si plusieurs fenêtres ou cadres sont ouverts, il existera plusieurs objets window, et un objet document pour chacun d'eux. Pour utiliser un tel objet document, on utilise le nom de la fenêtre suivi du nom du document.

Information sur le document

     Différentes propriétés d'un objet document comprennent des informations générales sur le document courant :

La propriété url indique l'URL du document, sous la forme d'une chaîne de texte. Vous ne pouvez modifier cette propriété. Si vous souhaitez envoyer votre visiteur sur une autre page, utiliser l'objet window.location .
La propriété title représente le titre de page, tel qu'il est défini par les balise HTML title
La propriété referrer est l'URL de la page affiché dans le navigateur avant la page actuelle; il s'agit généralement d'une page avec un lien vers la page en cours.
la propriété lastModified est la date de dernière modification de la page. Cette information est envoyée par le serveur en même temps que la page.

Voici un exemple de code qui écrirait la date de la dernière modification de la page en cour. <html> <head> <title>Dernière modification</title> </head> <BODY><bR> Voici le résultat de ce code<BR><bR> la dernière modification du document : <b> <script language="JavaScript" >  </script></b> </body> </html> Voici le résultat de ce code :

la dernière modification du document :

Affichage du texte dans le document

Les métthodes les plus simples de l'objet document sont celles auxquelles vous aurez le plus fréquemment recours. Ici document.write permet d'afficher directement du texte dans le document HTML.

Effacer et réécrire le contenu d'un document

L'objet documentcomprend les méthodes openetclose. Contrairement aux méthodes du même objet window, ces méthodes n'ouvrent, ni ne ferme de nouvelles fenêtres. La méthode open ouvre un flux, ce qui efface le contenue du document et permet d'en créer un nouveau à l'aide des méthodes write ou writeln.

Lorsque vous utilisez la méthode document.open le document en cour est effacé. Toutes les données affichées disparaissent et vous créer un nouveau contenu.

Les nouvelles données créées à la suite de document.open ne sont affichées qu'une fois le flux refermé à l'Aide de document.close. Vous pouvez ainsi vous assurez que les blocs de commandes write s'exécutent simultanément.

Important : Si vous utilisez la méthode document.open dans la fenêtre courant, votre script qui fait partie du document courant sera effacé et cessera par conséquent de s'exécuter. De ce fait, mieux vaut utiliser les méthodes open et close avec des fenêtre ou des cadres séparés.

[ TOP ]

Liens et ancres

L'objet link est un autre objet fille de document. Un document peut comprendre plusieurs objet link, chacun d'eux contenant les informations quant à l'URL correspodant. Balise HTML Ancre : <a name="Accueil"> lien : <A HREF="#Accueil">.

Vous accedez à des objets LINK à l'aide du tableau links[]

Vous pouvez savoir le nombre de lien de la page avec Propriété document.link.length
Vous pouvez vous référer à ces propriété en indiquant le numéro de lien et le nom de la propriété.
lien=links[0].herf;
La propriété document.anchors.length indique le nombre d'élément du tableau anchors[]

[ TOP ]

L'Historique du navigateur

L'objet history est une propriété fille de l'objet window Il contient des informations sur les URL, qui ont été visité avant et après la page courante, ainsi que des méthodes pour y accéder.

Elle Dispose de 4 propriétés

history.length qui indique la longueur de l'historique.
hisroty.current qui contient la valeur courant de l'hisotrique autrement dit l'URL de la page que l'utilisateur est en train de visualiser.
history.next est identique que d'appuyer sur le bouton suivant de la fenêtre d'exploitation internet.
history.previousest identique que d'appuyer sur le bouton précédent de la fenêtre d'exploitation

Les éléments de l'objet history peuvent également être manipulés à la manière d'un tableau. Chaque élément du tableau correspond alors à l'un des éléments de l'historique history[0] étant l'élément sourant. Enfin last but not least, l'objet history dispose de trois méthodes :

history.go qui ouvre une URL de l'historique. Pour l'utiliser indiquez un nombre positif ou négatif entre parenthèse, par exemple history.go(-2) équivaut à cliquer deux fois sur le bouton Précédent.
history.back, qui affiche la page précédente. elle équivaut à cliquer une fois sur le bouton Précédent.
history.forward, qui affiche la page suivante, si elle existe.

[ TOP ]

L'objet Location

L'objet location est lui aussi fille de l'objet window. Il stocke des informations concernant l'URL de la page affichée dans la fenêtre et permet de charger de nouvelles pages. Ainsi pour charger une URL dans la page courante, on utilisera une instruction du type :
window.location.href="http://www.Programmation.com";

La propriété utilisé ici contient l'URL entière de la fenêtre en cours. Il est également possible d'accéder à des parties de l'URL à l'aide de différentes propriétés de l'objet location. Ainsi location.protocol se réfère à la partie " protocol " de l'URL ( en général http:)

Les deux méthodes de l'objet location

location.reload qui permet de recharger le document courant et qui équivaut à un clic sur le bouton recharger.
location.replace qui remplace la page courante par une nouvelle page. Cette méthode est similaire à l'emploi de location.href pour afficher une nouvelle page à la différence prês qu'avec location.replace, l'historique du navigateur n'est pas modifié. Autrement dit, l'utilisateur ne pourra revenir à la page précédemment affichée à l'aide du bouton Précédent.

[ TOP ]