Javascript

< d e v h e a d : s c r i p t l i b r a r y >
Script: 0366
Type: JavaScript
------------------------------------------------
To install this script, follow these simple steps:
1. Cut and paste this into the HEAD of your document: 

<STYLE>


.stHeadliner {font-family: lucida console, courier new, monospace;

                font-size: 11pt;
 
               font-weight: bold;
                font-style: italic;
     
           background: red;
                color: white}
</STYLE>

<SCRIPT LANGUAGE="JavaScript">
<!-- start hide


// Delay in milliseconds for the growing headliner

growWait=90


// Delay in milliseconds for the expanding headliner

expandWait=120


// Delay in milliseconds for the scrolling headliner

scrollWait=100


// Number of characters in scrolling zone for the scrolling headliner


scrollWidth=40

// Number of lines, specify as much as you want to use


lineMax=4
lines=new Array(lineMax)


// Define the lines (Text to display, url, effect, time to wait)


lines[1]=new Line("Welcome to the ScriptLibrary", 

"http://www.zdnet.com/devhead/resources/scriptlibrary/", Expand, 2000)

lines[2]=new Line("Get the script details", "index.html", Scroll, 1000)

lines[3]=new Line("Jump to ZDNet!", "http://www.zdnet.com", Static, 2500)

lines[4]=new Line("Well, you can also email me!",
 
"mailto:[email protected]", Grow, 3000)


// Some other variables (just don't change)


lineText=""
timerID=null
timerRunning=false

spaces=""
charNo=0
charMax=0
charMiddle=0
lineNo=0
lineWait=0


// Define line object

function Line(text, url, type, wait) {
  
      this.text=text
        this.url=url
        this.Display=type
      
  this.wait=wait
}

// Fill a string with n chars c


function StringFill(c, n) {
        s=""
        while (--n >= 0) {
  
              s+=c
        }
        return s
}

function Static() {
   
     document.formDisplay.buttonFace.value=this.text
      
  timerID=setTimeout("ShowNextLine()", this.wait)
}

function Grow() {
     
   lineText=this.text
        lineWait=this.wait
        charMax=lineText.length
     
  TextGrow()
}

function TextGrow() {
        if (charNo <= charMax) {
            
    document.formDisplay.buttonFace.value=lineText.substring
(0, charNo)
          
      charNo++
           
     timerID=setTimeout("TextGrow()", growWait)
     
   }
     
   else {
                charNo=0
            
    timerID=setTimeout("ShowNextLine()", lineWait)
        }
}

function Expand() 
{
        lineText=this.text
        charMax=lineText.length
     
   charMiddle=Math.round(charMax / 2)
        lineWait=this.wait
       
 TextExpand()
}


function TextExpand() {
        if (charNo <= charMiddle) {
            
    document.formDisplay.buttonFace.value=lineText.substring

(charMiddle - charNo, charMiddle + charNo)
      
          charNo++
                
timerID=setTimeout("TextExpand()", expandWait)
        }
       
 else {
                charNo=0
                
timerID=setTimeout("ShowNextLine()", lineWait)
  
      }
}

function Scroll() {
        spaces=StringFill(" ", scrollWidth)
    
    lineText=spaces+this.text
        charMax=lineText.length
        
lineText+=spaces
        lineWait=this.wait
        TextScroll()
}


function TextScroll() {
        if (charNo <= charMax) {
       
         document.formDisplay.buttonFace.value=lineText.substring
(charNo, scrollWidth+charNo)

                charNo++
                timerID=setTimeout("TextScroll()", scrollWait)

        }
        else {
                charNo=0
            
    timerID=setTimeout("ShowNextLine()", lineWait)
        }
}


function StartHeadliner() {
        StopHeadliner()
       
 timerID=setTimeout("ShowNextLine()", 1000)
        timerRunning=true
}


function StopHeadliner() {
        if (timerRunning) { 
       
         clearTimeout(timerID)
                timerRunning=false
        }
}


function ShowNextLine() {
        (lineNo < lineMax) ? lineNo++ : lineNo=1
   
     lines[lineNo].Display()
}

function GotoUrl(url)
{
   
     top.location.href=url
}
// end hide -->
</SCRIPT>

2. Cut and paste this event handler into the BODY tag:
onLoad="StartHeadliner()"
onUnload="StopHeadliner()"
3. Cut and paste this into the BODY of your document:

<div align="center"><form name="formDisplay">

<input class="stHeadLiner" type="button" name="buttonFace" 

value="** The Headliner by Jan Pijnacker **" 
onClick="GotoUrl(lines[lineNo].url)">

</INPUT>
</form></div>