Archive for 'javascript'

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

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>