Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [js] kolor tła
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
olme
26.03.2007, 13:43:42
Mam problem z pewnym kodem js.

Otóż chciałbym, żeby napisy były wyświetlane na jakimś tle, np. czarnym.
Po ustawieniu tego 
[HTML] pobierz, plaintext 
  1. <BODY BGCOLOR="000000">
[HTML] pobierz, plaintext
nic się nie zmienia na stronie. Może jest to spowodowane tym, że js jest w sekcji 
[HTML] pobierz, plaintext 
  1. <HEAD>
[HTML] pobierz, plaintext
?

Podaję kod skryptu:

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <title>Arrivals/Departures rotator</title>
  4.  
  5. <!-- STEP I: Goes between <HEAD> & </HEAD> tags 
  6.              You may keep it, change or ignore it!
  7.              Or linking to an External Style Sheet:
  8.          <LINK REL=StyleSheet HREF="yourstyle.css"> 
  9.              without other style tags -->
  10.  
  11.  
  12.  
  13. <!-- STEP II: Goes between <HEAD> & </HEAD> tags
  14.               Or linking to an External js file:
  15. <script language="javascript" src="yourfile.js"></script>
  16.               without other script tags -->
  17.  
  18. <script LANGUAGE="JavaScript">
  19.  
  20. /***********************************
  21. *   http://javascripts.vbarsan.com/
  22. *   This notice may not be removed 
  23. ***********************************/
  24.  
  25. //-- Begin Scroller's Parameters and messages -->
  26. //scroller's width
  27. var swidth=330;
  28.  
  29. //scroller's height
  30. var sheight=22;
  31.  
  32. //scroller's speed 
  33. var sspeed=4;
  34. var restart=sspeed;
  35. var rspeed=sspeed;
  36. //scroller's pause
  37. var spause=2400;
  38.  
  39. //scroller's background
  40. var sbcolor="white";
  41.  
  42. //messages: change to your own; use as many as you'd like; set up Hyperlinks to URLs as you normally do: <a target=... href="... URL ...">..message..</a>
  43. var singletext=new Array();
  44. singletext[0]='<TABLE WIDTH=330 BORDER=0 BGCOLOR=0><TR><TD WIDTH=20>'+
  45. '2</TD> <TD WIDTH=250><A HREF=#><FONT COLOR=yellow FACE=verdana SIZE=2>Circle Line</FONT></A></TD> <TD WIDTH=60>1 min</TD></TR>';
  46. singletext[1]='<TABLE WIDTH=330 BORDER=0 BGCOLOR=0><TR><TD WIDTH=20>3</TD> <TD WIDTH=250><A HREF=#><FONT COLOR=green FACE=verdana SIZE=2>Light Rail Line</FONT></A></TD> <TD WIDTH=60>2 mins</TD></TR></TABLE>';
  47. singletext[2]='<TABLE WIDTH=330 BORDER=0 BGCOLOR=0><TR><TD WIDTH=20>4</TD> <TD WIDTH=250><A HREF=#><FONT COLOR=blue FACE=verdana SIZE=2>Central Line</FONT></A></TD> <TD WIDTH=60>2 mins</TD></TR></TABLE>';
  48. singletext[3]='<TABLE WIDTH=330 BORDER=0 BGCOLOR=0><TR><TD WIDTH=20>5</TD> <TD WIDTH=250><A HREF=#><FONT COLOR=gray FACE=verdana SIZE=2>Underground Line</FONT></A></TD> <TD WIDTH=60>2 mins</TD></TR></TABLE>';
  49. //singletext[...]='...';
  50. //-- end Parameters and message -->
  51.  
  52. //-- begin: Scroller's Algorithm -->
  53. var ii=0;
  54. function goup(){if(sspeed!=rspeed*8){sspeed=sspeed*2;restart=sspeed;}}
  55. function godown(){if(sspeed>rspeed){sspeed=sspeed/2;restart=sspeed;}}
  56. function start(){
  57. if(document.getElementById){ns6div=document.getElementById('iens6div');ns6div.style.top=sheight;ns6div.innerHTML=singletext[0];sizeup=ns6div.offs
    etHeight;ns6scroll();}
  58. else 
  59. if(document.layers){ns4layer=document.ns4div.document.ns4div1;ns4layer.top=sheight;ns4layer.do
    cument.write(singletext[0]);ns4layer.document.close();sizeup=ns4layer.document.height;ns4scroll();}
  60. else 
  61. if(document.all){iediv=iens6div;iediv.style.pixelTop=sheight;iediv.innerHTML=singletext[0];
    sizeup=iediv.offsetHeight;iescroll();}}
  62. function iescroll(){if(iediv.style.pixelTop>0&&iediv.style.pixelTop<=sspeed){iediv.style.pixelTop=0;setTimeout("iescroll()",spause);}else 
  63. if(iediv.style.pixelTop>=sizeup*-1){iediv.style.pixelTop-=sspeed;setTimeout("iescroll()",100);}else{if(ii==singletext.length-1)ii=0;else ii++;iediv.style.pixelTop=sheight;iediv.innerHTML=singletext[ii];sizeup=iediv.of
    fsetHeight;iescroll();}}
  64. function ns4scroll(){if(ns4layer.top>0&&ns4layer.top<=sspeed){ns4layer.top=0;setTimeout("ns4scroll()",spause);}else 
  65. if(ns4layer.top>=sizeup*-1){ns4layer.top-=sspeed;setTimeout("ns4scroll()",100);}else{if(ii==singletext.length-1)ii=0;else ii++;ns4layer.top=sheight;ns4layer.document.write(singletext[ii]);ns4layer.document.close();sizeup=ns4layer.document.height;ns4scroll();}}
  66. function ns6scroll(){if(parseInt(ns6div.style.top)>0&&parseInt(ns6div.style.top)<=sspeed){ns6div.style.top=0;setTimeout("ns6scroll()",spause);}else 
  67. if(parseInt(ns6div.style.top)>=sizeup*-1){ns6div.style.top=parseInt(ns6div.style.top)-sspeed;setTimeout("ns6scroll()",100);}
  68. else{if(ii==singletext.length-1)ii=0;else ii++;
  69. ns6div.style.top=sheight;ns6div.innerHTML=singletext[ii];sizeup=ns6div.offsetHei
    ght;ns6scroll();}}
  70. //-- end Algorithm -->
  71. </script>
  72. <!-- End of Script between <head> & </head> tags-->
  73. </HEAD>
  74.  
  75. <!-- STEP III: Make sure start() is loaded -->
  76. <BODY onLoad="start()" BGCOLOR=000000>
  77.  
  78. <!-- STEP IV: Goes between <BODY ... > & </BODY> tags
  79.               begin: body code  -->
  80.  
  81. <!-- You may remove last cell below (<td> ... </td>) to get rid of Speed-change -->
  82.  
  83. <TABLE WIDTH=310 BORDER=0><TR><TD WIDTH=20>1</TD> <TD WIDTH=250><A HREF=#><FONT COLOR=red FACE=verdana SIZE=2>East Line</FONT></A></TD> <TD WIDTH=40>1 min</TD></TR>
  84. </TABLE>
  85.  
  86. <tr><td><SPAN COLOR=red>
  87. <script language="JavaScript">if(document.layers){document.write('<ilayer id="ns4div" width='+swidth+' height='+sheight+' bgcolor='+sbcolor+'><layer id="ns4div1" width='+swidth+' height='+sheight+' onmouseover="sspeed=0;" onmouseout="sspeed=restart"></layer></ilayer>')}
  88. if(document.getElementById||document.all){document.write('<div style="position:relative;overflow:hidden;width:'+swidth+';height:'+sheight+';clip:rect(0 '+swidth+' '+sheight+' 0);background-color:'+sbcolor+';" onmouseover="sspeed=0;" onmouseout="sspeed=restart"><div id="iens6div" style="position:relative;width:'+swidth+';"></div></div>');}</script>
  89. </td></tr></table>
  90. <!-- end code between body tags -->
  91. </body></html>
[HTML] pobierz, plaintext



Problem w tym, że nie ma czarnego tła, jest ono dla każdej wiadomości, ale to po ustawieniu przy właściwościach singletext. Gdy poszczególne wiadomości się przesuwają, widać biały pasek, tego nie chcę - chciałbym, żeby było tło czarne i tyle.
Da się to zrobić?
Trzebaby w skrypcie coś dopisać pewnie, tylko ja nie wiem, co.
Łukasz O.
26.03.2007, 13:52:32 
[HTML] pobierz, plaintext 
  1. //scroller's background
  2. var sbcolor="#000";
[HTML] pobierz, plaintext
olme
26.03.2007, 13:57:02
Ale ze mnie gapa!
Dzięki!
Strasznie mi głupio.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.