TUTORIAL 12 : BUTTON SHOW_HIDE

May 12, 2011

assalamualaikum
saya nak ajar macam mana nak buat
show hide spoiler yang agak cun lah..
contohnye kat bawah ni ye

1.DASHBOARD > LAYOUT > ADD GADJET > HTML/JAVASCRIPT

2.copy code bawah ni dan paste

<div><div style="margin: 5px;"><div style="margin-bottom: 2px;" class="bigfont"><input style="margin: 0px; padding: 0px; width: 95px; " value="CLiCK HERE" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'CLOSE'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'CLiCK HERE'; }" type="button"/></div><div style="border: 0px inset ; margin: 0px; padding: 6px;" class="alt2"><div style="display: none;">
Masukkan Code JavaScript/Gambar/Text Di sini</div></div></div></div>

3.save and done!

*yang warna merah boleh tukar
dengan ayat yang korang suke
[berfungsi sbelum spoiler dibuka

*yang warna biru boleh ditukar
dengan ayat korang sendiri
[berfungsi selepas spoiler dibuka]

You Might Also Like

0 comment

Terima kasih :)

728 x 90

Like us on Facebook

INSTAGRAM