Code tạo Hộp thử code

Đăng bởi Admin | 6/11/13 | 2 nhận xét

Bạn chỉ cần copy đoạn code sau và dán vào 1 trang mới hoặc 1 ô bài viết ( chọn HTML), bạn sẽ có 1 hộp thử code cực kỳ pro

Xem DEMO TẠI ĐÂY


<div class="content">
<center>
<img src="http://d3.violet.vn/uploads/resources/185/thucode.gif" border="0"
width="273" height="65"><img src=
"http://i828.photobucket.com/albums/zz202/jang14590/Bieutuongyahoo/emot176.gif"
border="0" width="100" height="80"></center>
<div style=
"font: 12px Verdana,Geneva,Lucida,'Lucida Grande'; margin-bottom: 3px;">
<input value="BẬT CHƯƠNG TRÌNH" style=
"width: 130px; font-size: 12px; margin: 0px; padding: 0px;"
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 = 'TẮT CHƯƠNG TRÌNH'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'BẬT CHƯƠNG TRÌNH'; }"
type="button"></div>
<div style="min-height: 25px; background-color: rgb(51, 153, 255); margin: 0px; padding: 1px; border: 1px inset;">
<div style="display: none;">
<div align="center">
<div style="border: 2px solid rgb(108, 177, 247); width: 581px;">
<div style="border-width: 17px; border-style: outset; border-color: rgb(105, 105, 105) rgb(245, 245, 245) rgb(220, 220, 220) rgb(79, 79, 79);">
<div style="border: 2px solid rgb(255, 255, 255); background: none repeat scroll 0% 0% rgb(117, 183, 249);">
<p>
<font color="#FF9933" size="2"><a href="http://thuthuatvitinhaz.blogspot.com/2013/11/hop-thu-code.html" rel="dofollow"><b>Test JavaScript</b></a></font></p>
<table style="width: 476px; border: 1px solid rgb(149, 148, 146); background: none repeat scroll 0% 0% rgb(207, 207, 207);"><tbody>
<tr><td valign="top"><form name="form1" method="post">
<textarea name="code" wrap="soft"onclick="focus(this.code)" style="border: 1px solid rgb(185, 184, 182); padding: 5px; width: 257px; height: 260px;">Một cách tuyệt vời để kiểm tra sự hiển thị các đoạn mã của bạn! Bạn hãy thay thế đoạn văn bản ở đây bằng đoạn mã bạn muốn kiểm tra, bạn có thể sửa chúng ngay ở đây để đoạn mã của bạn được hiển thị một cách tốt nhất!</textarea></form>
</td><td valign="top"><iframe src="about:blank" name="preview" style="height: 260px; width: 257px; border: 1px solid rgb(185, 184, 182); background: none repeat scroll 0% 0% rgb(255, 255, 255);"
frameborder="0"></iframe></td></tr>
</tbody></table>
<center>
<button onclick=
"preview.document.write (document.getElementsByTagName ('TEXTAREA')[0].value); preview.document.close(); preview.focus()">Xem hiển thị</button><button onclick=
"window.document.form1.code.value='';preview.document.write (document.getElementsByTagName ('TEXTAREA')[0].value); preview.document.close(); preview.focus()">Xoá tất cả</button><button onclick=
"window.location.href=window.location.href">Làm lại</button></center>
</div>
</div>
</div>
</div>
<font color="white" size="1"><b><u></u></b></font>
<center>
<font color="white" size="1"><b><u>Chương trình ứng dụng chính xác cho các loại mã Java Script; HTML.
<b>Chúc bạn luôn thành công !</b></u></b></font></center>
<p style=" line-height:0px; font-size:10px; font-weight:bold; text-align:right;">
<a style="color:#D3D3D3;" href="http://thuthuatvitinhaz.blogspot.com/2013/11/code-tao-hop-thu-code.html"target="_blank">Lấy code của Hộp thử code ở đây</a></p>
</div>
</div>
</div>


Chúc bạn thành công !...