Ini dia Contoh hasilnya dan juga caranya...
1. Untuk teks area yang hasilnya seperti ini
Codennya adalah sbb.
<div align="center">
<textarea cols="30" name="code" rows="3">Tulis teks disini ya broo......</textarea></div>
Keterangan
- Cols dan rows adalah panjang dan lebarnya. Biar gampang seret aja teks areanya setelah jadi
- Yang berwarna merah tulis dengan teks anda
- Center adalah teks area nya. Anda bisa menggantinya dengan Right Atau juga Left
Contoh Right
Contoh Left
2. Untuk hasil teks area yang otomatis blok saat diklik kiri adalah seperti ini hasilnya
codenya adalah
<div style="text-align: center;">
<textarea cols="25" onclick="this.focus(); this.select();" rows="3">Text Area otomatis klik kiri</textarea></div>
<textarea cols="25" onclick="this.focus(); this.select();" rows="3">Text Area otomatis klik kiri</textarea></div>
3. Untuk teks area yang seperti ini. ngeblog langsung saat terkena scroll
codenya adalah
<div style="text-align: center;">
<textarea cols="25" onmouseover="this.focus(); this.select();" rows="3">Efek Scroll</textarea></div>
4. Untuk yang memakai tombol seperti ini hasilnya
Codenya adalah
<div>
<form name="copy">
<div align="center">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All" /> </div>
<div align="center">
<textarea cols="30" name="txt" rows="5" wrap="VIRTUAL">Teks anda bro...</textarea></div>
</form>
</div>
<form name="copy">
<div align="center">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All" /> </div>
<div align="center">
<textarea cols="30" name="txt" rows="5" wrap="VIRTUAL">Teks anda bro...</textarea></div>
</form>
</div>
Demikian yang bisa saya sampaikan
Baca juga yang Cara Membuat Tombol Spoiler Hide Show Di Post ya sobat...
Jangan lupa komennya...
Wassalamualaikum...
Baca juga yang Cara Membuat Tombol Spoiler Hide Show Di Post ya sobat...
Jangan lupa komennya...
Wassalamualaikum...
