Auto Scroller TextArea

Posted: 17 Februari 2010 in Pemrograman
Tag:, , , , , , ,

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>

Iklan
Komentar
  1. A.J.I berkata:

    jadinya kayak gimana ya

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s