scroller

chitragurung · #1 08-25-2009, 10:16 AM

I want to edit following script with my own, when I paste in Front page but I could not edit in design only I can edit through html code only. It display only in preview not in design page ? why ?

<html>
<head><style type="text/css">
/*Example CSS for the two demo scrollers*/
#pscroller1{
width: 100%;
height: 100px;
border: 0px solid black;
padding: 5px;
background-color: lightyellow;
}
#pscroller2{
width: 100%;
height: 20px;
border: 0px solid black;
padding: 3px;
}
#pscroller2 a{
text-decoration: none;
}
.someclass{ //class to apply to your scroller(s) if desired
}
</style>
<script type="text/javascript">
/*Example message arrays for the two demo scrollers*/
var pausecontent=new Array()
pausecontent[0]='<br />I want to thank you for everything ! you have showed us your beautiful country and we all enjoyed it. Charlotte, The Netherland'
pausecontent[1]='<br />Thank you for everything ! Thanks to you I had a trip I will never forget my whole life. Every moment was a highlight !.. Lots of love ! Puck, The Netherland'
pausecontent[2]='<br />Categorized CSS gallery and examples.'
pausecontent[3]='<br />Of course I want to thank you too for showing us your beautiful and great country. we will see you in Holland ! Thanks.. Gys'
pausecontent[4]='<br />Thank you for everything you showed us the past 24 days here in Nepal ! I think we have had a great time together ! I am glad to have three new friends and I wont forget you.. Renno, Holland'
pausecontent[5]='<br />It was really fun to be in your country and I enjoyed your company. I learnt a lot, thanks to your wonderful guides. ...Thank you for everything. Flip, Holland'

</script>
<script type="text/javascript">
/***********************************************
* Pausing up-down scroller- © Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
***********************************************/
function pausescroller(content, divId, divClass, delay){
this.content=content //message array content
this.tickerid=divId //ID of ticker div to display information
this.delay=delay //Delay between msg change, in miliseconds.
this.mouseoverBol=0 //Boolean to indicate whether mouse is currently over scroller (and pause it if it is)
this.hiddendivpointer=1 //index of message array for hidden div
document.write('<div id="'+divId+'" class="'+divClass+'" style="position: relative; overflow: hidden"><div class="innerDiv" style="position: absolute; width: 100%" id="'+divId+'1">'+content[0]+'</div><div class="innerDiv" style="position: absolute; width: 100%; visibility: hidden" id="'+divId+'2">'+content[1]+'</div></div>')
var scrollerinstance=this
if (window.addEventListener) //run onload in DOM2 browsers
window.addEventListener("load", function(){scrollerinstance.initialize()}, false)
else if (window.attachEvent) //run onload in IE5.5+
window.attachEvent("onload", function(){scrollerinstance.initialize()})
else if (document.getElementById) //if legacy DOM browsers, just start scroller after 0.5 sec
setTimeout(function(){scrollerinstance.initialize( )}, 500)
}
// -------------------------------------------------------------------
// initialize()- Initialize scroller method.
// -Get div objects, set initial positions, start up down animation
// -------------------------------------------------------------------
pausescroller.prototype.initialize=function(){
this.tickerdiv=document.getElementById(this.ticker id)
this.visiblediv=document.getElementById(this.ticke rid+"1")
this.hiddendiv=document.getElementById(this.ticker id+"2")
this.visibledivtop=parseInt(pausescroller.getCSSpa dding(this.tickerdiv))
//set width of inner DIVs to outer DIV's width minus padding (padding assumed to be top padding x 2)
this.visiblediv.style.width=this.hiddendiv.style.w idth=this.tickerdiv.offsetWidth-(this.visibledivtop*2)+"px"
this.getinline(this.visiblediv, this.hiddendiv)
this.hiddendiv.style.visibility="visible"
var scrollerinstance=this
document.getElementById(this.tickerid).onmouseover =function(){scrollerinstance.mouseoverBol=1}
document.getElementById(this.tickerid).onmouseout= function(){scrollerinstance.mouseoverBol=0}
if (window.attachEvent) //Clean up loose references in IE
window.attachEvent("onunload", function(){scrollerinstance.tickerdiv.onmouseover= scrollerinstance.tickerdiv.onmouseout=null})
setTimeout(function(){scrollerinstance.animateup() }, this.delay)
}

// -------------------------------------------------------------------
// animateup()- Move the two inner divs of the scroller up and in sync
// -------------------------------------------------------------------
pausescroller.prototype.animateup=function(){
var scrollerinstance=this
if (parseInt(this.hiddendiv.style.top)>(this.visibled ivtop+5)){
this.visiblediv.style.top=parseInt(this.visiblediv .style.top)-5+"px"
this.hiddendiv.style.top=parseInt(this.hiddendiv.s tyle.top)-5+"px"
setTimeout(function(){scrollerinstance.animateup() }, 50)
}
else{
this.getinline(this.hiddendiv, this.visiblediv)
this.swapdivs()
setTimeout(function(){scrollerinstance.setmessage( )}, this.delay)
}
}
// -------------------------------------------------------------------
// swapdivs()- Swap between which is the visible and which is the hidden div
// -------------------------------------------------------------------
pausescroller.prototype.swapdivs=function(){
var tempcontainer=this.visiblediv
this.visiblediv=this.hiddendiv
this.hiddendiv=tempcontainer
}
pausescroller.prototype.getinline=function(div1, div2){
div1.style.top=this.visibledivtop+"px"
div2.style.top=Math.max(div1.parentNode.offsetHeig ht, div1.offsetHeight)+"px"
}
// -------------------------------------------------------------------
// setmessage()- Populate the hidden div with the next message before it's visible
// -------------------------------------------------------------------
pausescroller.prototype.setmessage=function(){
var scrollerinstance=this
if (this.mouseoverBol==1) //if mouse is currently over scoller, do nothing (pause it)
setTimeout(function(){scrollerinstance.setmessage( )}, 100)
else{
var i=this.hiddendivpointer
var ceiling=this.content.length
this.hiddendivpointer=(i+1>ceiling-1)? 0 : i+1
this.hiddendiv.innerHTML=this.content[this.hiddendivpointer]
this.animateup()
}
}
pausescroller.getCSSpadding=function(tickerobj){ //get CSS padding value, if any
if (tickerobj.currentStyle)
return tickerobj.currentStyle["paddingTop"]
else if (window.getComputedStyle) //if DOM2
return window.getComputedStyle(tickerobj, "").getPropertyValue("padding-top")
else
return 0
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 4</title>
</head>
<body><script type="text/javascript">
//new pausescroller(name_of_message_array, CSS_ID, CSS_classname, pause_in_miliseconds)
new pausescroller(pausecontent, "pscroller1", "someclass", 3000)
document.write("<br />")
</script>
</body>
</html>

Karen Mac · #2 08-25-2009, 01:30 PM

It most likely interferes with soho functions.

You would have to put part of it in the head section and part of it in the body section and you would have to know WHERE to put it within soho coding..

This script doesnt want to run in the HEADER where you want it to.. it says BODY

Karen

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)