Karena вἔвἔᾗ ќὄвἔᾗ ṩἷ вłὄʛłᾄᾗʛ ᾄᾗὗ ʛᾄᾗҭἔᾗʛ ќᾄłἔм ҭἔᾄ tidak paham mengenai PHP, maka JavaScript saja yang dicomot (tinggal pake biasa) :))
Berikut contoh penggunaan javascript dengan atribut onclick event
<span style="cursor: pointer" onclick="document.getElementById('Unique-ID').style.display='block'"><center>TITLE HERE</center></span>
<div id="Unique-ID" style="padding:10px;display:none;border:1px solid #333;">
<table>
<tr>
<td width="100%">
<strong>YOUR TITLE</strong>
</td>
<td>
<span style="cursor: pointer;border:1px solid blue;background:#555;color:#fff;padding:5px" onclick="document.getElementById('Unique-ID').style.display='none'"><b>Close</b>
</span>
</td>
</tr>
</table>
<p>
<!-- YOUR CONTENT HERE -->
</p>
</div>
<div id="Unique-ID" style="padding:10px;display:none;border:1px solid #333;">
<table>
<tr>
<td width="100%">
<strong>YOUR TITLE</strong>
</td>
<td>
<span style="cursor: pointer;border:1px solid blue;background:#555;color:#fff;padding:5px" onclick="document.getElementById('Unique-ID').style.display='none'"><b>Close</b>
</span>
</td>
</tr>
</table>
<p>
<!-- YOUR CONTENT HERE -->
</p>
</div>
Lanjut gan...
Sekarang dikombinasikan dengan variabel button and textarea.
Kodenya yag didalem textarea itu, monggo divariasikan sendiri :P
Yuk lanjut membuat URL Encode simpel banget, contoh Url encode http%3A//beben-koben.blogspot.com/ ada lambang persen² & angka² (%3) tuh!!!
Ramuannya
<textarea id="area" cols="30" rows="5"></textarea>
<br>
<button onclick="document.getElementById('hasil').innerHTML =(escape(document.getElementById('area').value));document.getElementById('hasil').style.display='inline'">URL Encode
</button>
<br>
<textarea id="hasil" cols="30" style="display:none" readonly="readonly" onclick="this.focus();this.select()">
</textarea>
Karena keterbatasan tidak bisa memasukin script pada sesi postingan, langsung saja deh acak-acak sumbernya <br>
<button onclick="document.getElementById('hasil').innerHTML =(escape(document.getElementById('area').value));document.getElementById('hasil').style.display='inline'">URL Encode
</button>
<br>
<textarea id="hasil" cols="30" style="display:none" readonly="readonly" onclick="this.focus();this.select()">
</textarea>
Bye bye \m/
Tidak ada komentar:
Posting Komentar