|
JavaScript Button Scrollbar.
Autor: unbekannt
in <head> einfügen
<script language="JavaScript">
var n = 1
var nn = 2
var nnn = 3
var nnnn = 4 /*Add more variables if you want more buttons showing, or take
them off if you want less. Remember to change the rest of the script
accordingly if you do this, as well as the <INPUT> tags in the HTML.*/
var theMessages = new Array(7); {
theMessages[1] = "your Page one."
theMessages[2] = "your Page two."
theMessages[3] = "your Page three."
theMessages[4] = "your Page four."
theMessages[5] = "your Page five."
theMessages[6] = "your Page six."
theMessages[7] = "your Page seven." /*You don't have to have this array unless you still want alert boxes appearing when the buttons are clicked.*/
}
var theValues = new Array(7); {
theValues[1] = "Page 1"
theValues[2] = "Page 2"
theValues[3] = "Page 3"
theValues[4] = "Page 4"
theValues[5] = "Page 5"
theValues[6] = "Page 6"
theValues[7] = "Page 7" } //add more values and/or change them for your liking.
function goup() {
if(n > 1){n = n-1
nn = nn-1
nnn = nnn-1
nnnn = nnnn-1
//If you've changed the amount of buttons showing, add your extra variables - 1 here.
update()}}
function godown() {
if(nnnn < 7) { //Change the 7 if you want more buttons
n++
nn++
nnn++
nnnn++
/*Add your extra variables, with a '++' right after them here, if you've
changed the amount of buttons showing.*/
update()}
else{}}
//You could do 'window.location.href="whatever.html"' insted of the current alert boxes.
function go1() {
alert(cap1)}
function go2() {
alert(cap2)}
function go3() {
alert(cap3)}
function go4() {
alert(cap4)}
function update() {
document.form1.b1.value = theValues[n]
document.form1.b2.value = theValues[nn]
document.form1.b3.value = theValues[nnn]
document.form1.b4.value = theValues[nnnn]
cap1 = theMessages[n]
cap2 = theMessages[nn]
cap3 = theMessages[nnn]
cap4 = theMessages[nnnn]}
//-->
</script>
<body> in <body onload="update()"> ändern
in <body> einfügen
<form name="form1">
<input type=button name="up" value=" ^ " onclick="goup()"><br>
<input type=button name="b1" value="to Page 1 " onclick="go1()"><br>
<input type=button name="b2" value="to Page 2 " onclick="go2()"><br>
<input type=button name="b3" value="to Page 3 " onclick="go3()"><br>
<input type=button name="b4" value="to Page 4 " onclick="go4()"><br>
<!-- add extra buttons here -->
<input type=button name="down" value=" v " onclick="godown()">
</form> |