Vyrůstající tlačítko

Tento efektní JavaScript generuje vyrůstající tlačítka s odkazy na internetové stránky.


Kód JavaScriptu
V hlavičce dokumentu
< SCRIPT LANGUAGE="JavaScript">
//author: Jan_P@dds.nl
//modified by L. Fialová
var timerID = null
var timerRunning = false
var charNo = 0
var charMax = 0
var lineNo = 0
var lineArr = new Array('',
'Název první stránky', //Zelený choromyslný ústav
'Název druhé stránky', //Kotelna Hlavního nádraží ČD
'Název třetí stránky', //Primátor hl. m. Prahy
...
'Název poslední stránky') // Já

var urlArr = new Array('',
'WWW adresa 1. stránky', // www.zchu.cz
'WWW adresa 2. stránky', // www.kotelna.cd.cz
'WWW adresa 3. stránky', // www.primator.hlmp.cz
...
'WWW adresa poslední stránky') //www.me.cz

var lineText = lineArr[1]

function StartShow() {
	StopShow()
	ShowLine()
	timerRunning = true
}

function FillSpaces() {
	for (var i = 1; i <= lineWidth; i++) {
		spaces += " "
	}
}

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

function ShowLine() {
	if (charNo == 0) { 
		if (lineNo < lineArr.length-1) 
			{
			lineNo++
		}
		else {
			lineNo = 1
		}
		lineText = lineArr[lineNo]
		charMax = lineText.length
	}
	if (charNo <= charMax) { // Next char
		document.formDisplay.buttonFace.value =
		lineText.substring(0, charNo)
		charNo++
		timerID = setTimeout("ShowLine()", 100)
	}
	else {
		charNo = 0
		timerID = setTimeout("ShowLine()", 3000)
	}
}

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

V těle dokumentu
< FORM NAME="formDisplay">
< INPUT TYPE="BUTTON" NAME="buttonFace" VALUE="&{lineText}"
 SIZE="18" onClick="GotoUrl(urlArr[lineNo])">
< /FORM>
< SCRIPT LANGUAGE="JavaScript">
StartShow();
< /SCRIPT>
Začátek
Další
Předchozí
Zpět