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>
All about computer, internet and blogging tips trick
Home
»
Auto scroller
»
coding
»
html
»
javascript
»
Pemrograman
»
programming
»
script
»
text area
»
tips
»
Auto Scroller TextArea
Popular Posts
-
WordPress adalah aplikasi blogging yang paling banyak digunakan dan berkat kerja keras komunitas yang terus berusaha meningkatkan kinerjany...
-
Cara membuat website / blog profesional gratis, cepat dan mudah serta bisa menghasilkan uang. Hanya Dalam 15 Menit!!! Anda ingin punya Websi...
-
Windows XP Fire Edition 2011 dengan Service Pack 3 ini adalah OS terbaru buatan dari Bassem Galal, yang mana Windows XP modifikasi perpadu...
-
Beasiswa Kuliah Bidik Misi Tahun 2012 - Pada tahun 2012 tersedia 30.000 beasiswa Bidikmisi yang diselenggarakan di 87 perguruan tinggi neg...
-
Kali ini saya akan berbagi tentang Panduan Cara Membuat Toko Online Mudah Cepat dan Gratis!. Artikel ini merupakan lanjutan dari Panduan Len...
-
RPP SD dalam bentuk Ms.Word silahkan download : 1. Pkn (Pendidikan Kewarganegaraan) - RPP Silabus PKN SD 1.zip - RPP Silabus PKN SD 2.zip ...
-
[caption id="attachment_715" align="alignright" width="300"] Web Hosting[/caption] Ada yang sedang mencari ho...
-
Kerusakan pada monitor yang banyak macamnya, sebaiknya diketahui terlebih dulu urutan pengecekan perbaikan monitor, sehingga dalam pelaksa...
-
Afika The Series. KUMPULAN PERCAKAPAN LUCU AFIKA OREO DENGAN BEBERAPA TOKOH TERKENAL Boink: Afikaa .. Afika: Iyaa.. Boink: Ada yg baru neh.....
-
Afikaaaah…… | Waoow, Om Obama | Om mau minta Oweo kamu, boleh? | Iyaaaaa.... | Terima kasih ya,,, amm nyam nyam... | Emang ga bisa beli ya, ...
Lek Dis Yo
Blog Temen
Diberdayakan oleh Blogger.
Copyright © 2014 Habibi Mustafa - All Rights Reserved
Template By. Catatan Info
1 Komentar untuk "Auto Scroller TextArea"
jadinya kayak gimana ya