| Propriété |
Description |
| above |
représente la couche au-dessus de la couche courante |
| background |
représente l'image d'arrière plan de la couche |
| bgColor |
représente la couleur d'arrière plan de la couche |
| below |
représente la couche en-dessous de la couche courante |
| clip.bottom |
représente le bord inférieur de la partie visible de la couche |
| clip.height |
représente la hauteur de la partie visible de la couche |
| clip.left |
représente le bord gauche de la partie visible de la couche |
| clip.right |
représente le bord droit de la partie visible de la couche |
| clip.top |
représente le bord supérieur de la partie visible de la couche |
| clip.width |
représente la largeur de la partie visible de la couche |
| document |
représente l'objet Document associé à la couche |
| left |
représente la position horizontale du bord gauche de la couche, en pixels, par rapport à sa couche parente |
| name |
indique le nom de la couche (ID) |
| pageX |
représente la position horizontale de la couche, en pixels, par rapport à la page |
| pageY |
représente la position verticale de la couche, en pixels, par rapport à la page |
| parentLayer |
représente un objet Layer qui contient cette couche, ou l'objet Window inclus si cette couche n'est pas emboîtée dans une autre couche |
| siblingAbove |
représente un objet Layer de même niveau hiérarchique au-dessus de la couche courante |
| siblingBelow |
représente un objet Layer de même niveau hiérarchique en-dessous de la couche courante |
| src |
représente une chaîne de caractères spécifiant l'adresse URL du contenu de la couche |
| top |
représente la position verticale du bord supérieur de la couche, en pixels, par rapport à l'origine de sa couche parente |
| visibility |
spécifie la visibilité ou l'invisibilité de la couche |
| window |
représente la fenêtre qui contient la couche |
| x |
correspond à Layer.left |
| y |
correspond à Layer.top |
| zIndex |
représente la position de la couche dans l'ordre d'empilement. |
| Méthode |
Description |
| captureEvents(event.TYPE) |
spécifie les types d'événements à capturer |
| handleEvent(événement) |
transmet au gestionnaire approprié un événement |
| load(source, largeur) |
change le contenu et la largeur d'une couche |
| moveAbove(cible) |
déplace la couche au-dessus d'une autre couche |
| moveBelow(cible) |
déplace la couche en-dessous d'une autre couche |
| moveBy(x, y) |
déplace la couche vers une position relative à la position courante |
| moveTo(x, y) |
déplace le coin supérieur gauche de la couche au coordonnées spécifiées |
| moveToAbsolute(x, y) |
déplace la couche des coordonnées spécifiées à l'intérieur de la page |
| releaseEvents(event.TYPE) |
cesse la capture du type d'événement spécifié |
| resizeBy(hauteur, largeur) |
redimensionne la hauteur et la largeur de la couche selon les attributs relatifs |
| resizeTo(hauteur, largeur) |
redimensionne la hauteur et la largeur de la couche |
| routeEvent |
transmet un événement capturé au prochain gestionnaire. |
<html>
<head>
<title>Démonstration de Layer</title>
<script language="JavaScript"><!--
var nav;
var timer;
var temps = new Date;
var mois = new Array('Janvier','Février','Mars','Avril','Mai',
'Juin', 'Juillet','Août','Septembre',
'Octobre','Novembre','Décembre');
var j_semaine = new Array('Dimanche','Lundi','Mardi',
'Mercredi','Jeudi','Vendredi',
'Samedi');
var val_date;
var val_heure;
var couche_date;
var couche_heure;
function init()
{
if (navigator.appName == "Netscape")
nav = "NE" ;
else nav = "IE";
if (nav == "NE")
{
couche_date = document.layers['dat'];
couche_heure = document.layers['heu'];
}
}
function date()
{
var y = temps.getFullYear();
var m = temps.getMonth();
var j_s = temps.getDay();
var j_m = temps.getDate();
val_date = j_semaine[j_s] + ' '
+ j_m + ' ' + mois[m]
+ ' ' + y;
if (nav == "NE")
{
couche_date.document.open();
couche_date.document.write('<b style="font-size:14pt;'
+ 'font-family:Verdana; color:#000000;'
+ 'font-weight:bold">'+val_date+'</b>';
couche_date.document.close();
}
else
dat.innerHTML = '<b style="font-size:14pt;'
+ 'font-family:Verdana; color:#000000;'
+ 'font-weight:bold">'+val_date+'</b>';
}
function heure()
{
temps = new Date;
h = temps.getHours();
m = temps.getMinutes();
s = temps.getSeconds();
heures = (h <= 9) ? ('0' + h) : h;
minutes = (m <= 9) ? ('0' + m) : m;
secondes = (s <= 9) ? ('0' + s) : s;
val_heure = heures + ' : ' + minutes + ' : ' + secondes;
if (nav == "NE")
{
couche_heure.document.open();
couche_heure.document.write('<b style="font-size:14pt;'
+ 'font-family:Verdana; color:#000000;'
+ 'font-weight:bold">' + val_heure + '</b>');
couche_heure.document.close();
}
else
heu.innerHTML = '<b style="font-size:14pt;'
+ 'font-family:Verdana; color:#000000;'
+' font-weight:bold">' + val_heure + '</b>';
if (s % 20 == 0) date();
timer=setTimeout('heure()',1000);
}
</script>
</head>
<body onload="init();date();heure();" onunload="clearTimeout(timer)">
<div id="dat"
style="position:absolute;
left:20;top:20;
width:300;height:100">
</div>
<div id="heu"
style="position:absolute;
left:320;top:20;
width:150;height:100">
</div>
</body>
</html> |
