Discussion :

[sinifer]

Bonjour,

Je suis nul en javascript (pour info) après l'aide d'un ami j'ai repris un script qui me permet de poser une image en haute de page et qui descend lorsque je descend dans ma page.

Le problème qui ce pose c'est que tout en haut j'ai un menu donc je pose mon image juste en dessous de mon menu ( je fait un margin-top:270px )
par contre quand je voudrais que quand je descend dans ma page l'image ce retrouve en haut et plus en ( margin-top:270px ) et là j'ai de la peine à trouver une solution

Je vous montre mon code en espérant que quelqu'un puisse m'aider.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<script>
menuTexte=new Array();
menuLink=new Array();
menuTexte[0]= 'txt';
menuLink[0]= 'ma_page.php';
 
document.write('<div id="obj1" style="position:absolute;margin-top:270px;left:0px;visibility:visible;"><table cellpadding="3" cellspacing="2" border="0" width="100%" height="30"><TR>')
a = 0;
pourcent=100/menuTexte.length
while(a < menuTexte.length)
 {
 document.write('<td align="center" valign="middle" width="'+pourcent+'%"><font size="1" face="Verdana"><A HREF="'+menuLink[a]+'"><img src="images/img.gif" border="0"></A></FONT></TD>');
 a++;
 }
document.write('</tr></table></div>');
 
 var div1 = document.getElementById("obj1").style;
 var objet;
 
 function placeObj(px,py)
  {
    div1.left=px;
    div1.top=py;
   }
 
 function voirMenu()
  {
    var posy;
    if (navigator.appName=="Microsoft Internet Explorer")
   {
   offsety = document.body.scrollTop;
   offsetx = document.body.scrollLeft;
   }
    else
   {
   offsety = window.pageYOffset;
   offsetx = window.pageXOffset;
   }
    placeObj(0,offsety);
  tempo = setTimeout("voirMenu()",50);
  }
 
if(document.getElementById)
 voirMenu();
</script>

[gwyohm]

Bonjour,

Tu peux peut-être ne pas donner de margin-top, mais dire que le minimum en y est 270 ?

[sinifer]

Merci de ta réponse mais comment je fais pour dir que le minimum est de 270 et après si je descend dans ma page es-ce que mon image sera tout en haut a gauche???

Le but est quant j'arrive sur ma page mon image ce trouve juste en bas du menu mais quand je descend dans la page et que je vois plus le menu mon image ce trouve toujours en haut à gauche es-ce possible

et si oui es-ce qu'avec mon code que j'ai affiché je peu le faire??

Merci

[gwyohm]

Oui c'est possible :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<script>
menuTexte=new Array();
menuLink=new Array();
menuTexte[0]= 'txt';
menuLink[0]= 'ma_page.php';
 
document.write('<div id="obj1" style="position:absolute;left:0px;visibility:visible;"><table cellpadding="3" cellspacing="2" border="0" width="100%" height="30"><TR>')
a = 0;
pourcent=100/menuTexte.length
while(a < menuTexte.length)
 {
 document.write('<td align="center" valign="middle" width="'+pourcent+'%"><font size="1" face="Verdana"><A HREF="'+menuLink[a]+'"><img src="images/img.gif" border="0"></A></FONT></TD>');
 a++;
 }
document.write('</tr></table></div>');
 
 var div1 = document.getElementById("obj1").style;
 var objet;
 
 function placeObj(px,py)
  {
    div1.left=px;
    div1.top=Math.max(270, py) + "px";
   }
 
 function voirMenu()
  {
    var posy;
    if (navigator.appName=="Microsoft Internet Explorer")
   {
   offsety = document.body.scrollTop;
   offsetx = document.body.scrollLeft;
   }
    else
   {
   offsety = window.pageYOffset;
   offsetx = window.pageXOffset;
   }
    placeObj(0,offsety);
  tempo = setTimeout("voirMenu()",50);
  }
 
if(document.getElementById)
 voirMenu();
</script>

pas testé mais ca devrait fonctionner

[SpaceFrog]

Pourquoi passer par javascript ?
un peu de css suffirait ...

[sinifer]

Merci,

gwyohm et SpaceFrog je vais essayé ça lundi pour le css j'avais pensé mais j'ai pas trouvé commen fair mais je vais voir tous sa lundi.

Bon week-hend

[Bovino]

Merci,

gwyohm et SpaceFrog je vais essayé ça lundi pour le css j'avais pensé mais j'ai pas trouvé commen fair mais je vais voir tous sa lundi.

Bon week-hend

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

position: fixed;

avec un petit hack pour IE6 : http://css.developpez.com/faq/?page=...ans_javascript

[sinifer]

Bonjours,

Je tenais a vous remercier pour votre aide.

Sa marche parfaitement maintenant.

Bonne journée