SELFHTML

links

Page d'information: vue d'ensemble

vers le bas links: généralités pour l'utilisation
vers le bas Accès aux cibles de liens
vers le bas Propriétés de liens:location

Propriétés:

vers le bas name (nom du lien)
vers le bas length (nombre de liens)
vers le bas target (fenêtre cible du lien)
vers le bas text (texte du lien)
vers le bas x (position horizontale du lien)
vers le bas y (position verticale du lien)

 vers le bas 

links: généralités pour l'utilisation

Avec l'objet links, qui se trouve dans la hiérarchie objet JavaScript sous l'objet Autre page d'information document, vous avez accès aux liens définis dans un fichier HTML. .

En JavaScript 1.0 il est somme toute possible de lire le nombre de liens dans un fichier. Depuis JavaScript 1.2 d'autres propriétés sont pourtant disponibles.

 vers le hautvers le bas 

JavaScript 1.1Netscape 3.0MS IE 4.0 Accès aux cibles de liens

Vous pouvez avec JavaScript rechercher des cibles de liens en HTML.

Exemple:

Démonstration - nouvelle fenêtre Exemple d'affichage: aperçu

<html><head><title>Test</title>
</head><body>
<a href="http://www.yahoo.fr/">Yahoo</a><br>
<a href="http://www.google.fr/">Google</a><br>
<a href="http://www.excite.fr/">Excite</a><br>
<script type="text/javascript">
<!--
for(var i=0; i < document.links.length; ++i)
 document.write("<br>" + document.links[i]);
//-->
</script>
</body></html>

Explication:

Dans l'exemple sont notés quelques liens. Au dessous figure un script JavaScript qui, à l'aide de Autre page d'information document.write() dans une boucle for, écrit pour chaque lien la cible correspondante dans le fichier. Il s'agit de la valeur notée pour les liens derrière l'attribut href=.

L'accès aux liens se fait avec des numéros d'index. Pour cela, mentionnez document.links suivi, entre crochets, du numéro d'ordre dans le fichier du lien que vous désirez. Pensez que le compteur commence à 0, c'est à dire qu'il vous faut adresser le premier lien avec links[0] le deuxième avec links[1] etc. Pour compter prévaut l'ordre dans lequel les liens sont notés dans le fichier. Pour compter, même les liens dans les graphiques composés de liens (repère <area>) sont à prendre en considération.

 vers le hautvers le bas 

JavaScript 1.1Netscape 3.0MS IE 4.0 Propriétés location de liens

Outre les propriétés spécifiques aux liens, l'objet link connaît également toutes les propriétés de l'objet Autre page d'information location.

Exemple:

Démonstration - nouvelle fenêtre Exemple d'affichage: aperçu

<html><head><title>Test</title>
</head><body>
<a target="_top" href="http://www.selfhtml.com.fr/">Selfhtml</a><br>
<script type="text/javascript">
<!--
document.links[0].port="8081";
//-->
</script>
</body></html>

Explication:

Par l'objet Autre page d'information location, vous avez accès à l'URI complète du lien affiché. Vous pouvez interroger et modifier pour traitement l'URI ou certaines de ses parties. Notez pour cela l'objet link, donc par exemple document.link[0], suivi d'un point et enfin de la propriété désirée de l'objet location.
Dans l'exemple est défini un lien. Avec document.links[0].port= la propriété Autre page d'information port est modifiée.

Attention:

Dans Netscape 6.1 et dans Opera 5.12 vous ne pouvez que lire sans cependant les modifier, les propriétés de l'objet location (à l'exception de la propriété Autre page d'information href).

 vers le hautvers le bas 

DOM 1.0Netscape 4.0MS IE 4.0lecture/écriture name

Sauvegarde le nom d'un lien. En utilisant l'attribut name= le lien est en même temps une partie constituante de l'objet Autre page d'information anchors.

Exemple:

Démonstration - nouvelle fenêtre Exemple d'affichage: aperçu

<html><head><title>Test</title>
</head><body>
<a name="catalogue" href="http://www.yahoo.fr/">Yahoo</a><br>
<a name="moteur_recherche
" href="http://www.google.fr/">Google</a><br>
<a name="redaction" href="http://www.selfhtml.com.fr/>">Selfhtml</a><br>
<script type="text/javascript">
<!--
 for(var i=0; i < document.links.length; ++i)
 document.write("<br>" + document.links[i].name);
//-->
</script>
</body></html>

Explication:

Avec document.links[0].name vous pouvez rechercher le nom d'un lien dans un fichier HTML. L'exemple contient d'abord du texte HTML avec différents liens et écrit à la fin les noms des liens dans le document avec Autre page d'information document.write().

Attention:

Actuellement, il n'est possible de modifier le nom d'un lien qu'avec Netscape 6.1.

 vers le hautvers le bas 

DOM 1.0JavaScript 1.0Netscape 2.0MS IE 3.0lecture length

Sauvegarde le nombre de liens définis dans un fichier HTML.

Exemple:

Démonstration - nouvelle fenêtre Exemple d'affichage: aperçu

<html><head><title>Test</title>
</head><body>
<a href="http://www.yahoo.fr/">Yahoo</a><br>
<a href="http://www.lycos.fr/">Lycos</a><br>
<map name="image_test">
<area shape="rect" coords="1,1,249,49" href="#Ziel_1" alt="">
<area shape="rect" coords="1,51,149,299" href="#Ziel_2" alt="">
</map>
<img src="hypgraf.gif" width="400" height="400" usemap="#image_test" alt="">
<script type="text/javascript">
<!--
document.write("<p>Le fichier a " + document.links.length + " liens<\/p>");
//-->
</script>
</body></html>

Explication:

Avec document.links.length , vous pouvez rechercher le nombre de liens dans un fichier HTML. L'exemple contient dans un premier temps du texte HTML avec divers liens et écrit à la fin avec Autre page d'information document.write() combien de liens ont été trouvés dans le fichier. Veillez cependant que sont pris en considération (depuis Netscape 3.0) même les liens dans les graphiques composés de liens, définis avec le repère <area>.

 vers le hautvers le bas 

DOM 1.0JavaScript 1.1Netscape 3.0MS IE 4.0lecture/écriture target

Sauvegarde la fenêtre cible d'un lien.

Exemple:

Démonstration - nouvelle fenêtre Exemple d'affichage: aperçu

<html><head><title>Test</title>
</head><body>
<a href="http://www.selfhtml.com.fr/" target="_top">Selfhtml</a><br>
<script type="text/javascript">
<!--
 document.links[0].target="_blank";
//-->
</script>
</body></html>

Explication:

Avec document.links[0].target vous pouvez rechercher la fenêtre cible d'un lien. L'exemple contient un lien qui ouvre sa cible dans la fenêtre supérieure. Dans le passage JavaScript qui suit est affectée à ce lien avec document.links[0].target="_blank" une autre fenêtre cible. Cela conduit à ce que la cible du lien est ouverte dans une nouvelle fenêtre.

Attention:

L'édition Macintosh de l'Explorer Internet MS n'interprète pas cet exemple.

 vers le hautvers le bas 

DOM 1.0JavaScript 1.2Netscape 4.0lecture text

Sauvegarde le texte d'un lien.

Exemple:

Démonstration - nouvelle fenêtre Exemple d'affichage: aperçu

<html><head><title>Test</title>
</head><body>
<a href="http://www.yahoo.fr/">Yahoo</a><br>
<a href="http://www.google.fr/">Google</a><br>
<a href="http://www.selfhtml.com.fr/">Selfhtml</a><br>
<script type="text/javascript">
<!--
for(var i=0; i < document.links.length; ++i)
 document.write("<br>" + document.links[i].text);
//-->
</script>
</body></html>

Explication:

Avec document.anchors[0].text vous pouvez rechercher le texte d'un lien placé entre <a> et </a>. L'exemple contient d'abord quelques liens. Au dessous se trouve un JavaScript qui écrit pour chacun des liens le texte du lien dans le fichier avec document.write() dans une boucle Autre page d'information for.

 vers le hautvers le bas 

JavaScript 1.2Netscape 4.0lecture x

Sauvegarde la position horizontale d'un lien mesurée à partir du bord de la fenêtre.

Exemple:

Démonstration - nouvelle fenêtre Exemple d'affichage: aperçu

<html><head><title>Test</title>
</head><body>
Voici un texte et ensuite un <a href="javascript:alert(document.links[0].x)">lien</a><br>
</body></html>

Explication:

Avec document.links[0].x vous pouvez rechercher la position horizontale d'un lien dans un fichier HTML. L'exemple contient un petit texte dans lequel un lien est défini. En cliquant sur ce lien, la position de ce lien à partir du bord gauche de la fenêtre est sortie avec Autre page d'information alert().

 vers le hautvers le bas 

JavaScript 1.2Netscape 4.0lecture y

Sauvegarde la position verticale d'un lien mesurée à partir du bord de la fenêtre.

Exemple:

Démonstration - nouvelle fenêtre Exemple d'affichage: aperçu

<html><head><title>Test</title>
</head><body>
Voici un texte et ensuite un <a href="javascript:alert(document.links[0].x)">lien</a><br>
</body></html>

Explication:

Avec document.links[0].y vous pouvez rechercher la position horizontale d'un lien dans un fichier HTML. L'exemple contient un petit texte dans lequel un lien est défini. En cliquant sur ce lien, la position de ce lien à partir du bord supérieur de la fenêtre est sortie avec Autre page d'information alert().

 vers le haut
page suivante Autre page d'information event
page précédente Autre page d'information layers
 

© 2001 Stefan Münz / © 2003 Traduction Adresse électronique Serge François, 13405@free.fr
Adresse électronique selfhtml@selfhtml.com.fr