L'objet DHTML propre à netscape Navigator

Les navigateurs de Microsoft et netscape utilisent tous deux la plupart des propriétés et des attribut établis par la norme CSS1. De ce fait, les feuilles de style constituent la meilleure méthode pour assurer la compatibilité du positionnement et de la mise en forme des éléments entre deux navigateurs. Bien que la tendance générale s'oriente de plus en plus vers l'utilisation de feuille de style standard, il vous arrivera de voir une page créée spécifiquement pour l'un d'entre eux.

Certaine différences entre ces navigateurs méritent d'être expliquées. Nous avons vu plus haut l'objet STYLE qui permet de positionner et de mettre en forme chaque élément HTML à l'aide d'instruction intégrées aux balise HTML elles-mêmes. Cet objet est pris en charge que par Internet Explorer.

L'objet Layer (couche) de Netscape

Le logiciel Navigator prend en charge un autre élément qui permet de diviser les pages Web en différentes zones. Cet élément est l'objet LAYER (couche) et constitue la pierre d'assise de la stratégie de Netscape en matière de page Web dynamiques. Une page Web peut-être divisé en différentes couches à l'aide d'autant de balises <LAYER> pour encadrer les groupes d'élément. Il s'agit de l'équivalent de la balise <DIV> utilisée par Internet Explorer. Les propriétés de chaque couche acceptent des valeurs spécifiques permettant de la référencer à partir du code de script. Par exemple vous pouvez créer une couche appelée Texte1 qui contiendra une zone de texte. L'instruction suivante permet alors de référencer le texte saisi dans la zone : txtvalue= document.layers["Texte1"].txtbox.value Si la couche Texte 1 est la première créée dans le flot de code normal de codes HTML, L'instruction peut prendre cette forme : txtvalue=Document.layers[0].txtbox.value Les propriétés de l'objet Layer sont d'une manière semblables à celles de l'objet STYLE d'Internet Explorer.

Propriété	Exemple	Description
Name	<layer Name="Nom_Couche">	Nom de couche attribué par le nom de l'attribut ou la valeur ID
Left	document.layers[x].left=20	Position gauche en pixels (coordonnée x du coin supérieur gauche)
Top	document.layers[x].top=200	Coordonnée Y du coin supérieur gauche
PageX	document.layers[x].pageX=200	Position horizontale de la couche par rapport à la page web
PageY	document.layers[x].pageY=200	Position verticale de la couche par rapport à la page web
ZIndex	document.layers[x].zIndex=1	Positionnement sur l'axe Z
Visibility	document.layers[x].visibility="show"	Visibilité ou l'invisibilité d'une couche
Clip.top	document.layers[x].slip.top=100	Bord supérieur du détourage de la couche
Clip.bottom	document.layers[x].clip.bottom=100	Bord inférieur du déroutage de la couche
Clip.right	document.layers[x].clip.right=100	Bord droit du déroutage de la couche
Clip.width	document.layers[x].Clip.width=100	Largeur du déroutage de la couche
Clip.height	document.layers[x].Clip.height=100	Hauteur de déroutage de la couche
Background.src	document.layers[x].background.src=NomFichier"	Nom de fichier de l'arrière-plan de la couche
BgColor	document.layers[x].bgColor=#RGB	Couleur d'arrière plan de la couche
Width	document.layers[x].width=100	Largeur de la couche
Height	document.layers[x].height=100	Hauteur de la couhe
Src	document.layers[x].src="NomFichier"	URL de la source HTML de la couche

La fréquence d'utilisation varie d'une propriété à l'autre. Les propriétés bgColor, Name, Left, Top, width, height, visibilit et zindex sont identiques à leurs pendant associés à l'objet Style du Modèle Microsoft.

La propriété CLIP contrôle la surface de l'écran qu'occupe la couche. Le détourage est modifié dynamiquement, ce qui veut dire que la couche est immédiatement redimensionné à l'écran avec les nouvelles valeurs affecté à ses propriétés Clip. Si les autres propriétés présentent le même dynamisme, c'est que l'objet Couche constitue le principal moteur de la stratégie DHTML de Netscape.

L'objet Layer Netscape Exemple

[ TOP ]