Aldo Tutorial

Tips Merubah Warna Cell Dengan JAVASCRIPT

. Dalam tema kali ini saya akan mengajak Anda untuk bermain javascript ,
  Saya yakin sudah banyak yang tau dan membaca tutorial tentang javascript .
. Tapi jarang ada yang menyediakan contoh" javascript untuk di pelajari ,
  karena itu sekarang saya akan memberikan contoh javascript di mana cell dlm
  table yang tersorot oleh Krusor akan berubah warnanya .

. Seperti contoh berikut :

Item 1

|

Item 2

|

Item 3

. Pada contoh di Atas jika krusor menghampiri cell Item1 maka Bg cell Item1 akan berwarna Merah .
. Lalu jika menghampiri cell Item2 maka cell Item2 akan berubah warna Bg'Nyha menjadi Biru .
. Dan jika sang krusor mendekati cell Item3 maka Bg pada cell Item3 berubah warna menjadi Hijau .

. Ini nih Scriptnya , Jadi Silahkan Coba dan Jangan Lupa Kembangin Sendiri Ya...!!!!!!!!!!

function MakeCursor(Id) { var isNS = ((navigator.appName == "Netscape"<img src="http://blogs.mervpolis.com/roller/images/smileys/wink.gif" class="smiley" alt=";)" title=";)" /> && (parseInt(navigator.appVersion) >= 4)); var obj=document.getElementById(Id).style; if (isNS) { obj.cursor='default'; } else { obj.cursor='hand'; } } </script> <table align="center" border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td id="Link1" onmouseover="bgColor='red';MakeCursor(this.id)" onclick="window.location='http://yaldex.com/JSFactory_Pro.htm'" onmouseout="bgColor='#FFFFFF'" align="center" bgcolor="#ffffff" valign="center" width="100"><b>Item 1</b></td> <td align="center" width="1">|</td> <td id="Link2" onmouseover="bgColor='blue';MakeCursor(this.id)" onclick="window.location='http://yaldex.com/JSFactory.htm'" onmouseout="bgColor='#FFFFFF'" align="center" bgcolor="#ffffff" valign="center" width="100"><b>Item 2</b></td> <td align="center" width="1">|</td> <td id="Link3" onmouseover="bgColor='green';MakeCursor(this.id)" onclick="window.location='http://yaldex.com'" onmouseout="bgColor='#FFFFFF'" align="center" bgcolor="#ffffff" valign="center" width="100"><b>Item 3</b></td> </tr> </tbody> </table>

. Untuk Mengganti Warna Background Silahkan Cari " onmouseover="bgColor='red'; " Pada Script Yang Sudah Anda Copy Tadi .
. Ganti "red" Dengan Warna Yang Anda Inginkan .


. Kalok Uda Di Kembangin Jangan Lupa Bagi" Ke Saya.,.,  "
. Hha , ha .

. Sekian Contoh JavaScript dari saya , Trimakasih Untuk yang Sudah Membaca
. Semoga Bermanfaat Ilmu Ini Bagi Anda Sekalian ,.,.,


. CayoO,.,.,

Posted at 04:56PM Jan 06, 2011 by Ældo in Java  |  Comments[0]