<< Retour au sommaire

 

 

La méthode location

 

 

 

Le sommaire :

  1. Présentation.
  2. Un exemple.

 

 

Présentation

 

La méthode location permet d’exécuter l’ouverture d’une page.

 

Voici sa syntaxe :

 

location = "URL"

 

La description :

 

« location » est le nom de la méthode et suivie du signe « = » « égal ».

 

« URL » est l’adresse URL de la page à ouvrir, par exemple, pour ouvrir la page « index.html » :

 

location = "index.html"

 

Lorsque aucun chemin n’est spécifié, on dit qu’il s’agit d’une « adresse relative ».

Cependant, lorsque vous spécifiez l’intégralité du chemin de la page, il s’agit d’une « adresse absolue ».

 

Par exemple :

location = «http://jaws.unadev.com/voir-en-ligne/index.html»

 

Alors, en adresse relative, pour que :

location = "index.html" fonctionne,

-         Il faut que la page « index.html » soit dans le même dossier que la page contenant le lien…

 

Une chose est sûre, c’est que si vous souhaitez ouvrir une page se trouvant sur un autre site, vous êtes obligés d’utiliser une adresse absolue !

 

Par contre, dans le cas d’une circulation de page en page à l’intérieur d’un même site, vous pouvez jongler avec les adresses relatives…

 

Pour exécuter une page se trouvant dans le même dossier que la page contenant le lien « location », il suffit de préciser uniquement le nom de la page.

 

Pour descendre dans l’arborescence du site, vous devez spécifier le nom des dossiers séparés par un « Slash ».

Par exemple, si le dossier de destination contenant la page « accueil.html » est le sous dossier « visite » du dossier « affichage » :

location = "affichage/visite/accueil.html"

 

Pour remonter d’un niveau dans l’arborescence, vous devez saisir un groupe de 3 signes, ../ « point point Slash ».

Ce groupe doit être répété pour autant de fois qu’il y a de dossiers à remonter dans l’arborescence.

En reprenant l’exemple précédant, pour qu’un lien dans la page « accueil.html » remonte à la page « index.html » qui l’avait lancée :

 

location ="../../index.html"

 

Le premier groupe « point point Slash » remonte dans le dossier « affichage », et le second remonte dans le dossier source.

 

Et si vous devez remonter l’arborescence pour descendre dans une autre branche, pas de problème…

 

location = "../Dossier/cible.html"

 

Tout ça c’est un peu tordu mais pourtant très logique !

 

 


Un exemple

 

Voici un exemple parlant…

 

Nous avons le dossier principal, il s’intitule « identification ».

Nous avons un premier sous dossier, il s’intitule « oui ».

Nous avons un deuxième sous dossier, il s’intitule « non ».

 

Dans le dossier « identification », une page intitulée « index.html ».

Cette page demande à l’utilisateur de s’identifier.

  1. Si l’utilisateur saisit « toto », la page « message.html » du sous dossier « oui » est ouverte.
  2. Si l’utilisateur saisit autre chose que « toto », la page « message.html » du sous dossier « non » est ouverte.

 

Puis, les deux pages cibles situées dans les deux sous dossiers, après avoir rigolées un bon coup, affiche un lien pour revenir à la page « index.html ».

 

Toutes les adresses URL utilisées sont relatives !

 

Afficher l’exemple >>

 

Télécharger l’exemple >>

 

Maintenant voici le code des 3 pages…

 


La page index.html :

 

<script type="text/VBscript">

utilisateur = InputBox ("Saisissez votre nom : ","Identification")

If utilisateur = "toto" then

 location = "oui/message.html"

else

 location = "non/message.html"

end if

</script>

 


La page « message.html » du sous dossier « oui » :

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >

<head>

<title>Hello</title>

<bgsound src="son.wav" />

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<body>

<h1>Identification</h1>

<p> Salut Toto !</p>

<p> Sacré Toto, tu nous fais rire !</p>

<p>

ha ha ha ha ha ha ha ha ha</p>

<p>Merci de ta visite...</p>

<p>

<a href="../index.html">

Recommencer

</a></p>

</body>

</html>

 

La page « message.html » du sous dossier « non » :

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >

<head>

<title>Erreur</title>

<bgsound src="son.mp3" />

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<body>

<échec d'identification</h1>

<p>

Désolé mon ami !<br />

La prochaine fois tu t'appellera "toto"...</p>

<p>Bien fait !</p>

<p>

<a href="../index.html">

Recommencer

</a></p>

</body>

</html>

 

Philippe BOULANGER