Wed Sep 12, 2012 6:46 am
Code này có sửa lại một chút, bổ sung style và cố định chiều rộng khung code là 500px
Bước 1: Thêm vào CSS
- Code:
td.code {
width:500px;
display:block;
font: 1em 'Courier New', Fixed, monospace;
font-size : 11px;color: #666666;
background : #fff url(http://a.imageshack.us/img178/1307/prepb3.jpg) repeat left top;
overflow : auto;text-align:left;
border : 1px solid #99cc66;
padding : 0px 0px 0 30px;
margin:1em 0 1em 0;
line-height:17px;
}
Bước 2: Code script, với code này bạn có thể tạo trang HTML đưa vào hoặc lưu thành file js rồi up lên host
- Code:
function selectCode(a) {
var e = a.parentNode.parentNode.getElementsByTagName('DIV')[0];
if (window.getSelection) {
var s = window.getSelection();
if (s.setBaseAndExtent) {
s.setBaseAndExtent(e, 0, e, e.innerText.length - 1);
}
else
{
var r = document.createRange();
r.selectNodeContents(e);
s.removeAllRanges();
s.addRange(r);
}
}
else if (document.getSelection) {
var s = document.getSelection();
var r = document.createRange();
r.selectNodeContents(e);
s.removeAllRanges();
s.addRange(r);
}
else if (document.selection) {
var r = document.body.createTextRange();
r.moveToElementText(e);
r.select();
}
}
jQuery(document).ready(function(){
jQuery("td.code").parent().parent().parent().css('width','500px');
jQuery("td.code").parent().prev().html('<strong>CODE:</strong><a style="float: right;" href="#" onclick="selectCode(this); return false;"><font color=#1A7EAD><strong>CHỌN TOÀN BỘ</strong></font></a>');
});
notecode='Click để chọn nội dung trong CODE';