Deux scripts similaires et un seul qui fonctionne

Deux scripts similaires et un seul qui fonctionne - HTML/CSS - Programmation

Marsh Posté le 13-09-2011 à 19:11:41    

Bonjour,
 
Sauriez-vous comment mettre deux scripts comme celui ci-dessous dans une même page ?
 
Si je mets les deux scripts l'un à la suite de l'autre l'un des deux ne fonctionne pas.
 

Code :
  1. <STYLE TYPE="text/css">
  2. .ejs_scroll {font-size:10px;font-family:Arial;color:#000000;text-decoration:none}
  3. </STYLE>
  5. <script language="JavaScript1.2">
  7. ejs_scroll_largeur = 200;
  8. ejs_scroll_hauteur = 100;
  9. ejs_scroll_bgcolor = '#FFFFFF';
  10. ejs_scroll_background = "";
  11. ejs_scroll_pause_seconde = 5;
  13. ejs_scroll_message = new Array;
  15. ejs_scroll_message[0]='<a href="lien01" class="ejs_scroll">texte01</FONT></a>';
  16. ejs_scroll_message[1]='<a href="lien02" class="ejs_scroll">texte02</FONT></a>';
  17. function d(texte)
  18. {
  19. document.write(texte);
  20. }
  22. d('<DIV ID=ejs_scroll_relativ STYLE="position:relative;width:'+ejs_scroll_largeur+';height:'+ejs_scroll_hauteur+';background-color:'+ejs_scroll_bgcolor+';background-image:url('+ejs_scroll_background+')">');
  23. d('<DIV ID=ejs_scroll_cadre STYLE="position:absolute;width:'+(ejs_scroll_largeur-8)+';height:'+(ejs_scroll_hauteur-8)+';top:4;left:4;clip:rect(0 '+(ejs_scroll_largeur-8)+' '+(ejs_scroll_hauteur-8)+' 0)">');
  24. d('<div id=ejs_scroller_1 style="position:absolute;width:'+(ejs_scroll_largeur-8)+';left:0;top:0;" CLASS=ejs_scroll>'+ejs_scroll_message[0]+'</DIV>');
  25. d('<div id=ejs_scroller_2 style="position:absolute;width:'+(ejs_scroll_largeur-8)+';left:0;top:'+ejs_scroll_hauteur+';" CLASS=ejs_scroll>'+ejs_scroll_message[1]+'</DIV>');
  26. d('</DIV></DIV>');
  28. ejs_scroll_mode =1;
  29. ejs_scroll_actuel = 0;
  31. function ejs_scroll_start()
  32. {
  33. if(ejs_scroll_mode == 1)
  34.  {
  35.  ejs_scroller_haut = "ejs_scroller_1";
  36.  ejs_scroller_bas = "ejs_scroller_2";
  37.  ejs_scroll_mode = 0;
  38.  }
  39. else
  40.  {
  41.  ejs_scroller_bas = "ejs_scroller_1";
  42.  ejs_scroller_haut = "ejs_scroller_2";
  43.  ejs_scroll_mode = 1;
  44.  }
  45. ejs_scroll_nb_message = ejs_scroll_message.length-1;
  46. if(ejs_scroll_actuel == ejs_scroll_nb_message)
  47.  ejs_scroll_suivant = 0;
  48. else
  49.  ejs_scroll_suivant = ejs_scroll_actuel+1;
  50. if(document.getElementById)
  51.  document.getElementById(ejs_scroller_bas).innerHTML = ejs_scroll_message[ejs_scroll_suivant];
  52. ejs_scroll_top = 0;
  53. if(document.getElementById)
  54.  setTimeout("ejs_scroll_action()",ejs_scroll_pause_seconde*1000)
  55. }
  57. function ejs_scroll_action()
  58. {
  59. ejs_scroll_top -= 1;
  60. document.getElementById(ejs_scroller_haut).style.top = ejs_scroll_top;
  61. document.getElementById(ejs_scroller_bas).style.top = ejs_scroll_top+ejs_scroll_hauteur;
  62. if((ejs_scroll_top+ejs_scroll_hauteur) > 0)
  63.  setTimeout("ejs_scroll_action()",10)
  64. else
  65.  ejs_scroll_stop()
  66. }
  68. function ejs_scroll_stop()
  69. {
  70. ejs_scroll_actuel = ejs_scroll_suivant;
  71. ejs_scroll_start()
  72. }
  74. window.onload = ejs_scroll_start;
  75. </SCRIPT>


 
Merci pour votre aide :).


Message édité par Finelarme le 13-09-2011 à 19:12:33
Reply

Marsh Posté le 13-09-2011 à 19:11:41   

Reply

Marsh Posté le 16-09-2011 à 08:37:22    

Salut.
Deux scripts identiques fonctionnes correctement, c'est jusque que tu temporises avec SetTimeout deux systèmes différents.
 
Il faut appeler un seul script pour la modification de deux ou plusieurs textes. Par exemple, en attribuant à chacun un ID de passage, pour les changer à la suite.
 
@++ bonne chance !

Reply

Marsh Posté le 18-09-2011 à 17:45:42    

Bonjour,
 
J'aimerais faire un tableau avec dans la case de gauche un défilement de texte A/B etc, et dans la case de droite un défilement de texte X/Y etc.
 
Je ne vois pas comment faire,  j'ai essayé de modifier mon id "ejs_scroll" en "ejs_scroll2" dans mon deuxième script, mais ça ne change rien.
 
Vous avez une idée ?

Message cité 1 fois
Reply

Marsh Posté le 22-10-2011 à 02:36:05    

Finelarme a écrit :

Bonjour,
 
J'aimerais faire un tableau avec dans la case de gauche un défilement de texte A/B etc, et dans la case de droite un défilement de texte X/Y etc.
 
Je ne vois pas comment faire,  j'ai essayé de modifier mon id "ejs_scroll" en "ejs_scroll2" dans mon deuxième script, mais ça ne change rien.
 
Vous avez une idée ?


 
Bonjour.
Oui, voici un exemple de script :
 

Code :
  1. <html>
  2. <title>Scroll Text</title>
  3. <script language="Javascript">
  4. <!--
  5. function mov() {
  6. var t1,t2,ya,yb,va,vb;
  7. t1=document.getElementById("t1" ).style;
  8. t2=document.getElementById("t2" ).style;
  9. ya = t1.top;
  10. yb = t2.top;
  11. va = t1.opacity;
  12. ya = ya.replace("px","" );yb = yb.replace("px","" );
  14. if(va == 1) {
  16. if(ya < 10) {
  17. t1.opacity = 0;t2.opacity = 1;
  18. t1.top = 180;
  19. } else {
  20. t1.top = ya-2;
  21. }
  23. } else {
  25. if(yb < 10) {
  26. t2.opacity = 0;t1.opacity = 1;
  27. t2.top = 180;
  28. } else {
  29. t2.top = yb-2;
  30. }
  31. }
  34. t3=document.getElementById("t3" ).style;
  35. t4=document.getElementById("t4" ).style;
  36. ya = t3.top;
  37. yb = t4.top;
  38. va = t3.opacity;
  39. ya = ya.replace("px","" );yb = yb.replace("px","" );
  41. if(va == 1) {
  43. if(ya < 10) {
  44. t3.opacity = 0;t4.opacity = 1;
  45. t3.top = 280;
  46. } else {
  47. t3.top = ya-2;
  48. }
  50. } else {
  52. if(yb < 10) {
  53. t4.opacity = 0;t3.opacity = 1;
  54. t4.top = 280;
  55. } else {
  56. t4.top = yb-2;
  57. }
  58. }
  60. setTimeout("mov()", 50);
  61. }
  62. //-->
  63. </script>
  64. <body bgcolor="cyan" OnLoad="mov();">
  65. <div id="c1" style="position:absolute;top:2px;left:2px;background:black;width:100;height:200;overflow:hidden;">
  66. <div id="t1" style="position:absolute;top:20px;left:10px;opacity:1;color:white;">
  67. <a href="http://korben.info/une-fuite-dadresse-ip-dans-skype.html" style="color:white;">Fuite d'adresse IP dans skype</a>
  68. <br><i>korben.info</i>
  69. </div>
  70. <div id="t2" style="position:absolute;top:180px;left:10px;opacity:0;color:white;">
  71. <a href="http://lords.of.the.geeks.free.fr/index.php/Annonces/jobs.html" style="color:white;">La mort de Steve Jobs</a>
  72. <br><i>Lords Of The Geeks</i>
  73. </div>
  74. </div>
  75. <div id="c2" style="position:absolute;top:204px;left:2px;background-Image:url('http://img546.imageshack.us/img546/58/8143978blueseamlesswall.jpg');width:100;height:300;overflow:hidden;">
  76. <div id="t3" style="position:absolute;top:20px;left:10px;opacity:1;color:white;">
  77. <a href="http://lords.of.the.geeks.free.fr/images/stories/bouquins/voyage_ombres_p21.jpg" style="color:white;">Voyage aux ombres</a>
  78. <br><i>BD info</i>
  79. </div>
  80. <div id="t4" style="position:absolute;top:280px;left:5px;opacity:0;color:white;">
  81. <a href="http://danstonchat.com/11358.html" style="color:white;">Noob à la ramasse !</a>
  82. <br><i>Dans ton chat</i>
  83. </div>
  84. </div>
  85. </body></html>


 
Par contre pour le déplacement horizontale ça risque d'être moche : le texte s'adapte au div.
Fais des expériences avec mon script, c'est plus simple et plus lisible.
@++ Bonne chance !

Reply

Marsh Posté le 03-01-2012 à 11:54:29    

Merci pour ta réponse.
 
Parfait oui :).

Reply

Sujets relatifs:

Leave a Replay

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