j'ai suivi l'ex de mon bouquin ms j'arrive tjrs pas avec les layer/div

j'ai suivi l'ex de mon bouquin ms j'arrive tjrs pas avec les layer/div - HTML/CSS - Programmation

Marsh Posté le 03-02-2003 à 00:09:25    

bonjour  
 
 
je connais pas trop les couches et c'est pour cette raison que j'ai commencé avec un exemple tt betes de mon bouquin ms celui fonctionne pas  
 
normalement lorsque l'on met son pointeur de souris sur coucou, fuite() se declencherais grace à l'evenement MouseOver() et ainsi incrementé 6 fois les coordonnées de la couche bloc1, ms ca marche pas ...
j'ai vu sur internet que layer est spécifique à Netscape, j'ai alors dl la version7 ms toujours rien coucou ne veut pas descendre, ni avec IE5.5 avec les balises div à la plave de layer
 
 

Code :
  1. <html>
  2.       <head>
  3.             <title>Layer</title>
  4.             <script>
  5.                     function fuite()
  6.                     {
  7.                         i++;
  8.                         if (i >6) return;
  9.                         document.bloc1.left +=10;
  10.                         document.bloc1.top +=10;
  11.                         setTimeout ("fuite()",50);
  12.                     }
  13.             </script>
  14.      </head>
  15.      <body>
  16.             <layer ID=bloc1 TOP=10px LEFT=40px onMouseOver="i=0;fuite()">
  17.             coucou
  18.             </layer>
  19.      </body>
  20. </html>

Reply

Marsh Posté le 03-02-2003 à 00:09:25   

Reply

Marsh Posté le 03-02-2003 à 00:10:35    

je voulais ajouter que je l'ai enregistrer en *.html et que j'ai copié texto sur mon bouquin ms ..... ca marche pas  :fou:

Reply

Marsh Posté le 03-02-2003 à 01:16:48    

en fait si vous faites un copié collé de ce source vous verrez que coucou s'affiche completement en haut à droit quelque soit les valeurs que je donne à top et left  
 
le pb vient meme pas du javascript ms d'un pb de syntaxe de balise je pense

Reply

Marsh Posté le 03-02-2003 à 11:19:27    

Effectivement, <layer> est spécifique à Netscape 4 et à lui seul. Cette balise ne fait pas partie de la norme HTML et elle est donc à éviter.
 
Utilise plutôr des DIV :
 
<div id="bloc1">...</div>
 
que tu récupère dans ton JS avec :
 
monDiv = document.getElementById("bloc1" );
 
Je te laisse adapter le reste de ta fonction.


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 03-02-2003 à 11:54:40    

monDiv = document.getElementById("bloc1" );  
 
j'en vois pas trop l'utilité en fait cette fonction  
si j'ai bien compris elle permet de creer une variable JavaScript ayant pour valeur le nom de la couche ....
 
 
ms avant d'arrivé la il faudrait qu'un exemple simple puisse fonctionner sous IE5.5 par exemple  

Code :
  1. <html>
  2.      <head>
  3.            <title>Layer</title>
  4.            <script>
  5.                    function fuite()
  6.                    {
  7.                        i++;
  8.                        if (i >6) return;
  9.                        document.bloc1.left +=10;
  10.                        document.bloc1.top +=10;
  11.                        setTimeout ("fuite()",50);
  12.                    }
  13.            </script>
  14.     </head>
  15.     <body>
  16.            <div ID=bloc1 TOP=10px LEFT=40px onMouseOver="i=0;fuite()">
  17.            coucou
  18.            </div>
  19.     </body>
  20. </html>

Reply

Marsh Posté le 03-02-2003 à 12:41:37    

weed a écrit :

monDiv = document.getElementById("bloc1" );  
 
j'en vois pas trop l'utilité en fait cette fonction


Elle te permet de récupérer un objet que tu pourras ensuite manipuler :
 
monDiv.style.top = "20px";
 
par exemple.


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 03-02-2003 à 12:58:34    

ahh je comprends  
tu peux pas utiliser direct comme document.bloc1.top ='10px';  
 
un peu comme document.form.toto.value = "titi"; pour changer la valeur du champ toto du formulaire "form"
 
plutot que de s'embeter ton monDiv.style.top = "20px";
 
 
ms la n'est pas le problème car avec le code ci dessous  

Code :
  1. <html>
  2.      <head>
  3.      </head>
  4.      <body> 
  5.           <div ID=bloc1 TOP=80px LEFT=90px> 
  6.           coucou 
  7.           </div> 
  8.      </body> 
  9. </html>


coucou est toujours en haut à gauche de ma page IE5.5

Reply

Marsh Posté le 03-02-2003 à 13:48:40    

weed a écrit :

ahh je comprends  
tu peux pas utiliser direct comme document.bloc1.top ='10px';  


Hé non, cette syntaxe est incorrecte.

weed a écrit :

un peu comme document.form.toto.value = "titi"; pour changer la valeur du champ toto du formulaire "form"
 
plutot que de s'embeter ton monDiv.style.top = "20px";


C'est pas pour t'embêter, c'est comme ça. Les formulaires sont un cas particulier.
 
Mais si ça t'amuse, tu peux écrire :
 
document.getElementById("bloc1" ).style.top = "20px;"

weed a écrit :

ms la n'est pas le problème car avec le code ci dessous  

Code :
  1. <html>
  2.      <head>
  3.      </head>
  4.      <body> 
  5.           <div ID=bloc1 TOP=80px LEFT=90px> 
  6.           coucou 
  7.           </div> 
  8.      </body> 
  9. </html>


coucou est toujours en haut à gauche de ma page IE5.5


Bah oui, c'est normal, TOP= et LEFT= ça n'existe pas comme attribut. Il faut utiliser les CSS :
 
div#bloc1 {
  position: absolute;
  top: 80px;
  left: 90px;
}
 
Voir la FAQ pour la déclaration des CSS.


Message édité par gm_superstar le 03-02-2003 à 13:48:59

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 03-02-2003 à 15:15:05    

bon tu as été à moitié parce queje viens de trouvé en fait ms j'ai pas mal cherché, tu aurais pu me mettre un source complet basique  
 
ms tu as quand meme sympa de me repondre tres rapidemment chose que j'apprecie quand meme  
 
à moins que tu sois en plein boulot et que tu n'es pas trop le tps de me repondre avec un source, pq ne l'as tu pas fait ???
 

Code :
  1. <html> 
  2.        <head> 
  3.              <title>Layer</title> 
  4.                  </head> 
  5.       <body> 
  6.              <div ID="bloc1" style="position:absolute; left: 100; top: 41; onMouseOver="i=0;fuite()"> 
  7.              coucou 
  8.              </div> 
  9.       </body> 
  10.   </html>


 
voila j'ai trouvé ca avec dream et c vrai que c du css ds la balise avec style ...  
dc cela va me servir de position de base et je vais changer les dimmensions avec ta methode JS pour faire un menu déroulant ...
 
Un dernier mot :
merci pr tout gm_superstar et Hotshot
et bizzare ce bouquin : "Programmation HTML et JavaScript" édition Eyrolles (bouquin noir), il mette un source qui fonctionne pas sous Netscape, n'importe koi !!!!!!!!!!

Reply

Marsh Posté le 03-02-2003 à 15:56:11    

weed a écrit :

bon tu as été à moitié parce queje viens de trouvé en fait ms j'ai pas mal cherché, tu aurais pu me mettre un source complet basique  
 
ms tu as quand meme sympa de me repondre tres rapidemment chose que j'apprecie quand meme  
 
à moins que tu sois en plein boulot et que tu n'es pas trop le tps de me repondre avec un source, pq ne l'as tu pas fait ???


1. Pas le temps
2. Ca ne serait pas te rendre service

weed a écrit :

Code :
  1. <html> 
  2.        <head> 
  3.              <title>Layer</title> 
  4.                  </head> 
  5.       <body> 
  6.              <div ID="bloc1" style="position:absolute; left: 100; top: 41; onMouseOver="i=0;fuite()"> 
  7.              coucou 
  8.              </div> 
  9.       </body> 
  10.   </html>



Ne pas oublier les unités : left: 100px; top: 41px;

weed a écrit :

voila j'ai trouvé ca avec dream et c vrai que c du css ds la balise avec style ...  
dc cela va me servir de position de base et je vais changer les dimmensions avec ta methode JS pour faire un menu déroulant ...
 
Un dernier mot :
merci pr tout gm_superstar et Hotshot
et bizzare ce bouquin : "Programmation HTML et JavaScript" édition Eyrolles (bouquin noir), il mette un source qui fonctionne pas sous Netscape, n'importe koi !!!!!!!!!!


En général ces bouquins ne sont pas à jour. Dans ce domaine, Internet reste la meilleure source d'information.
 
A propos, Netscape 4 est très différent de Netscape 6 et 7 qui dérivent de Mozilla. Tout le code propriétaire (balise <layer>, <embed>...) ne sont plus supportées par Mozilla qui s'attache à respecter les normes du W3C ( http://www.w3.org/ )


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 03-02-2003 à 15:56:11   

Reply

Marsh Posté le 03-02-2003 à 16:27:50    

GM, notre maitre, a parfaitement raison.  :D  
 
Il est inutile de se proccurer des bouquins, car en fait, le temps que le bouquins soit écrit, puis publié, tout est "deprecated"  [:totozzz]  
 
Le mieux reste la FAQ ici même avec de fabuleux liens dont l'incontournable : http://www.w3schools.org  ;)  
 

Reply

Marsh Posté le 03-02-2003 à 16:30:21    

Reply

Marsh Posté le 03-02-2003 à 16:35:30    

Non,  :non:  .org, c'est mieux, car cela mène à .com + tout le reste  ;)  
 
 :hello:
 
PS : rectification, c'est pareil ça revient au même, ya les mêmes liens.


Message édité par Hermes le Messager le 03-02-2003 à 16:37:25
Reply

Marsh Posté le 03-02-2003 à 17:33:13    

HotShot a écrit :


 
Je crois que tu viens de faire une "bourde"  [:xp1700]  


 
Yes !  :whistle:  
 
Mais j'assume, j'aurais aussi pu effacer.  :D

Reply

Sujets relatifs:

Leave a Replay

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