» » Membuat Spoiler Website Menggunakan Javascript

Membuat Spoiler Website Menggunakan Javascript

Bookmark and Share
Spoiler
Spoiler:
Spoiler:

Kota Payakumbuh Berada di Propinsi Sumatra Barat

Spoiler:

Kota Ini Terkenal Dengan Mangkanan khasnya BATIAH Dan GELAMAI, ditambah gulai itiak sambalado hijau


Spoiler ini banyak di temukan pada  website -website yang bersifat komunita, di gunakan untuk menyimpan data baik berupa tulisan maupun gambar, tujuan nya, yang pasti adalah untuk membuat tampilan website yang irit akan posting, dengan adanya spoiler pada website mempersingkat tampilan dan ukuran panjang website ke bawah

Untuk Script spoiler website bisa dilihat di bawah ini
<html>
<head>
<title>Spoiler</title>
</head>

<body>

<div style="margin: 5px 20px 20px;">
<div style="margin-bottom: 2px;">
<b>Spoiler</b>:
<input value="Open" style="margin: 0px; padding: 0px; width: 55px; font-size: 11px;" 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 = 'Open'; }" type="button">
</div>
<div style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
<div style="margin: 5px 20px 20px;">
<div style="margin-bottom: 2px;">
<b>Spoiler</b>:
<input value="Open" style="margin: 0px; padding: 0px; width: 55px; font-size: 11px;" 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 = 'Open'; }" type="button">
</div>
<div style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">

Kota Payakumbuh Berada di Propinsi Sumatra Barat

</div>
</div>
</div><div style="margin: 5px 20px 20px;">
<div style="margin-bottom: 2px;">
<b>Spoiler</b>:
<input value="Open" style="margin: 0px; padding: 0px; width: 55px; font-size: 11px;" 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 = 'Open'; }" type="button">
</div>
<div style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">

Kota Ini Terkenal Dengan Mangkanan khasnya BATIAH Dan GELAMAI, ditambah gulai itiak sambalado hijau

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

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

</html>

script di adat di buat menggunakan dreamweaver dengan ekstensi html
- Label: -

{ 1 komentar... Views All / Post Comment! }

Unknown mengatakan...

Mantap gan sangat bermanfaat trus update
jangan lupa mampir di My blog

26 Desember 2016 pukul 03.32


Posting Komentar