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

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : j'ai suivi l'ex de mon bouquin ms j'arrive tjrs pas avec les layer/div

weed

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 :

<html>
<head>
<title>Layer</title>
<script>
function fuite()
{
i++;
if (i >6) return;
document.bloc1.left +=10;
document.bloc1.top +=10;
setTimeout ("fuite()",50);
}
</script>
</head>
<body>
<layer ID=bloc1 TOP=10px LEFT=40px onMouseOver="i=0;fuite()">
coucou
</layer>
</body>
</html>

Publicité

weed

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

weed

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

gm_superstar

Appelez-moi Super

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

weed

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 :

<html>
<head>
<title>Layer</title>
<script>
function fuite()
{
i++;
if (i >6) return;
document.bloc1.left +=10;
document.bloc1.top +=10;
setTimeout ("fuite()",50);
}
</script>
</head>
<body>
<div ID=bloc1 TOP=10px LEFT=40px onMouseOver="i=0;fuite()">
coucou
</div>
</body>
</html>

gm_superstar

Appelez-moi Super

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

weed

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 :

<html>
<head>
</head>
<body>
<div ID=bloc1 TOP=80px LEFT=90px>
coucou
</div>
</body>
</html>

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

gm_superstar

Appelez-moi Super

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 :

<html>
<head>
</head>
<body>
<div ID=bloc1 TOP=80px LEFT=90px>
coucou
</div>
</body>
</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

weed

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 :

<html>
<head>
<title>Layer</title>
</head>
<body>
<div ID="bloc1" style="position:absolute; left: 100; top: 41; onMouseOver="i=0;fuite()">
coucou
</div>
</body>
</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 !!!!!!!!!!

gm_superstar

Appelez-moi Super

weed a écrit :

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

weed a écrit :

Code :

<html>
<head>
<title>Layer</title>
</head>
<body>
<div ID="bloc1" style="position:absolute; left: 100; top: 41; onMouseOver="i=0;fuite()">
coucou
</div>
</body>
</html>

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

weed a écrit :

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

Publicité

Hermes le Messager

Breton Quiétiste

GM, notre maitre, a parfaitement raison.

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

gm_superstar

Appelez-moi Super

http://www.w3schools.com/ c'est mieux

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

Hermes le Messager

Breton Quiétiste

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

Hermes le Messager

Breton Quiétiste

HotShot a écrit :

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

Yes ! :whistle:

Mais j'assume, j'aurais aussi pu effacer.

FORUM HardWare.fr

Programmation

HTML/CSS

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

Sujets relatifs
Je craaaaaaque !!! J'arrive pa à faire un menu, ni une boîte de dialog	J'arrive pas a faire un beau tableau nikel.. (CSS inside)
j arrive pas a compiler un code source recuperé sur le net	[html,js]heum..heum... charger une page html dans une div/layer...
[JAVA] JBuilder 8: j'arrive pas compiler	Requete ke z'arrive pas à faire :-( ...pa fassile!
J arrive tjrs pas a compiler avec emacs et gcc...	[C] Liste chainée que j'arrive pas à parcourir [resolu]
[PHP] Script que je n'arrive pas à débugger :/
Plus de sujets relatifs à : j'ai suivi l'ex de mon bouquin ms j'arrive tjrs pas avec les layer/div

Page générée en 0.085 secondes