Announcement

Collapse
No announcement yet.

scroller

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • scroller

    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>
    Chitra B. Gurung
    EVERGREEN Tours,
    Kathmandu, Nepal
    www.egtours.com

  • #2
    Re: scroller

    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

    VodaHost

    Your Website People!
    1-302-283-3777 North America / International
    02036089024 / United Kingdom
    291916438 / Australia

    ------------------------

    Top 3 Best Sellers

    Web Hosting - Unlimited disk space & bandwidth.

    Reseller Hosting - Start your own web hosting business.

    Search Engine & Directory Submission - 300 directories + (Google,Yahoo,Bing)


    Comment

    Working...
    X