<ILAYER> | NN |4| IE s.o. HTML s.o. | |||||||||||||||||||||||||||||||
<ILAYER>...</ILAYER> | Balise de fin HTML : obligatoire | |||||||||||||||||||||||||||||||
L'élément ilayer est la version « interne au document » de l'élément layer spécifique à Netscape Navigator 4. Par de nombreux aspects, l'élément ilayer fonctionne comme l'élément iframe dans Internet Explorer, mais il est automatiquement considéré comme positionnable dans le modèle d'objet de Navigator 4 (comme un élément de niveau bloc dont l'attribut position: CSS serait paramétré comme « relative »). C'est pourquoi un grand nombre d'attributs sont identiques à ceux de l'élément layer et sont nommés en fonction de la méthode propre à Navigator 4 pour le positionnement, le dimensionnement et l'empilement des éléments positionnables. Le contenu d'un élément ilayer peut être lu dans un fichier séparé (à l'aide de l'attribut src) ou saisi directement dans le document, en plaçant le texte entre les balises de début et de fin. Ces deux types de contenu peuvent être insérés dans un même élément ilayer. Le contenu provenant d'un document externe et téléchargé à l'aide de l'attribut src est d'abord affiché (en tant qu'élément de niveau bloc propre), et le contenu supplémentaire commence ensuite sur sa propre ligne, sous le rectangle qui délimite le contenu externe. |
||||||||||||||||||||||||||||||||
Exemple | ||||||||||||||||||||||||||||||||
<ILAYER id="thingy1" src="quotes.html" width="150" height="90"></ILAYER> |
||||||||||||||||||||||||||||||||
Référence de modèle d'objet | ||||||||||||||||||||||||||||||||
[window.]document.layerName
|
||||||||||||||||||||||||||||||||
Attributs spécifiques à l'élément | ||||||||||||||||||||||||||||||||
|
||||||||||||||||||||||||||||||||
Attributs du gestionnaire d´événements spécifiques à l´élément | ||||||||||||||||||||||||||||||||
|
above | NN |4| IE s.o. HTML s.o. |
above="layerID" | Facultatif |
Nomme l'élément positionnable qui doit se trouver au-dessus (c'est-à -dire devant) l'élément ilayer actuel dans l'ordre d'empilage. Cette opération revient à définir l'attribut z-index de façon relative, sans utiliser de numérotation arbitraire des calques. Si vous utilisez l'attribut above, n'utilisez pas conjointement l'attribut below ou z-index pour le même élément ilayer. |
|
Exemple | |
<ILAYER id="thingy4" src="quotes.html" above="thingy3"></ILAYER> |
|
Valeur | |
Identifiant sensible à la casse. |
|
Par défaut | |
Aucune. |
|
Référence de modèle d'objet | |
[window.]document.layerName.above
|
background | NN |4| IE s.o. HTML s.o. |
background="URL" | Facultatif |
Indique l'adresse URL d'un fichier image qui sera affiché en arrière-plan du texte et autre contenu de l'élément ilayer. À la différence des images normales, qui sont chargées par le navigateur en tant que contenu, les images d'arrière-plan sont chargées à leur taille originale (sans redimensionnement) et affichées côte à côte pour remplir l'espace disponible dans le calque. Les images de petite taille sont chargées plus rapidement, mais elles sont évidemment répétées un plus grand nombre de fois pour former la mosaïque d'arrière-plan. Les images GIF animées peuvent être utilisées en arrière-plan, mais elles entravent la lecture. Lors du choix d'une image d'arrière-plan, veillez à en prendre une qui soit neutre par rapport au contenu principal, afin que celui-ci ressorte lisiblement. Si elles doivent vraiment être utilisées, les images d'arrière-plan doivent rester extrêmement discrètes. |
|
Exemple | |
<ILAYER id="thingy4" src="quotes.html" background="blueCrinkle.jpg"></ILAYER> |
|
Valeur | |
Toute adresse URL valide (complète ou relative) d'un fichier image. |
|
Par défaut | |
Aucune. |
|
Référence de modèle d'objet | |
[window.]document.layerName.background
|
below | NN |4| IE s.o. HTML s.o. |
below="layerID" | Facultatif |
Nomme l'élément positionnable qui doit se trouver en dessous (c'est-à -dire derrière) l'élément ilayer actuel dans l'ordre d'empilage. Cette opération revient à définir l'attribut z-index de façon relative, sans utiliser de numérotation arbitraire des calques. Si vous utilisez l'attribut below, n'utilisez pas conjointement l'attribut above ou z-index pour le même élément ilayer. |
|
Exemple | |
<ILAYER id="thingy4" src="quotes.html" below="thingy5"></ILAYER> |
|
Valeur | |
Identifiant sensible à la casse. |
|
Par défaut | |
Aucune. |
|
Référence de modèle d'objet | |
[window.]document.layerName.below
|
bgcolor | NN |4| IE s.o. HTML s.o. |
bgcolor="colorTripletOrName" | Facultatif |
Définit une couleur de remplissage (derrière le texte et autre contenu) pour l'ensemble du rectangle de ce calque. L'utilisation combinée de bgcolor et de background permet de laisser apparaître la couleur d'arrière-plan dans les éventuelles zones transparentes de l'image d'arrière-plan. |
|
Exemple | |
<ILAYER src="quotes.html" bgcolor="tan"></ILAYER> |
|
Valeur | |
Triplet de couleurs en hexadécimal ou l'un des noms de couleurs en anglais. Si la valeur de cet attribut n'est pas indiquée, elle sera interprétée comme "#000000" (noir). Reportez-vous à l'annexe A pour connaître les noms de couleurs admises/autorisées. |
|
Par défaut | |
Varie selon le système d'exploitation. |
|
Référence de modèle d'objet | |
[window.]document.layerName.bgColor
|
clip | NN |4| IE s.o. HTML s.o. |
clip="[leftPixel, topPixel,] rightPixel, bottomPixel" | Facultatif |
Une zone de « clipping » est une découpe rectangulaire à l'intérieur de l'élément ilayer complet. Seul le contenu qui se trouve à l'intérieur de ce rectangle de découpe apparaît sur la page. La valeur par défaut de l'attribut clip est déterminée par l'espace nécessaire pour afficher le contenu lorsqu'il "remplit" naturellement l'élément. L'utilisation de l'attribut clip permet de restreindre tout contenu long qui risquerait de déborder d'un rectangle dont les dimensions sont fixes pour des raisons de mise en page. |
|
Exemple | |
<ILAYER src="quotes.html" clip="50,50"></ILAYER> |
|
Valeur | |
Les valeurs de l'attribut clip sont exprimées en pixels, mesurés à partir du coin supérieur gauche de l'élément dans le flux du document. Les valeurs sont indiquées dans le sens des aiguilles d'une montre à partir du côté gauche: gauche, haut, droite, bas. Si vous n'indiquez que deux valeurs, Navigator suppose que les valeurs pour les côtés gauche et supérieur sont de zéro, et que vous ne désirez ajuster que les côtés droit et inférieur. Ainsi, des valeurs de "50,50" signifient que la zone de découpe est un carré de 50 pixels qui débute dans le coin supérieur gauche du rectangle défini par le calque. Pour obtenir une découpe de la même taille mais débutant 10 pixels plus à gauche, les paramètres de l'attribut clip devront être "10,0,60,50". |
|
Par défaut | |
Zone d'affichage normale du contenu de l'élément ilayer. |
|
Référence de modèle d'objet | |
[window.]document.layerName.clip.left [window.]document.layerName.clip.top [window.]document.layerName.clip.right [window.]document.layerName.clip.bottom |
height, width | NN |4 | IE s.o. HTML s/o/ |
height="length" width="length" | Facultatif |
Définit la taille minimale du calque dans le document. Toutefois, lorsqu'un contenu est ajouté dans le calque, les paramètres de ces attributs ne limitent pas la quantité de ce contenu qui est visible le long des deux axes. Par exemple, si vous affichez dans un élément ilayer une image de 120 pixels de large sur 90 pixels de haut, la taille visible de l'élément ilayer dont les attributs height et width ont été définis pour une taille inférieure sera agrandie pour permettre l'affichage de la totalité de l'image. Le même phénomène se produit avec du texte ou tout autre contenu: la zone visible est agrandie pour autoriser l'affichage de tout le contenu. Pour diminuer la partie visible du contenu, il faut donc définir l'attribut clip. Il est utile de paramétrer les attributs height et width avec des valeurs spécifiques pour créer un rectangle coloré ou contenant un motif (à l'aide des attributs bgcolor ou background) qui fera fonction de calque d'arrière-plan, derrière un contenu positionné. Si le contenu du calque ne repousse pas les côtés de l'élément ilayer, les attributs height et width adaptent la zone de découpe à leur propre taille. |
|
Exemple | |
<ILAYER bgcolor="yellow" height="100" width="100"></ILAYER> |
|
Valeur | |
Entier positif (éventuellement entre guillemets) ou pourcentage (entre guillemets). Ces deux valeurs peuvent être paramétrées à zéro non seulement pour masquer l'élément (ce qu'il est plus simple de faire avec l'attribut visibility), mais aussi pour empêcher l'élément d'occuper une zone précise de la page. |
|
Par défaut | |
Zone d'affichage normale du contenu de l'élément ilayer. |
|
Référence de modèle d'objet | |
[window.]document.layerName.height [window.]document.layerName.width |
title | NN 6 IE 3 HTML 3.2 |
title="advisoryText" | Facultatif |
Description de l'élément. Pour les éléments HTML qui produisent du contenu visible sur la page, IE 4 et versions ultérieures ainsi que Netscape 6 affichent le contenu de l'attribut title sous forme d'info-bulle lorsque le curseur reste un moment sur l'élément concerné. Par exemple, l'élément de colonne col n'affiche pas le contenu, donc son attribut title fournit simplement des informations. Pour générer des info-bulles dans les tableaux, affectez des attributs title aux éléments tels que table, tr, th ou td. Les propriétés de police et de couleur sont régies par le navigateur et ne peuvent pas être modifiées par script. Dans IE pour Windows, l'info-bulle est le petit rectangle jaune clair standard; dans IE pour Macintosh, l'info-bulle s'affiche comme une bulle de BD, à la manière du système d'aide de MacOS. Dans Netscape 6, les info-bulles s'affichent toujours sous la forme du même petit rectangle quelle que soit la version du système d'exploitation. Si aucun attribut n'est spécifié, l'info-bulle ne s'affiche pas. Vous pouvez affecter à cet attribut le texte descriptif de votre choix. Etant donné que tout le monde ne le verra pas, n'y placez pas d'informations essentielles. Peut-être les navigateurs conçus pour satisfaire les critères d'accessibilité Web utiliseront-ils les informations de cet attribut pour lire les informations au sujet d'un lien ou d'éléments autres que du texte à des utilisateurs malvoyants. Donc, ne négligez pas cette aide potentiellement utile pour décrire l'objectif d'un élément sur une page. Bien que les indications de compatibilité pour cet attribut le fassent remonter à l'époque de Microsoft Internet Explorer 3 et HTML 3.2, il est nouvellement affecté à de nombreux éléments à partir de Microsoft Internet Explorer 4 et de HTML 4.0. |
|
Exemple | |
<span title="United States of America">U.S.A.</span> |
|
Valeur | |
Toute chaîne de caractères. Cette chaîne doit figurer entre guillemets (simples ou doubles, mais identiques). |
|
Par défaut | |
Aucune. |
|
Référence de modèle d'objet | |
[window.]document.getElementById(elementID).title
|
id | NN |4| IE s.o. HTML s.o. |
id="IDélément" | Facultatif |
Identifiant unique qui distingue cet élément de tous les autres au sein du document. Cet identifiant est utilisé comme valeur pour les attributs above et below. Les scripts utilisent également la valeur de l'attribut id comme nom de l'élément ilayer pour le référencement des objets. |
|
Exemple | |
<ILAYER id="oldYeller" bgcolor="yellow" height="100" width="100"></ILAYER> |
|
Valeur | |
Identifiant sensible à la casse. |
|
Par défaut | |
Aucune. |
|
Référence de modèle d'objet | |
[window.]document.layerName.name
|
left, top | NN |4| IE s.o. HTML s.o. |
left="pixelCount" top="pixelCount" | Facultatif |
Définit le décalage des bords gauche et supérieur du calque par rapport aux coordonnées auxquelles cet élément ilayer apparaîtrait normalement dans le document. L'emplacement précis au sein de la page varie, car l'élément ilayer est un calque interne, ce qui signifie qu'il peut débuter n'importe où selon le flux normal du contenu HTML. Lorsque l'un de ces attributs est paramétré, Navigator 4 réserve l'espace dans lequel l'élément ilayer doit apparaître au sein du document, au lieu de déplacer le contenu environnant pour remplir l'espace laissé vacant par l'élément lorsque celui-ci s'est positionné. Il est donc probable que vous n'aurez besoin de définir ces attributs pour un élément ilayer que pour tenter d'obtenir une présentation adaptée à un contenu très spécifique (par exemple pour un élément ilayer à l'intérieur d'une mosaïque d'images). |
|
Exemple | |
<ILAYER bgcolor="yellow" left="10" top="50"></ILAYER> |
|
Valeur | |
Entier positif (éventuellement entre guillemets). |
|
Par défaut | |
0 |
|
Référence de modèle d'objet | |
[window.]document.layerName.left [window.]document.layerName.top |
name | NN |4| IE s.o. HTML s.o. |
name="elementIdentifier" | Facultatif |
Identifiant unique qui distingue cet élément de tous les autres au sein du document. Cet identifiant est utilisé comme valeur pour les attributs above et below. L'attribut name peut être substitué à l'attribut id pour le référencement des objets. |
|
Exemple | |
<ILAYER name="oldYeller" bgcolor="yellow" height="100" width="100"></ILAYER> |
|
Valeur | |
Identifiant sensible à la casse. |
|
Par défaut | |
Aucune. |
|
Référence de modèle d'objet | |
[window.]document.layerName.name
|
src | NN |4| IE s.o. HTML s.o. |
src="URL" | Facultatif |
Pour charger le contenu d'un fichier HTML externe dans un élément ilayer, il est nécessaire d'affecter l'adresse URL de ce fichier à l'attribut src. Un éventuel contenu HTML situé entre les balises de début et de fin de l'élément ilayer sera restitué sur la page après le contenu chargé depuis un fichier externe à l'aide de l'attribut src. Si l'attribut src est omis, seul le contenu situé entre les balises sera affiché. Les scripts peuvent modifier la propriété (src) correspondante après le chargement du document, ce qui permet de modifier de façon dynamique le contenu de l'élément ilayer sans recharger tout le document. |
|
Exemple | |
<ILAYER src="quotes.html"></ILAYER> |
|
Valeur | |
Une adresse URL complète ou relative. |
|
Par défaut | |
Aucune. |
|
Référence de modèle d'objet | |
[window.]document.layerName.src
|
top | |
Voir left. |
visibility | NN |4| IE s.o. HTML s.o. |
visibility="visibilityConstant" | Facultatif |
Détermine si Navigator 4 doit afficher l'élément ilayer. Par défaut, un calque hérite du paramétrage de l'attribut visibility de son élément conteneur direct. Cela signifie qu'un élément ilayer inséré au premier niveau du document (dont l'élément conteneur est BODY), est toujours visible par défaut, puisque le contenu de base est toujours visible. Pour cacher un calque lors de l'affichage de la page, paramétrez l'attribut visibility avec la valeur "hidden". Il n'est nécessaire d'utiliser la valeur "show" que si l'élément ilayer est imbriqué dans un autre élément layer dont l'attribut visibility est "hidden", par paramétrage ou par héritage. Quel que soit le paramétrage de son attribut visibility, un élément ilayer occupe toujours l'espace qui lui est dévolu au sein du document. Cela permet de modifier la visibilité à la volée dans Navigator 4 (à l'aide d'un script) sans recharger le document. (Navigator 4 ne réaffiche pas automatiquement le contenu modifié.) |
|
Exemple | |
<ILAYER src="quotes.html" visibility="hidden"></ILAYER> |
|
Valeur | |
L'une des trois constantes admises: hidden | inherit | visible. |
|
Par défaut | |
inherit |
|
Référence de modèle d'objet | |
[window.]document.layerName.visibility
|
width | |
Voir height. |
z-index | NN |4| IE s.o. HTML s.o. |
z-index="layerNumber" | Facultatif |
Contrôle le positionnement des calques le long de l'axe Z (d'avant en arrière) du document, par rapport au conteneur de calque père suivant. Lorsque deux éléments positionnables ou plus du même conteneur (par exemple, le contenu du niveau de base du document) possèdent une valeur z-index identique, l'ordre de chargement des éléments du code source HTML contrôle l'ordre d'empilage (les éléments les plus anciens sont placés devant les plus récents). Par défaut, la valeur z-index est égale à zéro pour les éléments positionnables. Par conséquent, si vous voulez placer un seul élément positionnable devant tous les autres (respectant leur ordre d'empilage par défaut), il vous suffit d'affecter une valeur positive (même 1) à cet élément spécifique. Vous pouvez modifier à la volée l'ordre d'empilage des éléments positionnables, au moyen des scripts. Reportez-vous également aux attributs above et below. |
|
Exemple | |
<ILAYER src="quotes.html" z-index="1"></ILAYER> |
|
Valeur | |
Tout nombre entier. |
|
Par défaut | |
0 |
|
Référence de modèle d'objet | |
[window.]document.layerName.zIndex |