Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
4661 connectés 

  FORUM HardWare.fr
  Programmation

  DHTML + Javascript

 
 


Dernière réponse
Sujet : DHTML + Javascript
Suri 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:

Votre réponse
Nom d'utilisateur    Pour poster, vous devez être inscrit sur ce forum .... si ce n'est pas le cas, cliquez ici !
Le ton de votre message                        
                       
Votre réponse
[b][i][u][strike][spoiler][fixed][cpp][url][email][img][*]   
 
   [quote]
 
Options

 
Vous avez perdu votre mot de passe ?


Vue Rapide de la discussion
Suri 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:
youdontcare 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.
Suri 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 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...
youdontcare ç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 ?
Suri 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 :(


Forum MesDiscussions.Net, Version 2010.2
(c) 2000-2011 Doctissimo

Copyright © 1997-2025 Groupe LDLC (Signaler un contenu illicite / Données personnelles)