WindowsX.Net: Cara Membuat Tombol Hide Dan Show

Kamis, 18 Oktober 2012

Cara Membuat Tombol Hide Dan Show

Pada postingan sebelumnya saya membahas tentang cara membuat related post di blogger, bila sobat blogger tertarik membacanya.

Namun pada kesempatan kali ini saya akan mencoba berbagi tips bloggertentang cara membuat tombol show dan hide seperti

<div><div style="margin-bottom: 2px;"><i><b><small>JUDUL SPOILER</small></b></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" 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 = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"></div>

<div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">

ISI NYA (Terserah anda)

</div></div></div>

Maka akan terlihat seperti ini,

JUDUL SPOILER

Atau

JUDUL SPOILER

Kalau anda menginginkan tampilan seperti ini, anda hanya perlu menghilangkan kode JUDUL SPOILER lalu anda ganti kata show dan hide sesuai keinginan anda. Tapi jangan lupa juga untuk mengganti ukuran lebar nya, Misal: width:100px;

Selamat Mencoba.

Tidak ada komentar:

Posting Komentar

Langganan: Posting Komentar (Atom)

WindowsX.Net Berkomentar Kasar??? Beberapa hari ini memang saya jarang online di komputer dan update blog. Hal ini dikarenakan kondisi badan saya yang lagi kurang fit, mau nggak mau saya jadi harus istirahat dulu, dari pada nanti lebaran malah di rumah sakit?? Kan nggak lucu, nggak bisa makan kue lebaran,, hehe. Baru bebrapa hari tidak online saja, ternyata situasi di WindowsX.Net blog dan lingkungan nya menjadi tidak kondusif, kenapa??? Okeiii, kita lanjut pembahasan nya. Begini sebenernya sob, beberapa waktu yang lalu, saya menerima laporan dari sobat blogger. Sobat blogger ini melapor ke saya yang katanya blognya di penuhi oleh komen yang mengatasnamakan WindowsX.Net (nama dan beserta link menuju WindowsX.Net), dan parahnya lagi komen nya rata-rata berkata kasar dan tidak semestinya. Untung saja sobat blogger ini segera melapor ke saya, kalau tidak mungkin sobat blogger akan berfikir yang macam-macam tentang WindowsX.Net. Disini saya hanya ingin mengklarifikasi saja, bahwa saya (atas nama WindowsX.Net) tidak pernah sekali pun berkomentar KASAR atau TIDAK SOPAN di blog-blog sobat blogger. Bila sobat blogger menjumpai komen yang mengatasnamakan saya (WindowsX.Net), bisa di pastikan 100% itu BUKAN SAYA, melainkan ulah oknum-oknum yang TIDAK BERTANGGUNG JAWAB atau mungkin sirik dengan kemajuan blog WindowsX.Net ini. Saya sangat berterima kasih sekali kepada sobat blogger yang sudah melapor kesaya atas kejadian seperti ini, tanpa suara anda saya tidak akan pernah tau akan kejadian seperti ini. Buat oknum-oknum yang tidak suka dengan saya (WindowsX.Net), saya mohon maaf yang sebesar-besarnya bila ada kata yang mungkin menyinggung perasaan anda, sehingga anda menjadi benci terhadap saya (WindowsX.Net), atau kita mungkin bisa diskusikan lebih jauh tentang masalah beserta uneg-uneg anda di facebook saya, di mafadzanharitz@gmail.com.