[Netscape] Utilisation de <layer>

Utilisation de <layer> [Netscape] - Programmation

Marsh Posté le 02-09-2002 à 22:01:38    

Hello,
 
Voulant faire un peu de DHTML avec Netscape 7, j'utilise la balise <layer> afin de créer un calque avec une image.
 
Le code HTML est le suivant:
 
<layer id="Layer1" width="280px" height="295px" z-index="1" visibility="hide" left="10px" top="172px"><img src="smileys/froggy.gif" width="280" height="295"></layer>
 
Le problème est que malgré que l'attribut visibility="hide", le calque apparait qd même.
 
Et malgré des recherches sur Internet, la syntaxe semble correcte. Je ne vois donc pas où est le problème.
 
J'en appelle à vos connaissances...
 


---------------
"Nous allons reformater les français" © Nicolas Sarkozy
Reply

Marsh Posté le 02-09-2002 à 22:01:38   

Reply

Marsh Posté le 02-09-2002 à 22:11:11    

utilise <div> a la place...


---------------
#19b | Mardi 18 Février 2003 - nous fêtons les Bernadette | contre le fleur icq!
Reply

Marsh Posté le 02-09-2002 à 22:12:30    

N'utilise pas <layer> ça n'existe pas, c'est pas dans la norme...
 
Utilise un <div> avec un style CSS :
 
<div id="layer1>
  <img src="smileys/froggy.gif" width="280" height="295">
</div>
 
Le style :
 
div#layer1 {
  width: 280px;
  height: 295px;
  top: 172px;
  left: 10px;
  z-index: 1;
  display: none;
}

Reply

Marsh Posté le 02-09-2002 à 22:12:47    

euh
utilise <div> a la place...
et pas comme ça, mais comme ceci:

<div id="Layer1" style="width:280px; height:295px; z-index:1; visibility:hide; left:10px; top:172px;">


Message édité par --greg-- le 02-09-2002 à 22:13:09

---------------
#19b | Mardi 18 Février 2003 - nous fêtons les Bernadette | contre le fleur icq!
Reply

Marsh Posté le 02-09-2002 à 22:13:57    

gm_superstar a écrit a écrit :

N'utilise pas <layer> ça n'existe pas, c'est pas dans la norme...
 
Utilise un <div> avec un style CSS :
 
<div id="layer1>
  <img src="smileys/froggy.gif" width="280" height="295">
</div>
 
Le style :
 
div#layer1 {
  width: 280px;
  height: 295px;
  top: 172px;
  left: 10px;
  z-index: 1;
  display: none;
}



grilled :D
 
de +, ta solution est plus propre.


---------------
#19b | Mardi 18 Février 2003 - nous fêtons les Bernadette | contre le fleur icq!
Reply

Marsh Posté le 02-09-2002 à 22:16:53    

--greg-- a écrit a écrit :

euh
utilise <div> a la place...
et pas comme ça, mais comme ceci:

<div id="Layer1" style="width:280px; height:295px; z-index:1; visibility:hide; left:10px; top:172px;">






 
Ok, j'avais essayer ça au départ et mon Javascript ne marchait pas... Je m'en sers pour afficher/masquer.
 
Le pb de ce côté est que je ne connais pas le DOM pour Netscape 7 et apparemment le DOM de Netscape 4 ne marche pas non plus.
 

Code :
  1. <script language="JavaScript">
  3. function show() {
  5. if (navigator.appName=="Netscape" ) {
  6. document.Layer1.visibility='show'; }
  7. else {
  8. document.all.Layer1.style.visibility='visible'; }
  10. }
  12. function hide() {
  14. if (navigator.appName=="Netscape" ) {
  15. document.Layer1.visibility='hide'; }
  16. else {
  17. document.all.Layer1.style.visibility='hidden'; }
  19. }
  21. </script>


 


---------------
"Nous allons reformater les français" © Nicolas Sarkozy
Reply

Marsh Posté le 02-09-2002 à 22:19:04    

-- greg --, t sur pour l'attribut display, c pas visibility ?


---------------
"Nous allons reformater les français" © Nicolas Sarkozy
Reply

Marsh Posté le 02-09-2002 à 22:19:20    

document.getElementById("Layer1" ).blablabla
mais ça marchera pas avec ns4


---------------
#19b | Mardi 18 Février 2003 - nous fêtons les Bernadette | contre le fleur icq!
Reply

Marsh Posté le 02-09-2002 à 22:20:24    

kfman a écrit a écrit :

-- greg --, t sur pour l'attribut display, c pas visibility ?



spa moi c gm_superstar qu'a mis ça, mais oui, ça existe.


---------------
#19b | Mardi 18 Février 2003 - nous fêtons les Bernadette | contre le fleur icq!
Reply

Marsh Posté le 02-09-2002 à 22:24:30    

kfman a écrit a écrit :

-- greg --, t sur pour l'attribut display, c pas visibility ?



En fait display et visibility fonctionnent différemment :
 
visibility: visible/hidden -> La boîte est générée mais elle n'apparaît pas, ce qui veut dire que lorsqu'on cache le <div>, le reste de la mise en page n'est pas modifié
 
display: block/none -> La boîte n'est générée que si display est différent de none. Ce qui veut dire que lorsqu'on cache le <div>, le reste de la mise en page est modifiée (par exemple tout ce qu'il y a en dessous du <div> remonte.

Reply

Marsh Posté le 02-09-2002 à 22:24:30   

Reply

Marsh Posté le 02-09-2002 à 22:26:22    

--greg-- a écrit a écrit :

document.getElementById("Layer1" ).blablabla
mais ça marchera pas avec ns4



Non, getElementById ne marche pas avec Netscape 4...
 
Pour kfman :
 
Pour Netscape 7 et DOM, voir ici : http://www.mozilla.org/docs/dom/do [...] rtTOC.html
 
Tu dois utiliser la propriété style de ton objet élément :
 

box = document.getElementById("layer1" );
 
box.style.display = "none";


Message édité par gm_superstar le 02-09-2002 à 22:28:28
Reply

Marsh Posté le 02-09-2002 à 22:27:37    

gm_superstar a écrit a écrit :

 
Non, getElementById ne marche pas avec Netscape 4...
 
Pour Netscape 7 et DOM, voir ici : http://www.mozilla.org/docs/dom/do [...] rtTOC.html




 
Merci


---------------
"Nous allons reformater les français" © Nicolas Sarkozy
Reply

Marsh Posté le 02-09-2002 à 22:28:04    

gm_superstar a écrit a écrit :

 
Non, getElementById ne marche pas avec Netscape 4...
 
Pour Netscape 7 et DOM, voir ici : http://www.mozilla.org/docs/dom/do [...] rtTOC.html



ben c ske j'ai dit:)


---------------
#19b | Mardi 18 Février 2003 - nous fêtons les Bernadette | contre le fleur icq!
Reply

Marsh Posté le 02-09-2002 à 22:28:53    

kfman a écrit a écrit :

Merci



Voir mon Edit

Reply

Marsh Posté le 02-09-2002 à 22:29:55    

--greg-- a écrit a écrit :

ben c ske j'ai dit:)



Ah oui j'avais cru voir une question ;)

Reply

Marsh Posté le 02-09-2002 à 22:37:45    

Y'a une méthode pour que ça marche avec NS4 aussi ?
 
Pour le DOM, y'a pas un schema en arbre ?
 


---------------
"Nous allons reformater les français" © Nicolas Sarkozy
Reply

Marsh Posté le 02-09-2002 à 22:50:28    

Je comprends pas: avec le div le calque est affiché avec visibility=hide :heink:


---------------
"Nous allons reformater les français" © Nicolas Sarkozy
Reply

Marsh Posté le 02-09-2002 à 23:22:47    

visibility: hidden


---------------
#19b | Mardi 18 Février 2003 - nous fêtons les Bernadette | contre le fleur icq!
Reply

Marsh Posté le 02-09-2002 à 23:50:59    

kfman a écrit a écrit :

Y'a une méthode pour que ça marche avec NS4 aussi ?
 
Pour le DOM, y'a pas un schema en arbre ?



Pour NS 4 ça va être dur parce que tu ne peux pas utiliser document.layers vu qu'il n'y a pas de <layer>. Essaye de voir autour de document.ids qui est censé être un tableau des styles des ID définis dans le document...

Reply

Marsh Posté le 03-09-2002 à 00:54:12    

en fait dans netscape4 tu peux betement faire
document.lenomdetondiv ....


---------------
#19b | Mardi 18 Février 2003 - nous fêtons les Bernadette | contre le fleur icq!
Reply

Marsh Posté le 03-09-2002 à 00:57:36    

Le choix d'utiliser les méthodes ou l'arborescence dans le DOM se fait selon quelle critères ?


---------------
"Nous allons reformater les français" © Nicolas Sarkozy
Reply

Marsh Posté le 03-09-2002 à 01:01:58    

En utilisant la méthode getBy... ça marche sous NS7.
 
Merci.
 
Va me falloir un boukin la-dessus :D


---------------
"Nous allons reformater les français" © Nicolas Sarkozy
Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed