FRIHOSTFORUMSFAQTOSBLOGSDIRECTORY
You are invited to Log in or Register a Frihost Account!

Javascript Marquee thing. Need help please?

 


ncwdavid
Hey, I tried to make a marquee that went in the down direction for a site i am making and it looked perfect in Internet Explorer 7 but not in Firefox 2. Then I tried some google searchs and got some javascript which is supposed to work in the same fashion as a marquee. Here is the code:
Code:

<script language="JavaScript1.2">

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

// Scrollers width here (in pixels)
var scrollerwidth="100%"

// Scrollers height here
var scrollerheight="100%"

// 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='<p>Test</p><p>test</p>'

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(){
if (iedom){
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
}
else if (document.layers){
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
}
lefttime=setInterval("scrollscroller()",20)
}
window.onload=populate

function scrollscroller(){

if (iedom){
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"
}
else if (document.layers){
if (ns_scroller.top>(actualheight*(-1)+8))
ns_scroller.top-=copyspeed
else
ns_scroller.top=parseInt(scrollerheight)+8
}
}

if (iedom||document.layers){
with (document){
if (iedom){
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>')
}
else if (document.layers){
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>')
}
}
}

</script>


All I want to know is how to make that go in the down direction because at the moment it is going up. Any help would be appreciated. Thanks.
ALostSoul
Why not just do a simple HTML one?

Code:

<marquee direction="down">text here</marquee>
aningbo
some people can get really *&^*&^ sometimes lolz.

bro, try "direction=up" if u want the other way round. and may check some loops too for a smooth slow. good luck/.
f-spider
I've had this one and used it on some of my websites before. I've used it for the scrolling affiliate links on the homepage. Very Happy

Here:

Code:
<marquee onmouseover=this.stop() onmouseout=this.start() scrollAmount=1 scrolldelay=1 height="height" width="width" direction=down align=center>
<--whatever you want goes here-->
</marquee>


It also stops when you have your mouse over it, and starts when you don't, but just edit it out if you don't want to use it that way. I havn't updated it in a while also, so you may have to get it back up to date with valid code, I'm not too sure.

Hope this is what you were looking for! Very Happy

f-spider
dayveday
Just a warning, the <marquee> element doesn't look like it's actually part of HTML (it's not even a deprecated element). So, if you use it, it might not actually work on all browsers.
http://www.w3.org/TR/html401/index/elements.html
http://en.wikipedia.org/wiki/Marquee_tag
pashmina
thank you for the links. it helped me out.
Reply to topic    Frihost Forum Index -> Scripting -> Html, CSS and Javascript

FRIHOST HOME | FAQ | TOS | ABOUT US | CONTACT US | SITE MAP
© 2005-2007 Frihost, forums powered by phpBB.