Teks Box - Text Box
Kode HTML nya
<form
name="copy"><input value="Select All"
onclick="javascript:this.form.txt.focus();this.form.txt.select();"
type="button"/>
<textarea
name="txt" style="height: 100px; padding: 3px; width:
494px;">
----- Masukan text atau Kode HTML atau dll
disini ------
</textarea></form>
Contoh
HTML Text Box dan Dara HTML setelah digabung:
<form
name="copy"><input value="Select All"
onclick="javascript:this.form.txt.focus();this.form.txt.select();"
type="button"/>
<textarea
name="txt" style="height: 100px; padding: 3px; width:
494px;">
<br /> <style
type="text/css"> #gb{ position:fixed; top:50px; z-index:+1000; } *
html #gb{position:relative;} .gbtab{ height:100px; width:30px; float:left;
cursor:pointer; background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcVwCYDUPQGWmhElBNIaj-NYWH9yAKlHPJatFACuShwE5Ok9Zt014gXGuXiwq6P8dagqN3VUju-BBftwXDQlTqHOFUTT85zlTNEwzJWRYdJtD0-YBYqVX-JWjYjr_JzaBXgWxCKqTcAyY/s1600/bukutamu.png')
no-repeat; } .gbcontent{ float:left; border:2px solid #A5BD51; background:
#1B4118; padding:10px; } </style><br /> <script
type="text/javascript"> function showHideGB(){ var gb =
document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ?
moveGB(0, 30-w) : moveGB(20-w, 0); gb.opened = !gb.opened; } function
moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx =
Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx *
dir; gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")",
10);} } </script><br /> <div id="gb">
<div class="gbtab"
onclick="showHideGB()">
</div>
<div class="gbcontent">
<!-- BEGIN CBOX - www.cbox.ws - v001 --><br
/> <div id="cboxdiv" style="text-align: center;
line-height: 0">
<div>
<iframe frameborder="0"
width="300" height="350"
src="http://www3.cbox.ws/box/?boxid=3295198&boxtag=bd6q13&sec=main"
marginheight="2" marginwidth="2" scrolling="auto"
allowtransparency="yes" name="cboxmain3-3295198"
style="border:#DBE2ED 1px solid;"
id="cboxmain3-3295198"></iframe></div>
<div>
<iframe frameborder="0"
width="300" height="96"
src="http://www3.cbox.ws/box/?boxid=3295198&boxtag=bd6q13&sec=form"
marginheight="2" marginwidth="2" scrolling="no"
allowtransparency="yes" name="cboxform3-3295198"
style="border:#DBE2ED 1px solid;border-top:0px"
id="cboxform3-3295198"></iframe></div>
</div>
<!-- END CBOX -->
<br /> <div
style="text-align:right">
<a
href="http://harunarcom.blogspot.com/p/home.html">[Campoeng
Cmoneng]</a>><a href="javascript:showHideGB()"><br
/> [Tutup]<br /> </a><br /> </div>
</div>
</div>
<script
type="text/javascript"> var gb =
document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString()
+ "px"; </script></div>
</div>
</textarea></form>
Hasilnya tampilan "Text Box" seperti di bawah ini:
ARTIKEL TERKAIT
Di bawah ini adalah beberapa materi lanjutan dan sebelumnya yang berkaitan dengan materi di atas
