Hihi mao tau cara ngedipin textbox field di HTML lu?
ni carana untuk mngedip-ngdipkan text box di html.
Pertama bikin file untuk Javascriptna: blinkingTextboxEffect.js
ni code na:
window.Blink = function(args){
// Set Color dan Detik sample na., [args,'COLOR',SECONDS]
args = (/,/.test(args))? args.split(/,/): [args,'#FFD100',10];
var who = document.getElementById(args[0]);
var count = parseInt(args[2]);
if (--count <=0) {
who.style.backgroundColor = '';
if(who.focus) who.focus();
} else {
args[2]=count+'';
who.style.backgroundColor=(count%2==0)? '': args[1];
args='\"'+args.join(',')+'\"';
setTimeout("Blink("+args+")",500);
}
}
// Multiple onload function
function addLoadEvent(func) {
var oldonload = window.onload;
if (typeof window.onload != 'function') {
window.onload = func;
} else {
window.onload = function() {
if (oldonload) {
oldonload();
}
func();
}
}
}
addLoadEvent(function() {
// Set nama field yg dikasi blink
Blink('name');
});
Trus bikin satu file untuk HTML na...:
blinking-textbox-javascript.htmlni code na:
di bagian HEAD TAG kasi code dibawah ini untuk manggil file javascript yg dibuat tadi:
<head>
<title></title>
<script type="text/javascript" src="blinkingTextboxEffect.js"></script>
</head>
di bagian BODY TAG bikin sample filed na
<table>
<tr>
<td width="50"><b>Name:</b></td>
<td width="300"><input id="name" type="text"></td>
</tr><tr>
<td width="50"><b>E-mail:</b></td>
<td width="300"><input id="email" type="text"></td>
</tr><tr>
<td colspan="2" align="center">
<input type="button" value="Submit" onClick="alert('Your form would have been submitted')">
</td>
</tr>
</table>
Naaah jadi lengkapna kaya gini niiih contoh penggunaanna dalam file HTML
<html>
<head>
<title></title>
<script type="text/javascript" src="blinkingTextboxEffect.js"></script>
</head>
<body bgcolor="#FFFFFF">
<table>
<tr>
<td width="50"><b>Name:</b></td>
<td width="300"><input id="name" type="text"></td>
</tr><tr>
<td width="50"><b>E-mail:</b></td>
<td width="300"><input id="email" type="text"></td>
</tr><tr>
<td colspan="2" align="center">
<input type="button" value="Submit" onClick="alert('Nge Tes Nge Submit Bro ...!!!!')">
</td>
</tr>
</table>
</body>
</html>
Hmmmmm....
cobain aja deh, mayan bwat praktek
