WebTechnologie - ukázkové skripty PHP, XHTML, JavaScript, CSS... (c) Scorpions.cz

HOME SKRIPTY

Tlačítko - Přeměňovací
Normální položka
Zobrazeno: 5979

Popis: 3 postupně se obměňující tlačítka.
Funkčnost: Funkční v IE 5.5 a vyšší,
Hodnocení: *****
Ukázka

<SCRIPT LANGUAGE="JavaScript">
<!--
var timerID = null
var timerRunning = false
var charNo = 0
var charMax = 0
var lineNo = 0
var lineMax = 3
var lineArr = new Array(lineMax)
var urlArr = new Array(lineMax)
lineArr[1] = "Něco1"                  
urlArr[1] = "http://www.cheater.cz"
lineArr[2] = "Něco2"                  
urlArr[2] = "http://www.cheater.cz"
lineArr[3] = "Něco3"                  
urlArr[3] = "http://www.cheater.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) { // Next line
                if (lineNo < lineMax)         {
                        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>

<SCRIPT LANGUAGE="JavaScript">
<!--
document.write("<FORM NAME=\"formDisplay\">");
document.write("<INPUT TYPE=\"BUTTON\" NAME=\"buttonFace\" VALUE=\"&{lineText}\" SIZE=\"18\" onClick=\"GotoUrl(urlArr[lineNo])\">");
document.write("</FORM>");
StartShow();
//-->
</SCRIPT>