Bagaimana Cara Membuat Tulisan Mengetik Sendiri pada Web

Share/Bookmark

Jumpa lagi di blog kita tercinta ini nyengir dan dengan artikel selanjutnya, tentu saja. Disini saya akan nge-share bagaimana cara membuat tulisan berjalan/tulisan yang dapat mengetik sendiri dan merupakan yang ditanyakan oleh salah satu pengunjung blog ini. Makasih udah dikunjungi malu. Tapi tentu saja bukan hasil karya saya, tapi ngopi dari blog tetangga siul. Contoh tulisan yang dapat ngetik sendiri dapat anda buka di sini. Ok, tanpa panjang lebar lagi, mari kita mulai membuatnya.

Pada kasus kali ini, kita menggunakan 2 jenis script. Script yang pertama adalah javascript, dimana yang fungsinya untuk menjalankan proses perintah tersebut. Sedangkan script yang kedua adalah script html, yang fungsinya untuk menampilkan hasil atau keluaran dari proses tersebut. Namun kedua script tersebut dapat diletakkan dalam satu file. Script tersebut antara lain:

  • Script javascript
<script language="javascript">
var newsText = new Array();
newsText[0] = "text1.";
newsText[1] = "text2.";
newsText[2] = "dst...";
var ttloop = 1;
var tspeed = 70;
var tdelay = 1000;
var dwAText, cnews=0, eline=0, cchar=0, mxText;
function doNews() {
mxText = newsText.length - 1;
dwAText = newsText[cnews];
setTimeout("addChar()",1000)
}
function addNews() {
cnews += 1;
if (cnews <= mxText) {
dwAText = newsText[cnews];
if (dwAText.length != 0) {
document.news.news2.value = "";
eline = 0;
setTimeout("addChar()",tspeed)
}
}
}
function addChar() {
if (eline!=1) {
if (cchar != dwAText.length) {
nmttxt = ""; for (var k=0; k<=cchar;k++) nmttxt += dwAText.charAt(k);
document.news.news2.value = nmttxt;
cchar += 1;
if (cchar != dwAText.length) document.news.news2.value += "|_";
} else {
cchar = 0;
eline = 1;
}
if (mxText==cnews && eline!=0 && ttloop!=0) {
cnews = 0; setTimeout("addNews()",tdelay);
} else setTimeout("addChar()",tspeed);
} else {
setTimeout("addNews()",tdelay)
}
}
doNews()
</script>
  • Script html
<form name="news">
<div align="center">
<textarea cols="100" name="news2" rows="2" wrap="virtual" readonly="readonly" style="border: 0">

Nah, mudah bukan? sekarang giliran anda yang melakukannya bagooos

Demo
download

3 Komentar


Komentar anda sangat berguna bagi kemajuan blog ini.
Wayan said...

Hahaha, Tengkyu mas Bro Titornya,,! udah saya coba, dan gud!! xixi ^_^
Aditya eka prastyo said...

makasih gan,ini sangat membantu...
fiska said...

makasih mz buat infonya, lagi nyari-nyari yang begini akhirnya nemu juga disini..
mampir ke blogQ yaw..^^

Post a Comment

Xinthinx Blog Tutorial © 2008 Template by Dicas Blogger, emoticon from Yahoo! and KASKUS.

TOPO