You must enable Javascript in your browser to run or open this site.

Textarea Auto Typing

Sobat pasti tau kan dengan yang namanya Textarea? Textarea umumnya adalah wilayah kotak yang biasanya dijadikan tempat pada tulisan-tulisan, lengkapnya bisa sobat temukan disini. Biasanya ditextarea tersebut diletakan tulisan-tulisan penting atau memberitahukan para pengunjung oleh pemilik seperti bertukar link dan banner, undangan, memberitahukan kapan under construcktion dan lain lain. Textarea juga dapat dihias agar terlihat tampak lebih menarik dan lebih indah. Mulai Font, Background, Border, dan lain lain.

Bicara soal Textarea, saya akan berbagi sejenak tentang Bagaimana Textarea bisa mengetik dengan sendirinya saat diperlihatkan kepara pengunjung. Anggapan seperti menulis secara live dan diperlihatkan langsung kepada pengunjung.
Demo Textarea Auto Typing :



Bagus bukan? :) Penasaran untuk di tancapkan ke blog sobat? yuk simak liputan berikut :D haha. Tetapi ingat, jangan ada script yang tertinggal ya :)
• Buka Blogger.com dan masukan Password dan ID sobat

• Buka Tab Design atau Element Page saat sobat di Dashboard

• Add a Gadget → Pilih Javascript → Masukan Kode berikut :
<form name="news">
<textarea rows="4" style="font-size:12px;font-family:comic sans ms" cols="35" name="news2" wrap="virtual"></textarea>

<script language="JavaScript">

var newsText = new Array();
newsText[0] = "Hello My name Is Farixsan and i'll tell you about this Message";
newsText[1] = "Hmmmm... hahaha i can't speak English :D ,i don't care :D";
newsText[2] = "Sebenarnya Message ini adalah Textarea yang dirancang khusus untuk menulis secara otomatis";
newsText[3] = "Tentunya penggunaan ini sangat bagus dan dipercaya menarik para pengunjung untuk membacanya :D Ya po ya?";
newsText[4] = "Teknik pembuatannya sangat mudah dan simple serta tidaklah rumit untuk Settingannya";
newsText[5] = "Hmmmm.... saya kira cukup segini saja keterangan dari sini, sisanya dibawahnya ini aja ya :D";
newsText[6] = "Byeeeeee :)";

var ttloop = 1; // Ulang Tulisan atau Tidak jika 1 = ya, 0 = tidak
var tspeed = 70; // Jalannya tulisan per milisekon (makin banyak makin lambat)
var tdelay = 1000; // Pergantian Kalimat

// ------------- CANNOT EDITING ------------- \
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>
</form>
Sudah ada keterangan diatas, Kode Biru adalah kata kata yang akan otomatis tertulis sendiri nantinya. [0] sama dengan urutan sampai tak terhingga juga bisa.

• Save. Lihat Hasilnya :)
Bagaimana? Bagus bukan :) Hehehe sampai ketemu di Episode selanjutnya bersama Farixsantips hehehe

5 comments