Mohon maaf, mungkin terdapat beberpa artikel yang contohnya tidak ada dan tidak dapat didownload bahkan sudah tidak dapat diterapkan. Hal ini dikarenakan artikel tersebut ditulis babaerapa tahun lalu (jadul).

12 June 2011

Bagaimana Cara Membuat Tulisan Mengetik Sendiri pada Web

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 comments:

  1. Hahaha, Tengkyu mas Bro Titornya,,! udah saya coba, dan gud!! xixi ^_^

    ReplyDelete
  2. makasih gan,ini sangat membantu...

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

    ReplyDelete