30 December 2010

Tutorial : Isi yg disembunyikan

Assalammualaikum :) . tutorial neh untuk menyembunyikan isi dengan menggunakan butang . oke . tengok gambar bawah neh .

 bila tekan jea butang tu , korang akan dapat hasil dy macam bawah neh .

<div id="spoiler" style="display:none"> isi yg di sembunyikan </div> <button title="Click to show/hide content" type="button" onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}">Show | Hide</button>
*tulisan warna biru tu korang boleh tukar , guna ayat korang sendiri la yer .

20 ✿:

Evie said...

thank you : )

Saff Dayan said...

sy gne :) tenkiu awk !

Nurhafizah said...

@annayad wlcm :)

Nurhafizah said...

@Charlie wlcm :)

the smart girl said...

waa...menjadiklaaa...thankzzz

Nurhafizah said...

@__aku__ wlcm :)

Le'Gaяdenϟa said...

terima kasih awak

nabilachococream said...

terima kasih awak

alynahmd said...

ada tak yang text punya je ? tak payah border ni ? :)

Nur Fatihah said...

tenkiu kak, menjadi laa :D

EzahHaze said...

Thanx akak.. mnjadi..!! :D nnti sy credit akak, k ..:)

SyairahStory said...

Kalau nak letak gambar macam mana erk ?

Nurhafizah said...

@SyairahStory gmbr dkt mne ?

Tyra Lullaby said...

kod tu nak letak dekat mane ye?

Momon said...

nice tuto sis :)

fanafarhana said...

awkk saia guna yeaah ! macehh

msyrhaziz said...

thankss yaa :)

Nabila Mohd Amin said...

nice:))

Fifiey Azmi said...

salam. ade x yg text je, takyah button tu? :\

Anonymous said...

Ape function isi yang disembunyi ni ?