Uzayıp Kısalan Buton

Bu script ile sayfanızda uzayıp kısalan butonlar yapabilirsiniz.


<BODY>..</BODY> arasına eklenecek kod :


<SCRIPT LANGUAGE="JavaScript">

<!--

var timerID = null

var timerRunning = false

var charNo = 0

var charMax = 0

var lineNo = 0

var lineMax = 2 // number of URL's you will use

var lineArr = new Array(lineMax)

var urlArr = new Array(lineMax)

lineArr[1] = "Geri Dön......."

urlArr[1] = "java2.htm"

lineArr[2] = "Ana Menü......."

urlArr[2] = "main.htm"



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>