DHTML + Javascript

DHTML + Javascript - Programmation

Marsh Posté le 16-12-2001 à 00:12:28    

bon, je me suis fais un pitit javascript qui scroll du text...
ca marche bien sous ie, mais le truc c qu'il faudrait que ca marche aussi sous NN6...
 
d'ou ma question:
ca sous IE ca donne quoi avec NN6 ??

Code :
  1. document.all.text.style.pixelTop

ou text est un calque <DIV>
..
 
parce que j'ai essayé ca:

Code :
  1. document.getElementById("text" ).style.top


mais ca marche pas :(

Reply

Marsh Posté le 16-12-2001 à 00:12:28   

Reply

Marsh Posté le 16-12-2001 à 01:24:44    

ça marche chez moi :D
 
<div id='myDiv' style='position: absolute; left=-400;'>hello !</div>
 
<script>
  document.getElementById('myDiv';).style.top = 100;
</script>
 
testé sous netscape 6 + une build récente de mozilla ... tu obtiens quoi avec un alert(document.getElementById('text';)) ? undefined ?

Reply

Marsh Posté le 16-12-2001 à 01:31:42    

alert(document.getElementById('text';))  
 
j'obtient objet HtmlDivElement
et meme un alert (document.getElementById("text" ).style.top);
me donne la bonne valeur, le pb c que je vois pas pkoi ca marche pas... :(
 
je balance la page...

Reply

Marsh Posté le 16-12-2001 à 01:38:11    

ca fait trop longtps que ca m'enerve ce truc!
j'ai juste remplacé le document.all de ie par le document.geteelementbyid de nn6 ... je vois pas pkoi ca marche po :-(
 

Code :
  1. <HTML>
  2. <HEAD>
  3. <SCRIPT language="javascript">
  4. // verification du navigateur:
  5. function navig()
  6. {
  7. if (document.getElementById && !document.all )
  8. return ('netscape5+');
  9. else if (document.layers)
  10. return ('netscape4');
  11. else if (document.all)
  12. return ('ie');
  13. }
  15. //SCROLLING:
  16. var timedesc;
  18. // aller en haut:
  19. function move_up()
  20. {
  21. timedesc = setInterval("scroll_layer(0)", 100);
  22. }   
  25. // aller en bas:
  26. function move_down()
  27. {
  28. timedesc = setInterval("scroll_layer(1)", 100);
  29. } 
  31. // arret scrolling
  32. function scroll_stop()
  33. {
  34. clearInterval(timedesc);
  35. }
  40. function scroll_layer(flag, savetop, savebottom)
  41. {
  42. if (navig() == 'ie')
  43.  var tab = document.all.text.style.clip.split("rect(" )[1].split(" )" )[0].split("px" );
  44. else if (navig() == 'netscape5+')
  45.  var tab = document.getElementById("text" ).style.clip.split("rect(" )[1].split(" )" )[0].split("px" );
  46. var ct = tab[0];
  47. var cr = tab[1];
  48. var cb = tab[2];
  49. var cl = tab[3];
  50. var count;
  53. if (flag == 1) //descendre
  54. {
  55.    if (cb < 340)
  56.  {
  57.   if (navig() == 'ie')
  58.    document.all.text.style.pixelTop-=10;
  59.   else if (navig() == 'netscape5+')
  60.    document.getElementById("text" ).style.top-=10;
  61.   for (count=0; count<10; count++)
  62.   {
  63.    ct++;
  64.    cb++;
  65.   }
  66.  }
  67. }
  68. else // monter
  69. { 
  70.  if (navig() == 'ie')
  71.  {
  72.   if (document.all.text.style.pixelTop < ct+50)
  73.   {
  74.    document.all.text.style.pixelTop+=10;
  75.    for (count=0; count<10; count++)
  76.    {
  77.     ct--;
  78.     cb--;
  79.    }
  80.   }
  81.  }
  82.  else if (navig() == 'netscape5+')
  83.  {
  84.   if (document.getElementById("text" ).style.top < ct+50)
  85.   {
  86.    document.getElementById("text" ).style.top+=10;
  87.    for (count=0; count<10; count++)
  88.    {
  89.     ct--;
  90.     cb--;
  91.    }
  92.   }
  93.  }
  94. }
  95. eval("document.all.text.style.clip = 'rect(' + ct + ' ' +  cr + ' ' + cb + ' ' + cl +')'" );
  96. }
  99. </SCRIPT>
  101. </HEAD>
  103. <BODY bgcolor="#00ff00" leftmargin="5" topmargin="5" marginwidth="5" marginheight="5">
  104. <a class="noir" onmouseover="move_down()" onmouseout="scroll_stop()">down</A><BR>  
  105. <a class="noir" onmouseover="move_up()" onmouseout="scroll_stop()">up</A>
  106. <BR>
  107. <DIV id="text" style="BACKGROUND-COLOR: #FFFFFF; POSITION: absolute; TOP: 50; LEFT: 132; WIDTH:600; HEIGHT:70; Z-INDEX:0; VISIBILITY:visible; clip: rect(0px 600px 100px 0px)">
  108. <FONT class="noir_normal">1 depart<BR>2zobi c l'arrivée ici<BR>3 dqsdqsdsqdqsdqsdqsd ds qdsdqsd<br>4 fdfsdfdsfdsfdsfdsf
  109.  fdsfdsf<BR>5 fsdfsdf sdf ds fdsfdsfsgfjdsgf jhgdfj dgs jgdsjhgdsj hdsjfg jdsfgjds hgfjdshgf jhsgdfj h<BR><BR><p>gsfgfgdf
  110.  gdfgdfgdfgdfg<BR>6 fin<BR>
  111.  7 dfgdfg<BR>
  112.  8 fdgd<BR>
  113.  9 fgd<BR>
  114.  10fgfdgfgdfgdfgd<BR>
  115.  7 dfgdfg<BR>
  116.  8 fdgd<BR>
  117.  9 fgd<BR>
  118.     10fgfdgfgdfgdfgd<BR>
  119.  42!!!!end<BR> </P>
  120. </DIV>
  122. </BODY>
  123. </HTML>


---------------
Suri.morkitu.org : Balades au coeur de la ville...
Reply

Marsh Posté le 16-12-2001 à 02:00:34    

document.getElementById("text" ).style.top-=10;  
 
ouep, c'est un des trucs que je ne pige pas des masses ... ce genre de variables CSS est stockée non pas sous forme d'entiers, mais sous forme de strings, ceci afin de permettre les '10px', '10pt', '10em', etc.
 
document.getElementById("text" ).style.top = parseInt(document.getElementById("text" ).style.top) - 10;  
 
résoud le problème. j'ai testé ça rapidement, ça marche bien avec netscape 6.

Reply

Marsh Posté le 16-12-2001 à 02:10:00    

merciiii! je vais essayer ca tout de suite...
enfin si tu dis que ca marche c cool! il me restera plus qeu NN4 !! :D
 
 :bounce:


---------------
Suri.morkitu.org : Balades au coeur de la ville...
Reply

Sujets relatifs:

Leave a Replay

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