Scroller TextArea ini akan menampilkan kumpulan dari string-string tertentu yang ditampilkan seperti sebuah halaman yang sedang discroll tapi bedanya kita tidak usah menscroll textarea ini karena dengan interval waktu tertentu scroller otomatis akan berjalan ke atas sehingga akan menampilkan string-string yang di tentukan di variabel penampungnya..
Code:
<html>
<head>
<title>Scroller TextArea secara Otomatis</title>
<script language="JavaScript" type="text/javascript">
<!--
function AraVob() {
}
var ScreenLine = new AraVob();
ScreenLine[1] = "Selamat Datang";
ScreenLine[2] = "Pada tutorial";
ScreenLine[3] = "Tips pemrograman Java Script";
ScreenLine[4] = "oleh";
ScreenLine[5] = "Mirza ILhami";
ScreenLine[6] = "Semoga bermanfaat";
ScreenLine[7] = "Terimakasih...Good luck"; // Anda dapat menambahkan baris baru pada ScreenLine diatas
var msgNum = 1; // pesan pertama untuk ditampilkan
var msgCnt = 7; // jumlah pesan yang akan ditampilkan
var typeSpeed = 100; // waktu dalam milisekon pergantian tiap baris untuk ditampilkan (semakin tinggi akan semakin lambat)
var lineDelay = 1000; // waktu delay pada akhir setiap baris
var pagLen = 7; // jumlah baris per halaman (jumlah baris dalam textarea)
var delay = typeSpeed;
var timerPS = null;
var linPntr = 0;
var tally = 1;
var msg = " ";
var outMsg = "";
var i = 0;
var cr="\r\n"
if (window.document) {
var cr="\n"
}
else {
ScreenLine[11]=" Anda perlu upgrade browser yang digunakan."
}
if (window.document) {
ScreenLine[10]="Browser Opera yang digunakan menunjukkan pergerakan scroll button ketika Anda"
ScreenLine[12]=" tetapi frame tidak terlihat untuk di scroll."+cr
}
// set up ScreenLines untuk tampilan
for (x = msgCnt; 1 <= x; x--) {
ScreenLine[x+pagLen] = ScreenLine[x] + cr;
}
for (x = 1; x <= (pagLen); x++) {
ScreenLine[x] = " " +cr;
}
msgCnt += pagLen;
msg = ScreenLine[1];
// akhir setup function DisplayScroll() {
if (msgNum < pagLen) {
delay = typeSpeed;
}
else {
delay = lineDelay;
}
ChangeMsg();
outMsg += msg;
self.document.forms[0].elements[0].value = outMsg;
timerPS = setTimeout("DisplayScroll()",delay);
} function ChangeMsg() {
msgNum++;
if (msgCnt < msgNum) {
msgNum = 1;
}
if (pagLen <= tally) {
chgPage();
}
tally++;
msg = ScreenLine[msgNum];
} function chgPage() {
if (msgNum < pagLen) {
linPntr = msgCnt - pagLen + msgNum + 1;
}
else {
linPntr = msgNum - (pagLen - 1);
} outMsg = ScreenLine[linPntr];
for (p = 1; p < (pagLen - 1); p++) {
linPntr++;
if (msgCnt < linPntr) {
linPntr = 1;
}
outMsg += ScreenLine[linPntr];
}
} function quitDisplay() {
self.document.forms[0].elements[0].value = "Scroll halaman untuk Anda hari ini!";
}
//-->
</script>
</head>
<body onLoad = "DisplayScroll()"; onUnload = "quitDisplay()">
<form name="msgform" action=" ">
<textarea name="msgarea" cols="29" rows="10">
Java Script area
</textarea>
</form>
</body>
</html>
Auto Scroller TextArea
My Blog
Rabu, 17 Februari 2010
1 Komentar untuk "Auto Scroller TextArea"
jadinya kayak gimana ya