Tutorial Spoiler di website dengan Javascript

c_karh9

c_karh9

New member
Spoiler adalah pesan yang di hidden karena pesan yang panjang (menurut google gitu)

Kode dibawah spoiler versi main-main dan lucu-lucuan saja :D.

Select All :
Code: 
<html>
<head>
<title>spoiler ngledek</title>
</head>
<body>
	<div>
		<input value="Mantap !!!" style="margin: 0px; padding: 0px; width: 150px; 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 = 'Puas'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Mantap Kan gambarnya ?'; }" type="button"/>
			<div class="alt2" style="border: 0px inset ; margin: 0px; padding: 6px;">
			<div style="display: none;">
			<img src="http://kafilahsyuhada.files.wordpress.com/2008/08/monkey12.jpg"></img><br><b>Silakan Nikmati</b>
	</div></div></div>
</body>
</html>

untuk contohnya, buat sendiri simpan di notepad dg ekstensi .html, buka pake browser.
 
Last edited:
You must log in or register to reply here.
Back
Top