Tutorial HTML : Tulisan Mengetik Sendiri

Halo guys, kali ini saya akan mengulas sedikit tentang html form.. apa itu html form? HTML form yaitu sebuah perintah yg akan membuat form kemudian diiringi dengan teks yg mengetik sendiri. Bagaimana command nya? Penasaran? Langsung saja mencobanya yaa,, berikut ini merupakan salah satu contoh yg saya buat... contoh dibawah saya tulis dengan menggunakan notepad++ atau yg biasa di sebut npp, kalian juga bisa membuatnya dengan teks editor lain, misal notepad, gedit, dan yg lainnya. Namun lebih efisien dengan notepad++

contoh :

<form name="news">
<p align="center"><textarea cols="50" name="news2" rows="3" ></textarea></form></p>
<script type="text/javascript">
//<![CDATA[
var newsText = new Array();
newsText[0] = "Hai kawan..";
newsText[1] = "Berikut ini adalah contoh dari form teks";
newsText[2] = "Kalian bisa mencoba ini. ";
newsText[3] = "Teks bisa ditambahkan sesuai keinginan ";
var ttloop = 1; // diulang-ulang teksnya ganti dengan 1 (1 = True; 0 = False)
var tspeed = 100; // Typing speed in Milliseconds (larger number = slower)
var tdelay = 1000; // Time delay between newsTexts in Milliseconds
// ------------- NO EDITING AFTER THIS LINE -------------
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>

nah pada bagian newsText[nomor] kalian dapat menambahkan sebanyak kalian yg kalian inginkan, simpan dengan format form.html atau nama lain sesuai kalian suka dengan ekstensi *html
selesai sudah tutorial kali ini, selamat mencoba ^^

Comments

Popular Posts