PDA

View Full Version : Two similar scripts on one page?



Scampi
02-07-2008, 06:20 PM
Hey guys!

I am wondering:

is it possible to put two similar scripts on one page?
The script in question is http://www.dynamicdrive.com/dynamicindex17/iframescroll.htm

I have to different places on one page where I'd like the script, with different height and width.

Is it possible, and if so...what should I do?

WGW
02-09-2008, 07:53 PM
I use the following script more than once on a page, just wherever you want it, you just have to copy the below to each section of the page.

This section is where you actually have the content of the scroller.
If you need to use an apostrophe to indicate plurals nouns, be sure to use the backslash \' before it otherwise your script will end at that 2nd ' (apostrophe)

var scrollercontent='<center>Enter your HTML Code\'s here</center>'

This section is the dimensions of the scroller:

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

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

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

The Complete Code:


<script language="JavaScript1.2">

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

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

// 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='<center>Enter your Scroller\'s HTML here</center>'

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>

Scampi
02-10-2008, 03:49 PM
Thank you for your reply!

Although I have one problem: I am unable to control the scroll-function with the "up" and "down"-links...solution?