Archive for 'javascript'

Aug201003

Admin

0

number only in textbox

Pernah berpikiran gimana meng set textbox pada halaman website yang khusus untuk ditulisi dengan angka, huruf tidak bisa dituliskan di textbox ini.

hemm.. langsung sajah deh, ini ada source, bagaimana bermain-main dengan javascript, sehingga textbox hanya bisa ditulisi dengan huruf

/*
JavaScript Bible, Fourth Edition
by Danny Goodman

John Wiley & Sons CopyRight 2001
*/

<HTML>
<HEAD>
<TITLE>Letting Only Numbers Pass to a Form Field</TITLE>
<SCRIPT LANGUAGE="JavaScript">
function checkIt(evt) {
evt = (evt) ? evt : window.event
var charCode = (evt.which) ? evt.which : evt.keyCode
if (charCode > 31 &amp;&amp; (charCode < 48 || charCode > 57)) {
status = "This field accepts numbers only."
return false
}
status = ""
return true
}
</SCRIPT>
</HEAD>

<BODY>
<H1>Letting Only Numbers Pass to a Form Field</H1>
<HR>
<FORM onSubmit="return false">
Enter any positive integer: <INPUT TYPE="text" NAME="numeric"
onKeyPress="return checkIt(event)">
</FORM>
</BODY>
</HTML>

gak percaya.. silahkan dicoba disini

Aug200907

Admin

3

Menampilkan Tanggal pada website menggunakan javascript

Seringkali kita melihat website atau blog pribadi yang di pasang informasi tanggal. Sebenarnya untuk membuat tampilan tanggal pada website tidak sesulit yang dikira, kita tinggal memasukkan beberapa script (javascript) di tempat yang akan dipasangi tanggal. Jadi deh bisa dilihat tanggal berapa sekarang. Biasanya tanggal tersebut mengambil data sesuai yang ada di tanggal komputer anda, lebih tepatnya di bios. Coba saja merubah setingan tanggal pada komputer anda, maka tanggal yang di pasang akan ikut berubah juga. Tertarik untuk mencoba silahkan di coba javascript tanggal berikut ini, tinggal copy paste saja

untuk tampilan dengan format dd/mm/yy (contoh : 01/02/2009)


<script type="text/javascript"><!--
var date = new Date();
var d  = date.getDate();
var day = (d < 10) ? '0' + d : d;
var m = date.getMonth() + 1;
var month = (m < 10) ? '0' + m : m;
var yy = date.getYear();
var year = (yy < 1000) ? yy + 1900 : yy;

document.write(day + "/" + month + "/" + year);
//--></script>

Sedangkan untuk format date/month/year (contoh: 1 januari 2009)


<script type="text/javascript"><!--
function makeArray() {
for (i = 0; i<makeArray.arguments.length; i++)
this[i + 1] = makeArray.arguments[i];
}

var months = new makeArray('Januari','Februari','Maret','April','Mei',
'Juni','Juli','Augustus','September','Oktober','November','Desember');
var date = new Date();
var day = date.getDate();
var month = date.getMonth() + 1;
var yy = date.getYear();
var year = (yy < 1000) ? yy + 1900 : yy;

document.write(day + " " + months[month] + " " + year);
//--></script>

mudah bukan….

Selamat belajar javascript

Apr200919

Admin

1

transparacy png pada IE5 dan IE6

Ketika kita menggunakan gambar Transparan dengan format PNG di browser IE5 dan IE6 biasanya sering muncul warna lain yang tidak sesuai dengan keinginan kita, hal seperti itu bisa disiasati dengan menggunakan bantuan javascript. Adapun bantuan yang di maksud adalah sebagai berikut :


<script language="JavaScript">
function correctPNG() // correctly handle PNG transparency in Win IE 5.5 &amp; 6.
{
var arVersion = navigator.appVersion.split("MSIE")
var version = parseFloat(arVersion[1])
if ((version >= 5.5) &amp;&amp; (document.body.filters))
{
for(var i=0; i<document.images.length; i++)
{
var img = document.images[i]
var imgName = img.src.toUpperCase()
if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
{
var imgID = (img.id) ? "id='" + img.id + "' " : ""
var imgClass = (img.className) ? "class='" + img.className + "' " : ""
var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
var imgStyle = "display:inline-block;" + img.style.cssText
if (img.align == "left") imgStyle = "float:left;" + imgStyle
if (img.align == "right") imgStyle = "float:right;" + imgStyle
if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
var strNewHTML = "<span " + imgID + imgClass + imgTitle
+ " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
+ "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
img.outerHTML = strNewHTML
i = i-1
}
}
}
}
window.attachEvent("onload", correctPNG);
</script>