 |
| AMD - The Smarter Choice |
selain itu juga, anda boleh meletakkan script ini diluar dan menggunakannya sebagai external scripting..ianya lebih memudahkan sekiranya anda mempunyai pelbagai jenis condition. sesuai untuk digunakan didalam memberi informasi kepada user sewaktu mengisi form dengan menggunakan event onkeyup.
script ini juga memerlukan page diload sepenuhnya terlebih dahulu sebelum script ini dapat berfungsi, ianya akan menukarkan value didalam property CSS dengan memanggil function script tersebut. pastikan anda kenal id apa yang anda ingin ubah property-nya.
dibawah ini diberikan script yang digunakan untuk change property CSS.
document.getElementById("-no id element-").style.-Property CSS-="-Value Property-";
bagi tulisan yang bewarna merah, anda tidak boleh mengubahnya. itu adalah syntax (tatabahasa) script ini.
bagi tulisan yang berwarna ungu, anda perlu letakkan ID element HTML yang anda ingin ubah. *ada di contoh nanti.
bagi tulisan yang berwarna biru, anda perlu letakkan property CSS yang anda ingin ubah.
bagi tulisan yang berwarna jingga, anda perlu letakkan value bagi property CSS yang anda ingin ubahkan.
Contoh [copy semua coding dibawah dan paste ke notepad dan savekan sebagai tuka.html]
<html>
<head><style type="text/css">
#id1 {
background : #000;
}
</style>
<script type="text/javascript">
function bertukar()
{
document.getElementById("id1").style.background="#FFF";
}
</script>
</head>
<body id="id1">
<button onclick="return bertukar()">Klik sini untuk tukar backgound</button>
</body>
</html>
0 comments:
Post a Comment
Eddytech menggunakan sistem comment yang tidak memerlukan anda untuk memasukkan "captcha" bagi memudahkan eddytech untuk mendapat feedback daripada anda :)