Tự tô sáng đoạn code

Hôm nay tình cờ phát hiện điều thú vị này, là có những script có thể tô màu đoạn code tự động thay cho bạn. Rất thích hợp để truyền đạt, minh họa trên các website, blog. Để biết thêm chi tiết xin mời đọc 2 bài viết sau :

• http://www.thuthuatblog.com/2008/07/t-code-trong-khung-trn-bi-vit-ca.html
• http://blog.khanhlnq.com/2008/07/cch-n-gin-nhng-v-t-mu-m-lnh-code-trong.html

Còn quá nhiều thứ mình phải học, học nữa học mãi.

[code]enhance textarea (Select Code/Expand)

Tải code bên dưới tại đây code_scriptjs

function enhancetextarea(classname){
var alltextareas=document.getElementsByTagName(“textarea”)
for (var i=0; i<alltextareas.length; i++){
if (alltextareas[i].className==”codecontainer”){
var curtextarea=alltextareas[i]

var helperbar=document.createElement(“div”)
helperbar.innerHTML='<div class="selectcode"><a href="#selectcode" class="tabs">Select Code</a> <a href="#expandcode" class="tabs">Expand</a></div>'
var helperbarlinks=helperbar.getElementsByTagName(“a”)
if (curtextarea.offsetHeight>=curtextarea.scrollHeight){
helperbarlinks[1].style.display=”none”
curtextarea.style.overflowY=”hidden”
}

helperbarlinks[0].setAttribute(“rel”, i)

helperbarlinks[0].onclick=function(){
var targettextarea=document.getElementsByTagName(“textarea”)[parseInt(this.rel)]
targettextarea.select()
return false
}

helperbarlinks[1].setAttribute(“rel”, i)
helperbarlinks[1].setAttribute(“rev”, curtextarea.offsetHeight+” defaultHeight”)

helperbarlinks[1].onclick=function(){
var targettextarea=document.getElementsByTagName("textarea")[parseInt(this.rel)]
if (this.getAttribute("rev").indexOf("defaultHeight")!=-1){// if textarea is default height
targettextarea.style.height=targettextarea.scrollHeight+"px"
this.innerHTML="Contract"
targettextarea.style.overflowY="hidden"
targettextarea.style.borderStyle="solid"
this.setAttribute("rev", this.getAttribute("rev").replace("defaultHeight", "scrollHeight"))
if (this.scrollIntoView)
this.scrollIntoView()
return false
}
else{
targettextarea.style.height=parseInt(this.getAttribute("rev"))+"px"
this.innerHTML="Expand"
targettextarea.style.overflowY="scroll"
targettextarea.style.borderStyle="dashed"
this.setAttribute("rev", this.getAttribute("rev").replace("scrollHeight", "defaultHeight"))
}

return false
}
curtextarea.style.marginTop=0
curtextarea.parentNode.insertBefore(helperbar, alltextareas[i])
}
}
}

window.onload=function(){
enhancetextarea()
}