Page 1 of 1

prob with scrolling of news

Posted: Thu Oct 07, 2004 1:13 am
by bugthefixer
i got a code for scrolling of news. it works fine one news element but i have a separate scrolling element for local and international news. when i copied that code twice to scroll two news item separately, it displays only the second one
the code is

Code: Select all

<HTML>
<HEAD>
<TITLE>AIOU-home</TITLE>
<link rel="stylesheet" type="text/css" href="default.css">
</HEAD>


<BODY BGCOLOR="#454B74" text="ffffff" link="ffffff" alink="999999" vlink="ffffff" topmargin="0" leftmargin="0" marginheight="0" marginwidth="0">

<table border=0 width="100%" cellpadding=0 cellspacing=0 height=100%>

<tr>
<td valign=top align="left" width="20%" background="images/bgleft.gif">


</td>

<td valign=top width="80%" align="center">

<table><tr><td colspan="2">
<!-- right site contents within this table -->

<table border=0 align="center">
<!-- MAIN TOP MENU -->
<TR>
<TD><B><a href="page.html">about</a>&nbsp;&nbsp;|&nbsp;&nbsp;</td>
<TD><B><a href="page.html">news</a>&nbsp;&nbsp;|&nbsp;&nbsp;</td>
<TD><B><a href="page.html">contact</a>&nbsp;&nbsp;|&nbsp;&nbsp;</td>
<TD><B><a href="mailto:you@wherever.whatever">email</a>&nbsp;&nbsp;|&nbsp;&nbsp;</td>
<TD><B><a href="page.html">guestbook</a>&nbsp;|&nbsp;&nbsp;&nbsp;</td>
<TD><B><a href="page.html">links</a>&nbsp;&nbsp;&nbsp;&nbsp;</td>
<TD><B><a href="index.html">homepage</a>&nbsp;&nbsp;|&nbsp;&nbsp;</td>
</tr></table>
<tr><td height="20"></td></tr>

<tr><td>
<table border="1" width="200">
<tr><td align="center">NEWS</td></tr>
<tr><td height="150">
<?
include "connect.php";
$result=mysql_query("select * from news") or die(mysql_error());
while($row=mysql_fetch_row($result))
	&#123;
	$news=$news."<br><a href=hi.php?gh=jhkjh>".$row&#1111;2]."</a>";
	&#125;
?>
<script language="JavaScript1.2">

//  Distributed by http://www.hypergurl.com

// Scrollers width here (in pixels)
var scrollerwidth="180px"

// Scrollers height here
var scrollerheight="130px"

// Scrollers speed here (larger is faster 1-10)
var scrollerspeed=1



// Scrollers content goes here! Keep all of the message on the same line!

var scrollercontent='<?echo "$news"; ?>'

var pauseit=1


// Change nothing below!

scrollerspeed=(document.all)? scrollerspeed : Math.max(1, scrollerspeed-1) //slow speed down by 1 for NS
var copyspeed=scrollerspeed
var iedom=document.all||document.getElementById
var actualheight=''
var cross_scroller, ns_scroller
var pausespeed=(pauseit==0)? copyspeed: 0

function populate()&#123;
if (iedom)&#123;
cross_scroller=document.getElementById? document.getElementById("iescroller") : document.all.iescroller
cross_scroller.style.top=parseInt(scrollerheight)+8+"px"
cross_scroller.innerHTML=scrollercontent
actualheight=cross_scroller.offsetHeight
&#125;
else if (document.layers)&#123;
ns_scroller=document.ns_scroller.document.ns_scroller2
ns_scroller.top=parseInt(scrollerheight)+8
ns_scroller.document.write(scrollercontent)
ns_scroller.document.close()
actualheight=ns_scroller.document.height
&#125;
lefttime=setInterval("scrollscroller()",20)
&#125;
window.onload=populate

function scrollscroller()&#123;

if (iedom)&#123;
if (parseInt(cross_scroller.style.top)>(actualheight*(-1)+8))
cross_scroller.style.top=parseInt(cross_scroller.style.top)-copyspeed+"px"
else
cross_scroller.style.top=parseInt(scrollerheight)+8+"px"
&#125;
else if (document.layers)&#123;
if (ns_scroller.top>(actualheight*(-1)+8))
ns_scroller.top-=copyspeed
else
ns_scroller.top=parseInt(scrollerheight)+8
&#125;
&#125;

if (iedom||document.layers)&#123;
with (document)&#123;
if (iedom)&#123;
write('<div style="position:relative;width:'+scrollerwidth+';height:'+scrollerheight+';overflow:hidden" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=scrollerspeed">')
write('<div id="iescroller" style="position:absolute;left:0px;top:0px;width:100%;">')
write('</div></div>')
&#125;
else if (document.layers)&#123;
write('<ilayer width='+scrollerwidth+' height='+scrollerheight+' name="ns_scroller">')
write('<layer name="ns_scroller2" width='+scrollerwidth+' height='+scrollerheight+' left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=scrollerspeed"></layer>')
write('</ilayer>')
&#125;
&#125;
&#125;

</script>


</td></tr></table>
</td><td width="500"></td></tr>
<?
if(isset($region))
	&#123;
	$result=mysql_query("select * from news_abbottabad") or die(mysql_error());
	while($row=mysql_fetch_row($result))
		&#123;
		$news2=$news2."<br><a href=hi.php?gh=jhkjh>".$row&#1111;2]."</a>";
		&#125;
?>
<tr><td>
<table border="1">

<tr><td>
<script language="JavaScript1.2">

//  Distributed by http://www.hypergurl.com

// Scrollers width here (in pixels)
var scrollerwidth="180px"

// Scrollers height here
var scrollerheight="130px"

// Scrollers speed here (larger is faster 1-10)
var scrollerspeed=1



// Scrollers content goes here! Keep all of the message on the same line!

var scrollercontent='<?echo "$news2"; ?>'

var pauseit=1


// Change nothing below!

scrollerspeed=(document.all)? scrollerspeed : Math.max(1, scrollerspeed-1) //slow speed down by 1 for NS
var copyspeed=scrollerspeed
var iedom=document.all||document.getElementById
var actualheight=''
var cross_scroller, ns_scroller
var pausespeed=(pauseit==0)? copyspeed: 0

function populate()&#123;
if (iedom)&#123;
cross_scroller=document.getElementById? document.getElementById("iescroller") : document.all.iescroller
cross_scroller.style.top=parseInt(scrollerheight)+8+"px"
cross_scroller.innerHTML=scrollercontent
actualheight=cross_scroller.offsetHeight
&#125;
else if (document.layers)&#123;
ns_scroller=document.ns_scroller.document.ns_scroller2
ns_scroller.top=parseInt(scrollerheight)+8
ns_scroller.document.write(scrollercontent)
ns_scroller.document.close()
actualheight=ns_scroller.document.height
&#125;
lefttime=setInterval("scrollscroller()",20)
&#125;
window.onload=populate

function scrollscroller()&#123;

if (iedom)&#123;
if (parseInt(cross_scroller.style.top)>(actualheight*(-1)+8))
cross_scroller.style.top=parseInt(cross_scroller.style.top)-copyspeed+"px"
else
cross_scroller.style.top=parseInt(scrollerheight)+8+"px"
&#125;
else if (document.layers)&#123;
if (ns_scroller.top>(actualheight*(-1)+8))
ns_scroller.top-=copyspeed
else
ns_scroller.top=parseInt(scrollerheight)+8
&#125;
&#125;

if (iedom||document.layers)&#123;
with (document)&#123;
if (iedom)&#123;
write('<div style="position:relative;width:'+scrollerwidth+';height:'+scrollerheight+';overflow:hidden" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=scrollerspeed">')
write('<div id="iescroller" style="position:absolute;left:0px;top:0px;width:100%;">')
write('</div></div>')
&#125;
else if (document.layers)&#123;
write('<ilayer width='+scrollerwidth+' height='+scrollerheight+' name="ns_scroller">')
write('<layer name="ns_scroller2" width='+scrollerwidth+' height='+scrollerheight+' left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=scrollerspeed"></layer>')
write('</ilayer>')
&#125;
&#125;
&#125;

</script>
</td></tr>
</table>
</td></tr>
<?
&#125;
?>
</td></tr></table>
<!-- end of right side contents -->



</td></tr></table>
</body>
</html>


feyd | removed double-post

Posted: Thu Oct 07, 2004 2:58 am
by phpScott
whenn you copied the javascript code did you change the location variable name of where the news will be scrolled. EX. iescroller1 and iescroller2. did you also create the second element in your html to have to seperate places. the Id's will have to be unique or the DOM will get horrible confused.,