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...
-
Kerusakan pada monitor yang banyak macamnya, sebaiknya diketahui terlebih dulu urutan pengecekan perbaikan monitor, sehingga dalam pelaksa...
-
Cara Mendaftarkan / Submit Website dan Blog Ke 50 Search Engine Sekaligus [caption id="attachment_225" align="alignright"...
-
Windows XP Fire Edition 2011 dengan Service Pack 3 ini adalah OS terbaru buatan dari Bassem Galal, yang mana Windows XP modifikasi perpadu...
-
Kali ini saya akan berbagi tentang Panduan Cara Membuat Toko Online Mudah Cepat dan Gratis!. Artikel ini merupakan lanjutan dari Panduan Len...
-
Karena kemajuan dalam teknologi mobile, sekarang ini hampir semua ponsel dilengkapi dengan kemampuan surfing internet. Akibatnya, semakin ba...
-
Hari Selasa, 24 April 2012 kemarin Google luncurkan algoritma baru yaitu ‘Google Pinguin’. Belum lagi selesai kengerian oleh google panda ...
-
[caption id="attachment_715" align="alignright" width="300"] Web Hosting[/caption] Ada yang sedang mencari ho...
-
Afikaa... | Iya | Ada yang baru nich | Apa? | Jambul Jagung | ha? Jambul Jagung? | sesuatu banget 'kan? ngekkk! Afika , si bintang iklan...
-
Baru saja saya sudah mendapatkan beberapa pertanyaan tentang bagaimana untuk men-download semua file dari folder pada sebuah situs web. Ada ...
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