<LAYER> | NN |4| IE s.o. HTML s.o. | |||||||||||||||||||||||||||||||
<LAYER>...</LAYER> | Balise de fin HTML : obligatoire | |||||||||||||||||||||||||||||||
Un élément layer est un élément positionnable dans le modèle d'objet de Navigator 4 (c'est-à -dire un élément de niveau bloc dont l'attribut CSS position est réglé sur absolute). C'est pourquoi un grand nombre d'attributs sont nommés en fonction de la méthode propre à Navigator 4 pour le positionnement, le dimensionnement et l'empilement des éléments positionnables. Cet élément a été supprimé du DOM Netscape version 6 et il ne sera pas implémenté dans les nouveaux navigateurs ou les normes W3C. Le contenu d'un élément layer 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 layer. 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. Un élément layer peut être physiquement positionné n'importe où au sein du document et peut recouvrir le contenu d'autres calques (y compris le contenu du niveau de base du document). Le contenu d'un calque peut être modifié à l'aide d'un lien ou par script, sans qu'il soit nécessaire de recharger le reste du contenu de la page. En outre, plusieurs éléments layer peuvent être imbriqués l'un dans l'autre. |
||||||||||||||||||||||||||||||||
Exemple | ||||||||||||||||||||||||||||||||
<LAYER bgcolor="yellow" src="instrux.html" width="200" height="300"></LAYER> |
||||||||||||||||||||||||||||||||
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 layer 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 layer. |
|
Exemple | |
<LAYER id="instrux" bgcolor="yellow" src="instrux.html" above="help1" width="200" height="300"> </LAYER> |
|
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 layer. À 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 | |
<LAYER background="blueCrinkle.jpg" src="instrux.html" width="200" height="300"> </LAYER> |
|
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 layer 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 layer. |
|
Exemple | |
<LAYER bgcolor="yellow" src="instrux.html" width="200" height="300" below="thankyou"> </LAYER> |
|
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 | |
<LAYER bgcolor="yellow" src="instrux.html" width="200" height="300"></LAYER> |
|
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 layer 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 soit la taille par défaut du contenu, soit la largeur de l'élément layer et la hauteur du contenu tel qu'il s'affiche automatiquement. 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 | |
<LAYER bgcolor="yellow" src="instrux.html" clip="50,50" width="200" height="300"> </LAYER> |
|
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 4 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 layer. |
|
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 de l'élément layer. Toutefois, lorsqu'un contenu est ajouté dans le calque lors du chargement initial, 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 layer une image de 120 pixels de large sur 90 pixels de haut, la taille visible de l'élément layer 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 layer, les attributs height et width adaptent la zone de découpe à leur propre taille. |
|
Exemple | |
<LAYER bgcolor="yellow" src="instrux.html" width="200" height="300"></LAYER> |
|
Valeur | |
Entier positif ou pourcentage. 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 layer. |
|
Référence de modèle d'objet | |
[window.]document.layerName.height [window.]document.layerName.width |
lang | NN 3 IE 4 HTML 4 |
lang="languageCode" | Facultatif |
La langue utilisée pour le contenu et les valeurs d'attributs de l'élément. Un navigateur peut se servir de ces informations pour aider à l'affichage correct du contenu aussi bien que de détails comme le traitement des ligatures (lorsqu'elles sont prises en charge par une police particulière ou requises par une langue écrite), des guillemets et des traits d'union. D'autres applications et moteurs de recherche peuvent se servir de ces informations pour faciliter la sélection des dictionnaires utilisés pour la vérification orthographique et aider la création d'index. |
|
Exemple | |
<span lang="de">Deutsche Bundesbahn</span> |
|
Valeur | |
Code de langue insensible à la casse. |
|
Par défaut | |
Valeur par défaut du navigateur. |
|
Référence de modèle d'objet | |
[window.]document.getElementById(elementID).lang
|
id | NN |4| IE s.o. HTML s.o. |
id="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. Les scripts utilisent également la valeur de l'attribut id comme nom de l'élément layer pour le référencement des objets. |
|
Exemple | |
<LAYER id="oldYeller" bgcolor="yellow" src="instrux.html" width="200" height="300"> </LAYER> |
|
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 layer apparaîtrait normalement suivant le code source du document. L'emplacement précis est relatif à la page et varie, sauf si vous avez également défini les attributs pagex et pagey, qui servent à positionner l'élément de façon absolue au sein de l'espace occupé par le document. À la différence de ce qui se produit pour l'élément ilayer, Navigator ne préserve pas dans le document l'espace dans lequel doit apparaître l'élément layer. L'élément est placé dans son propre plan, et le contenu qui l'environne dans le code source est décalé, couvrant ainsi fréquemment le contenu de l'élément layer, sauf si celui-ci est positionné à un autre emplacement. |
|
Exemple | |
<LAYER bgcolor="yellow" src="instrux.html" width="200" height="300" left="10" top="50"> </LAYER> |
|
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 |
pagex, pagey | NN |4| IE s.o. HTML s.o. |
pagex="pixelCount" pagey="pixelCount" | Facultatif |
Pour positionner un élément layer avec une précision véritablement reproductible, vous pouvez utiliser le coin supérieur gauche du document (de la page) comme point de référence. Lorsque les attributs pagex et pagey sont définis, ils indiquent le décalage des côtés gauche et supérieur de l'élément layer par rapport aux côtés correspondants du document entier. Le point zéro d'une page que l'utilisateur a fait défiler verticalement peut donc se trouver au-dessus de la partie visible de la fenêtre du navigateur. |
|
Exemple | |
<LAYER bgcolor="yellow" src="instrux.html" width="200" height="300" pagex="50" pagey="350"> </LAYER> |
|
Valeur | |
Entier positif (éventuellement entre guillemets). |
|
Par défaut | |
0 |
|
Référence de modèle d'objet | |
[window.]document.layerName.pageX [window.]document.layerName.pageY |
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 layer, 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 layer 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 layer sans recharger tout le document. |
|
Exemple | |
<LAYER bgcolor="yellow" src="instrux.html" width="200" height="300"></LAYER> |
|
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 layer. 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 layer 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 layer est imbriqué dans un autre élément layer (ou ilayer) dont l'attribut visibility est "hidden", par paramétrage ou par héritage. |
|
Exemple | |
<LAYER bgcolor="yellow" src="instrux.html" width="200" height="300" pagex="50" pagey="350" visibility="hidden"> </LAYER> |
|
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 la 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'attribuer 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 | |
<LAYER bgcolor="yellow" src="instrux.html" width="200" height="300" z-index="1"> </LAYER> |
|
Valeur | |
Tout nombre entier. |
|
Par défaut | |
0 |
|
Référence de modèle d'objet | |
[window.]document.layerName.zIndex
|