Cara Buat Typing Text dalam Text Area


Cara Buat Typing Text  dalam Text Area
Membuat Pesan atau pengumuman di Blog dengan Typing Text dalam Text Area.


Dengan JavaScript berikut sobat bebas menciptakan pesan , bisa mengatur kecepatan Typing dan ini lumayan keren untuk menyambut pengunjung blog Sobat.


D E M O

Cara Pasang di Blog
 Sobat Bisa Pasang pada widget Blog atau pada Artikel
Cukup Copy dan Paste Code berikut, Sobat bisa ubah kecepatan Typing ,  Jangan lupa ganti Text


Berikut ini Codenya :
<form name="news">
<textarea cols="40" name="news2" rows="4" wrap="virtual"></textarea>
</form>

<script language="JavaScript">
var newsText = new Array();
newsText[0] = "Selamat Datang sobat Blogger Mania";
newsText[1] = "Pada tutorial dan demo kumpulancara.com";
newsText[2] = "Semoga semua bermanfaat...Jangan Lupa Komentarnya.";
newsText[3] = "Indonesia Akhir 2012";
newsText[4] = "http://www.kumpulancara.com"

var ttloop = 1;    // Repeat forever? (1 = True; 0 = False)
var tspeed = 50;   // Typing speed in milliseconds (larger number = slower)
var tdelay = 1000; // Time delay between newsTexts in milliseconds

// ------------- Sebaiknya jangan edit code dibawah ini ------------- \
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>
SELAMAT MENCOBA dan Semoga Bermanfaat
Cara Buat Typing Text dalam Text Area 10out of 10 ratings.
Powered by Blogger.