FORUM Tom's Hardware » Programmation » HTML / Javascript » demande aide pour script de liens defilants dhtml/javascript
 

demande aide pour script de liens defilants dhtml/javascript

Il y a 381 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici
Ajouter une réponse



 Mot :   Pseudo :  
 
Bas de page
Auteur
 Sujet : demande aide pour script de liens defilants dhtml/javascript
 
Plus d'informations

Bonjours, j'ai recupéré sur le net un script permettant à mon site web d'afficher des liens defilant de bas en haut. Ces liens défilent un par un. J'aurais voulus savoir s'il était possible de "resserer" ces liens, c'est à dire qu'ils défilent continuellement avec juste une ligne ou deux d'ecart.

Voici le script (désolé s'il est un peu long):

Code :
  1. <html>
  2. <body>
  3. <style type="text/css">
  4. <!--
  5. .textanimlink,a {
  6. text-decoration : none;
  7. }
  8. P.main {
  9.     font-family : Arial;
  10.     font-size : 15pt;
  11.     font-weight : bold;
  12. }
  13. -->
  14. </style>
  15. <script language="javascript">
  16. <!--
  17. /* Script created by Lefteris Haritou (lef@the.forthnet.gr)*/
  18. bname=navigator.appName;
  19. bversion=parseInt(navigator.appVersion)
  20. if ((bname=="Netscape" && bversion>=4) || (bname=="Microsoft Internet Explorer" && bversion>=4))
  21. window.onload=start
  22. else
  23. stop();
  24. window.onunload=stop
  25. if (bname=="Netscape" ){
  26. brows=true
  27. dt=2
  28. }
  29. else{
  30. brows=false
  31. dt=20
  32. }
  33. var z=0;
  34. var msg=0;
  35. var rgb=0;
  36. var link=false;
  37. var status=true;
  38. var updwn=false;
  39. var message= new Array();
  40. var value=0;
  41. var h=window.innerHeight;
  42. var w=window.innerWidth;
  43. var timer1;
  44. var timer2;
  45. var timer3;
  46. var convert = new Array()
  47. var hexbase= new Array("0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "A", "B", "C", "D", "E", "F" );
  48. // Votre texte ici ! ****************************************
  49. var bgcolor="#FFFFFF"; //Couleur de l'arrière-plan
  50. var color="#00008D";  //Couleur des lettres
  51. message[0]='<a href="http://URL 1" target="_blank">Description 1</a>'
  52. message[1]='<a href="http://URL 2" target="_blank">Description 2</a>'
  53. message[2]='<a href="http://URL 3" target="_blank">Description 3</a>'
  54. message[3]='<a href="http://URL 4" target="_blank">Description 4</a>'
  55. // Ajoutez autant de lignes que vous souhaitez
  56. // ***************************************************
  57. for (x=0; x<16; x++){
  58. for (y=0; y<16; y++){
  59. convert[value]= hexbase[x] + hexbase[y];
  60. value++;
  61. }
  62. }
  63. redx=color.substring(1,3);
  64. greenx=color.substring(3,5);
  65. bluex=color.substring(5,7);
  66. hred=eval(parseInt(redx,16));
  67. hgreen=eval(parseInt(greenx,16));
  68. hblue=eval(parseInt(bluex,16));
  69. eredx=bgcolor.substring(1,3);
  70. egreenx=bgcolor.substring(3,5);
  71. ebluex=bgcolor.substring(5,7);
  72. ered=eval(parseInt(eredx,16));
  73. egreen=eval(parseInt(egreenx,16));
  74. eblue=eval(parseInt(ebluex,16));
  75. red=ered;
  76. green=egreen;
  77. blue=eblue;
  78. function start(){
  79. if ((bname=="Netscape" && bversion>=4) || (bname=="Microsoft Internet Explorer" && bversion>=4)){
  80. link=false;
  81. updwn=true;
  82. if (brows)
  83. res=document.layers['textanim'].top
  84. else{
  85. textanim.style.width=document.body.offsetWidth-20;
  86. textanim.innerHTML='<Pre><P Class="main" Align="Center">'+message[msg]+'</P></Pre>'
  87. res=textanim.style.top
  88. for (x=0; x<document.all.length; x++)
  89. if(document.all[x].id=="textanimlink" )
  90. link=true;
  91. }
  92. up()
  93. }
  94. }
  95. function stop(){
  96. clearTimeout(timer1);
  97. clearTimeout(timer2);
  98. clearTimeout(timer3);
  99. }
  100. function resz(){
  101. h=window.innerHeight;
  102. w=window.innerWidth;
  103. if (updwn)
  104. timer1=setTimeout('up()',1000)
  105. else
  106. timer2=setTimeout('down()',1000)
  107. }
  108. function breakf(){
  109. if (status){
  110. clearTimeout(timer1);
  111. clearTimeout(timer2);
  112. status=false
  113. return;
  114. }
  115. else{
  116. status=true;
  117. if (updwn)
  118. timer1=setTimeout('up()',dt)
  119. else
  120. timer2=setTimeout('down()',dt)
  121. }
  122. }
  123. function up(){
  124. if (red<hred){
  125. if ((red+7)<hred)
  126. red+=7;
  127. else
  128. red=hred
  129. redx = convert[red]
  130. }
  131. else{
  132. if ((red-7)>hred)
  133. red-=7;
  134. else
  135. red=hred
  136. redx = convert[red]
  137. }
  138. if (green<hgreen){
  139. if ((green+7)<hgreen)
  140. green+=7;
  141. else
  142. green=hgreen
  143. greenx = convert[green]
  144. }
  145. else{
  146. if ((green-7)>hgreen)
  147. green-=7;
  148. else
  149. green=hgreen
  150. greenx = convert[green]
  151. }
  152. if (blue<hblue){
  153. if ((blue+7)<hblue)
  154. blue+=7;
  155. else
  156. blue=hblue
  157. bluex = convert[blue]
  158. }
  159. else{
  160. if ((blue-7)>hblue)
  161. blue-=7;
  162. else
  163. blue=hblue
  164. bluex = convert[blue]
  165. }
  166. rgb = "#"+redx+greenx+bluex;
  167. if (brows){
  168. document.layers['textanim'].document.linkColor=rgb;
  169. document.layers['textanim'].document.vlinkColor=rgb;
  170. if (window.innerHeight!=h || window.innerWidth!=w){
  171. clearTimeout(timer1);
  172. resz()
  173. return;
  174. }
  175. else{
  176. document.layers['textanim'].document.write('<Pre><P Class="main" Align="Center"><font color="'+rgb+'">'+message[msg]+'</font></P></Pre>')
  177. document.layers['textanim'].document.close();
  178. }
  179. }
  180. else{
  181. textanim.style.color=rgb;
  182. if(link)
  183. textanimlink.style.color=rgb;
  184. }
  185. if (z<38){
  186. if (brows)
  187. document.layers['textanim'].top--
  188. else
  189. textanim.style.posTop--
  190. z++
  191. timer1=setTimeout('up()',dt)
  192. }
  193. else
  194. {
  195. updwn=false;
  196. down()
  197. }
  198. }
  199. function down(){
  200. if (red<ered){
  201. if ((red+7)<ered)
  202. red+=7;
  203. else
  204. red=ered
  205. redx = convert[red]
  206. }
  207. else{
  208. if ((red-7)>ered)
  209. red-=7;
  210. else
  211. red=ered
  212. redx = convert[red]
  213. }
  214. if (green<egreen){
  215. if ((green+7)<egreen)
  216. green+=7;
  217. else
  218. green=egreen
  219. greenx = convert[green]
  220. }
  221. else{
  222. if ((green-7)>egreen)
  223. green-=7;
  224. else
  225. green=egreen
  226. greenx = convert[green]
  227. }
  228. if (blue<eblue){
  229. if ((blue+7)<eblue)
  230. blue+=7;
  231. else
  232. blue=eblue
  233. bluex = convert[blue]
  234. }
  235. else{
  236. if ((blue-7)>eblue)
  237. blue-=7;
  238. else
  239. blue=eblue
  240. bluex = convert[blue]
  241. }
  242. rgb = "#"+redx+greenx+bluex;
  243. if (brows){
  244. document.layers['textanim'].document.linkColor=rgb;
  245. document.layers['textanim'].document.vlinkColor=rgb;
  246. if (window.innerHeight!=h || window.innerWidth!=w){
  247. clearTimeout(timer2);
  248. resz()
  249. return;
  250. }
  251. else{
  252. document.layers['textanim'].document.write('<Pre><P Class="main" Align="Center"><font color="'+rgb+'">'+message[msg]+'</font></P></Pre>')
  253. document.layers['textanim'].document.close();
  254. }
  255. }
  256. else{
  257. textanim.style.color=rgb;
  258. if(link)
  259. textanimlink.style.color=rgb;
  260. }
  261. if (z<76){
  262. if (brows)
  263. document.layers['textanim'].top--
  264. else
  265. textanim.style.posTop--
  266. z++
  267. timer2=setTimeout('down()',dt)
  268. }
  269. else
  270. {
  271. if (brows){
  272. document.layers['textanim'].document.write('')
  273. document.layers['textanim'].document.close();
  274. }
  275. else
  276. textanim.innerHTML='';
  277. window.clearInterval(timer2);
  278. if(msg<message.length-1){
  279. msg++;
  280. z=0;
  281. if (brows){
  282. document.layers['textanim'].top=res;
  283. }
  284. else
  285. textanim.style.top=res;
  286. timer3=setTimeout('start()',100);
  287. }
  288. else
  289. {
  290. msg=0;
  291. z=0;
  292. if (brows)
  293. document.layers['textanim'].top=res;
  294. else
  295. textanim.style.top=res;
  296. timer3=setTimeout('start()',2000);
  297. }
  298. }
  299. }
  300. //  -->
  301. </script>
  302. <Div id="textanim" style="position: absolute; left: 0; top: 80" onclick="breakf()"></Div>
  303. <Layer name="textanim" left=0 top=80></Layer>
  304. </body>
  305. </html>


Message édité par fullmetalj ibz le 31-05-2007 à 11:22:46

zeb
Profil : Modérateur libre
Plus d'informations

http://site.voila.fr/zulu-echo-bravo/img/ForumPolitesse.png

 

EDIT: Merci :jap:


Message édité par zeb le 01-06-2007 à 10:38:53

---------------
Règlement du forum / Règlement de Programmation / Règlement du Monde de Linux euh, n'y en a pas...
Profil : Pointeur
Plus d'informations

pour ton soucis : css :o


---------------
Da Bidz Triad©®™: Bidz Interceptor
.:: Smileyz version 4.2 [050625]::. -- Code source disponible sous licence GPL.
[u
Profil : Pointeur
Plus d'informations

et sinon le code est on ne peut plus moche :o


---------------
Da Bidz Triad©®™: Bidz Interceptor
.:: Smileyz version 4.2 [050625]::. -- Code source disponible sous licence GPL.
[u
Plus d'informations

merci beaucoup

Profil : Pointeur
Plus d'informations

mais de rien


---------------
Da Bidz Triad©®™: Bidz Interceptor
.:: Smileyz version 4.2 [050625]::. -- Code source disponible sous licence GPL.
[u

Aller à :
Ajouter une réponse
  FORUM Tom's Hardware » Programmation » HTML / Javascript » demande aide pour script de liens defilants dhtml/javascript
 

Annonces Google
Publicité