La gestion des layers ou calques reste une chose assez complexe à faire.
Chaque navigateur a sa propre façon de traiter les claques, mais la gestion des calques devient plus homogène avec l'arrivée des nouvelles versions des navigateurs.

Il exite trois façons d'appeler l'objet calque :

Pour les versions de netscape >4 et < 6 :Indentifié par l'attribut name pour la balise LAYER et id pour la balise DIV

Pour les versions d'internet explorer >4 et <5 :
Pour les versions d'internet explorer >5 et les versions de Netscape =>6.

Pour créer un claque voir la balise DIV.

Exemple de balise div :

Pour netscape < 6
document.layers.NomCalque.visibility accepte trois valeurs :
- "show", pour rendre le calque visible
- "hide", pour rendre le calque invisible.
- "inherit", prend la valeur du calque parent. Si il n'a pas de calque parent le calque est visible.
document.layers.NomCalque.visibility renvoie une String().

Pour ie <4 et < 5
document.all.NomClaque.style.visibility accepte trois valeurs :
- "visible", pour rendre le calque visible
- "hidden", pour rendre le calque invisible.
- "inherit", prend la valeur du calque parent.Si il n'a pas de calque parent le calque est visible.
document.all.NomClaque.style.visibility renvoie une String().

Pour ie >5 et Netscape =>6
document.getElementById( "NomClaque" ).style.visibility accepte trois valeurs :
- "visible", pour rendre le calque visible
- "hidden", pour rendre le calque invisible.
- "inherit", prend la valeur du calque parent. Si il n'a pas de calque parent le calque est visible.
document.getElementById("NomClaque").style.visibility renvoie une valeur de tyupe String().

Pour netscape < 6Position horizontale.Position verticale.

document.layers.NomCalque.pageX et document.layers.NomCalque.pageY accepte un nombre entier. L'unité peut être précisé par exemple "12px" ou "10%", unité par défaut le pixel.
document.layers.NomCalque.pageX et document.layers.NomCalque.pageY renvoient une String() ou un Number().
Utilisez parseInt() pour enlever les unités.

Pour ie <4 et < 5Position verticale.Position horizontale.

document.all.NomClaque.style.top et document.all.NomClaque.style.left accepte un nombre entier. L'unité peut être précisé par exemple "12px" ou "10%", unité par défaut le pixel.
document.all.NomClaque.style.top et document.all.NomClaque.style.left renvoient une String() ou un Number().
Utilisez parseInt() pour enlever les unités.

Pour ie >5 et Netscape =>6Position vreticale.Position horizontale.

document.getElementById("NomClaque").style.top et document.getElementById("NomClaque").style.left accepte un nombre entier. L'unité peut être précisé par exemple "12px" ou "10%", unité par défaut le pixel.
document.getElementById("NomClaque").style.top et document.getElementById("NomClaque").style.left renvoient une String() ou un Number().
Utilisez parseInt() pour enlever les unités.

Pour netscape < 6
document.layers.NomCalque.width et document.layers.NomCalque.height acceptent un nombre entier positif . L'unité peut être précisé par exemple "12px" ou "10%", unité par défaut le pixel.
document.layers.NomCalque.width et document.layers.NomCalque.height renvoient une String() ou un Number().
Utilisez parseInt() pour enlever les unités et pour transformer en Number().

Pour ie <4 et < 5
document.all.NomClaque.style.width et document.all.NomClaque.style.height accepte un nombre entier positif. L'unité peut être précisé par exemple "12px" ou "10%", unité par défaut le pixel.
document.all.NomClaque.style.width et document.all.NomClaque.style.height renvoient une String() ou un Number().
Utilisez parseInt() pour enlever les unités et pour transformer en Number().

Pour ie >5 et Netscape =>6
document.getElementById("NomClaque").style.width et document.getElementById("NomClaque").style.height accepte un nombre entier positif. L'unité peut être précisé par exemple "12px" ou "10%", unité par défaut le pixel.
document.getElementById("NomClaque").style.width et document.getElementById("NomClaque").style.height renvoient une String() ou un Number().
Utilisez parseInt() pour enlever les unités et pour transformer en Number().

Vous pouvez spécifier une zone visible dans le calque
Pour netscape < 6

- document.layers.NomCalque.clip.left , correspond position en x du point haut.
- document.layers.NomCalque.clip.right, correspond position en x du point bas.
- document.layers.NomCalque.clip.top, correspond position en y du point haut.
- document.layers.NomCalque.clip.bottom, correspond position en y du point bas

Ils acceptent un nombre entier. L'unité peut être précisé par exemple "12px" ou "10%" l'unité par défaut le pixel.

Ils renvoient une String() ou un Number().
Utilisez parseInt() pour enlever les unités et pour transformer en Number().

Pour ie <4 et < 5
- 0, correspond position en y du point haut
- 150, correspond position en y du point bas
- 20, correspond position en x du point bas
- 10, correspond position en x du point haut

Ils acceptent un nombre entier, l'unité par défaut le pixel.

document.all.NomClaque.style.clip renvoie une valeur de type String() ( rect( 0 150 20 10) )

Pour ie >5 et Netscape =>6
- 0, correspond position en y du point haut
- 150, correspond position en y du point bas
- 20, correspond position en x du point bas
- 10, correspond position en x du point haut

Ils acceptent un nombre entier, l'unité par défaut le pixel.

document.getElementById("NomClaque").style.clip renvoie une valeur de type String() (rect( 0 150 20 10 ))

ZIndex permet de spécifier l'empilement des différents calques.

Pour netscape < 6
document.layers.zIndex retourne une valeur de type Number().
document.layers.zIndex peut prendre la valeur d'un nombre entier positif.

Pour ie <4 et < 5
document.all.NomClaque.style.zIndex retourne une valeur de type Number().
document.all.NomClaque.style.zIndex peut prendre la valeur d'un nombre entier positif.

Pour ie >5 et Netscape =>6
document.getElementById("NomClaque").style.zIndex retourne une valeur de type Number().
document.getElementById("NomClaque").zIndex peut prendre la valeur d'un nombre entier positif.

Pour netscape < 6document.layers.NomCalque.parentLayer retourne un objet.
Pour ie <4 et < 5document.all.NomCalque.parentElement retourne un objet.
Pour ie >5 et Netscape =>6document.getElementById("NomCalque").parentNode retourne un objet.

moveTo(x,y) permet de déplacer le claque.
x, y sont les coordonnées sur lesquelles le coin haut gauche du calque va se positionner.

Pour netscape < 6
Pour ie <4 et < 5
Pour ie >5 et Netscape =>6

moveBy(x ,y) permet de déplacer le calque.
x ,y sont le nombre de pixels dont va bouger le coin haut gauche du calque.

Pour netscape < 6
Pour ie <4 et < 5Pour ie >5 et Netscape =>6

resizeTo(x, y) permet de redimensionner le calque.
x, y sont la longueur et hauteur.

Pour netscape < 6
Pour ie <4 et < 5
Pour ie >5 et Netscape =>6

resizeBy(x ,y) permet de redimensionner le calque.
x, y sont le nombre de pixels qui vont être rajouté à la taille actuelle du calque.

Pour netscape < 6
Pour ie <4 et < 5
Pour ie >5 et Netscape =>6