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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Deux scripts similaires et un seul qui fonctionne

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Deux scripts similaires et un seul qui fonctionne

n°2101337
Finelarme
Posté le 13-09-2011 à 19:11:41  profilanswer
 

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>
  4. <script language="JavaScript1.2">
  5. ejs_scroll_largeur = 200;
  6. ejs_scroll_hauteur = 100;
  7. ejs_scroll_bgcolor = '#FFFFFF';
  8. ejs_scroll_background = "";
  9. ejs_scroll_pause_seconde = 5;
  10. ejs_scroll_message = new Array;
  11. ejs_scroll_message[0]='<a href="lien01" class="ejs_scroll">texte01</FONT></a>';
  12. ejs_scroll_message[1]='<a href="lien02" class="ejs_scroll">texte02</FONT></a>';
  13. function d(texte)
  14. {
  15. document.write(texte);
  16. }
  17. 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+')">');
  18. 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)">');
  19. 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>');
  20. 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>');
  21. d('</DIV></DIV>');
  22. ejs_scroll_mode =1;
  23. ejs_scroll_actuel = 0;
  24. function ejs_scroll_start()
  25. {
  26. if(ejs_scroll_mode == 1)
  27.  {
  28.  ejs_scroller_haut = "ejs_scroller_1";
  29.  ejs_scroller_bas = "ejs_scroller_2";
  30.  ejs_scroll_mode = 0;
  31.  }
  32. else
  33.  {
  34.  ejs_scroller_bas = "ejs_scroller_1";
  35.  ejs_scroller_haut = "ejs_scroller_2";
  36.  ejs_scroll_mode = 1;
  37.  }
  38. ejs_scroll_nb_message = ejs_scroll_message.length-1;
  39. if(ejs_scroll_actuel == ejs_scroll_nb_message)
  40.  ejs_scroll_suivant = 0;
  41. else
  42.  ejs_scroll_suivant = ejs_scroll_actuel+1;
  43. if(document.getElementById)
  44.  document.getElementById(ejs_scroller_bas).innerHTML = ejs_scroll_message[ejs_scroll_suivant];
  45. ejs_scroll_top = 0;
  46. if(document.getElementById)
  47.  setTimeout("ejs_scroll_action()",ejs_scroll_pause_seconde*1000)
  48. }
  49. function ejs_scroll_action()
  50. {
  51. ejs_scroll_top -= 1;
  52. document.getElementById(ejs_scroller_haut).style.top = ejs_scroll_top;
  53. document.getElementById(ejs_scroller_bas).style.top = ejs_scroll_top+ejs_scroll_hauteur;
  54. if((ejs_scroll_top+ejs_scroll_hauteur) > 0)
  55.  setTimeout("ejs_scroll_action()",10)
  56. else
  57.  ejs_scroll_stop()
  58. }
  59. function ejs_scroll_stop()
  60. {
  61. ejs_scroll_actuel = ejs_scroll_suivant;
  62. ejs_scroll_start()
  63. }
  64. window.onload = ejs_scroll_start;
  65. </SCRIPT>


 
Merci pour votre aide :).


Message édité par Finelarme le 13-09-2011 à 19:12:33
mood
Publicité
Posté le 13-09-2011 à 19:11:41  profilanswer
 

n°2101794
cetplus
Wazard dans l'ombre
Posté le 16-09-2011 à 08:37:22  profilanswer
 

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 !

n°2102078
Finelarme
Posté le 18-09-2011 à 17:45:42  profilanswer
 

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 ?

n°2107595
cetplus
Wazard dans l'ombre
Posté le 22-10-2011 à 02:36:05  profilanswer
 

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","" );
  13. if(va == 1) {
  14. if(ya < 10) {
  15. t1.opacity = 0;t2.opacity = 1;
  16. t1.top = 180;
  17. } else {
  18. t1.top = ya-2;
  19. }
  20. } else {
  21. if(yb < 10) {
  22. t2.opacity = 0;t1.opacity = 1;
  23. t2.top = 180;
  24. } else {
  25. t2.top = yb-2;
  26. }
  27. }
  28. t3=document.getElementById("t3" ).style;
  29. t4=document.getElementById("t4" ).style;
  30. ya = t3.top;
  31. yb = t4.top;
  32. va = t3.opacity;
  33. ya = ya.replace("px","" );yb = yb.replace("px","" );
  34. if(va == 1) {
  35. if(ya < 10) {
  36. t3.opacity = 0;t4.opacity = 1;
  37. t3.top = 280;
  38. } else {
  39. t3.top = ya-2;
  40. }
  41. } else {
  42. if(yb < 10) {
  43. t4.opacity = 0;t3.opacity = 1;
  44. t4.top = 280;
  45. } else {
  46. t4.top = yb-2;
  47. }
  48. }
  49. setTimeout("mov()", 50);
  50. }
  51. //-->
  52. </script>
  53. <body bgcolor="cyan" OnLoad="mov();">
  54. <div id="c1" style="position:absolute;top:2px;left:2px;background:black;width:100;height:200;overflow:hidden;">
  55. <div id="t1" style="position:absolute;top:20px;left:10px;opacity:1;color:white;">
  56. <a href="http://korben.info/une-fuite-dadresse-ip-dans-skype.html" style="color:white;">Fuite d'adresse IP dans skype</a>
  57. <br><i>korben.info</i>
  58. </div>
  59. <div id="t2" style="position:absolute;top:180px;left:10px;opacity:0;color:white;">
  60. <a href="http://lords.of.the.geeks.free.fr/index.php/Annonces/jobs.html" style="color:white;">La mort de Steve Jobs</a>
  61. <br><i>Lords Of The Geeks</i>
  62. </div>
  63. </div>
  64. <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;">
  65. <div id="t3" style="position:absolute;top:20px;left:10px;opacity:1;color:white;">
  66. <a href="http://lords.of.the.geeks.free.fr/images/stories/bouquins/voyage_ombres_p21.jpg" style="color:white;">Voyage aux ombres</a>
  67. <br><i>BD info</i>
  68. </div>
  69. <div id="t4" style="position:absolute;top:280px;left:5px;opacity:0;color:white;">
  70. <a href="http://danstonchat.com/11358.html" style="color:white;">Noob à la ramasse !</a>
  71. <br><i>Dans ton chat</i>
  72. </div>
  73. </div>
  74. </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 !

n°2119165
Finelarme
Posté le 03-01-2012 à 11:54:29  profilanswer
 

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


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Deux scripts similaires et un seul qui fonctionne

 

Sujets relatifs
Requete qui fonctionne sous Phpmyadmin mais pas avec phpl'ajout ne fonctionne pas correctement
Saut de ligne CSV ne fonctionne pasexecution de commande shell fonctionne une fois sur deux
Formulaire PHP fonctionne avec FF pas avec IEgerer des calques flash avec un seul bouton en as
[Résolu] Contenu d'un <div> qui disparraît tout seul.[AS3] portfolio qui ne fonctionne pas en ligne
Pourquoi ce javascript ne fonctionne-t-il pas ?Scripts infobulles " alt" , ne s' affichent plus
Plus de sujets relatifs à : Deux scripts similaires et un seul qui fonctionne


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR