Chức năng:
Khung code cố định giữa bài viết, rộng 500px.
Click chọn toàn bộ code.
Ẩn/hiện khung code (mặc định là hiện).
Style chuyên nghiệp sử dụng Javascript code prettifi
Hướng dẫn:
ACP - Display - Pictures and Colors - Colors - CSS Stylesheet:
ướng dẫn: ACP - Modules - HTML & JAVASCRIPT - Javascript codes
management: In the topics
1 - Nếu forum bạn đang dùng là phpbb3, punbb và invision thì thay bằng code:
CODE:CHỌN TOÀN BỘ
Ghi chú: Code sử dụng Select Content Button kết hợp với Javascript code prettifier
Khung code cố định giữa bài viết, rộng 500px.
Click chọn toàn bộ code.
Ẩn/hiện khung code (mặc định là hiện).
Style chuyên nghiệp sử dụng Javascript code prettifi
Hướng dẫn:
ACP - Display - Pictures and Colors - Colors - CSS Stylesheet:
- Code:
.pln{color:#000}@media screen{.str{color:#080}.kwd{color:#008}.
com{color:#800}.typ{color:#606}.lit
{color:#066}.fmvip,.opn,.clo{color:#660}.tag{color:
#008}.atn{color:#606}.atv{color:#080}.dec,.var{color:#606}
.fun{color:red}}@media print,projection
{.str{color:#060}.kwd{color:#006;font-weight:bold}.com{color:#600;
font-style:italic}.typ{color:#404;font-weight:bold}.lit{color:#044}.
fmvip,.opn,.clo{color:#440}.tag{color:#006;font-weight
:bold}.atn{color:#404}.atv{color:#060}}pre.
prettyprint{padding:2px;border:0px}ol.linenums{margin-top:0;margin-bottom:0}li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8{list-style-type:none}li.L1,li.L3,li.L5,li.L7,li.L9{background:#eee}
.cont_code {max-height: auto !important}
- Code:
window['PR_SHOULD_USE_CONTINUATION']=true;(function(){var FLOW_CONTROL_KEYWORDS=["break,continue,do,else,for,if,return,while"];var C_KEYWORDS=[FLOW_CONTROL_KEYWORDS,"auto,case,char,const,default,"+"double,enum
,extern,float,goto,int,long,register,short,signed,sizeof,"+"
static,struct,switch,typedef,union,unsigned,void,volatile"];var COMMON_KEYWORDS=[C_KEYWORDS,"catch,class,delete,false,import,"+"new,operator,
private,protected,public,this,throw,true,try,typeof"];var CPP_KEYWORDS=[COMMON_KEYWORDS,"alignof,align_union,asm,axiom,bool,"+"concept
,concept_map,const_cast,constexpr,decltype,"+"dynamic_cast,exp
licit,export,friend,inline,late_check,"+"mutable,namespace,nul
lptr,reinterpret_cast,static_assert,static_cast,"+"template,
typeid,typename,using,virtual,where"];var JAVA_KEYWORDS=[COMMON_KEYWORDS,"abstract,boolean,byte,extends,final,finally
,implements,import,"+"instanceof,null,native,package,strictfp,
super,synchronized,throws,"+"transient"];var CSHARP_KEYWORDS=[JAVA_KEYWORDS,"as,base,by,checked,decimal,delegate,descendin
g,dynamic,event,"+"fixed,foreach,from,group,implicit,in,inte
rface,internal,into,is,lock,"+"object,out,override,orderby,pa
rams,partial,readonly,ref,sbyte,sealed,"+"stackalloc,string,se
lect,uint,ulong,unchecked,unsafe,ushort,var"];var COFFEE_KEYWORDS="all,and,by,catch,class,else,extends,false,fi
nally,"+"for,if,in,is,isnt,loop,new,no,not,null,of,off,on,or
,return,super,then,"+"true,try,unless,until,when,while,yes";var JSCRIPT_KEYWORDS=[COMMON_KEYWORDS,"debugger,eval,export,function,get,null,set
,undefined,var,with,"+"Infinity,NaN"];var PERL_KEYWORDS="caller,delete,die,do,dump,elsif,eval,exit,fore
ach,for,"+"goto,if,import,last,local,my,next,no,our,print,pac
kage,redo,require,"+"sub,undef,unless,until,use,wantarray,whi
le,BEGIN,END";var PYTHON_KEYWORDS=[FLOW_CONTROL_KEYWORDS,"and
,as,assert,class,def,del,"+"elif,
except,exec,finally,from,global,import,in,is,lambda,"+"nonloc
al,not,or,pass,print,raise,try,with,yield,"+"False,True,None"];var RUBY_KEYWORDS=[FLOW_CONTROL_KEYWORDS,"alias,and,begin,case,class,"+"def,de
fined,elsif,end,ensure,false,in,module,next,nil,not,or,redo,
"+"rescue,retry,self,super,then,true,undef,unless,until,when,yield,"+"BEGIN,END"];var SH_KEYWORDS=[FLOW_CONTROL_KEYWORDS,"case,done,elif,esac,eval,fi,"+"funct
ion,in,local,set,then,until"];var ALL_KEYWORDS=[CPP_KEYWORDS,CSHARP_KEYWORDS,JSCRIPT_KEYWORDS,PERL_KEYWORDS
+PYTHON_KEYWORDS,RUBY_KEYWORDS,SH_KEYWORDS];var C_TYPES=/^
(DIR|FILE|vector|(de|priority_)?queue|list|stack|(const_)?i
terator|(multi)?(set|map)|bitset|u?(int|float)\d*)/;var PR_
STRING='str';var PR_KEYWORD='kwd';var PR_COMMENT='com';var
PR_TYPE='typ';var PR_LITERAL='lit';var PR_PUNCTUATION='fmvi
p';var PR_PLAIN='pln';var PR_TAG='tag';var PR_DECLARATION='
dec';var PR_SOURCE='src';var PR_ATTRIB_NAME='atn';var PR_A
TTRIB_VALUE='atv';var PR_NOCODE='nocode';var REGEXP_PRECEDER
_PATTERN='(?:^^\\.?|[+-]|[!=]=?=?|\\#|%=?|&&?=?|\\(|\\*=?|
[+\\-]=|->|\\/=?|::?|<<?=?|?>?=?|,|;|\\?|@|\\[|~|{|\\^\\^?=?|\\|\\|?=?|break|case|continue|delete|do|else|finally|instanceof|ret
urn|throw|try|typeof)\\s*';function combinePrefixPatterns(r
egexs){var capturedGroupIndex=0;var needToFoldCase=false;va
r ignoreCase=false;for(var i=0,n=regexs.length;i<n;++i){var
regex=regexs[i];if(regex.ignoreCase){ignoreCase=true}else
if(/[a-z]/i.test(regex.source.replace(/\\u[0-9a-f]{4}|\\x[0
-9a-f]{2}|\\[^ux]/gi,''))){needToFoldCase=true;ignoreCase=f
alse;break}}var escapeCharToCodeUnit={'b':8,'t':9,'n':0xa,'
v':0xb,'f':0xc,'r':0xd};function decodeEscape(charsetPart){var cc0=charsetPart.charCodeAt(0);if(cc0!==92){return cc0}var c1=charsetPart.charAt(1);cc0=escapeCharToCodeUnit[c1];if(cc
0){return cc0}else if('0'<=c1&&c1<='7'){return parseInt(charsetPart.substring(1),8)}else if(c1==='u'||c1==='x'){return parseInt(charsetPart.substrin
g(2),16)}else{return charsetPart.charCodeAt(1)}}function en
codeEscape(charCode){if(charCode<0x20){return(charCode<0x10?'\\x0':'\\x')+charCode.toString(16)}var ch=String.fromCharCode(charCode);return(ch==='\\'||ch==='-'||ch===']'||ch==='^')?"\\"+ch:ch}function caseFoldCharse
t(charSet){var charsetParts=charSet.substring(1,charSet.le
ngth-1).match(new RegExp('\\\\u[0-9A-Fa-f]{4}'+'|\\\\x[0-9A-
Fa-f]{2}'+'|\\\\[0-3][0-7]{0,2}'+'|\\\\[0-7]{1,2}'+'|\\\\[\\s\\S]'+'|-'+'|[^-\\\\]',
'g'));var ranges=[];var inverse=charsetParts[0]==='^';var
out=['['];if(inverse){out.push('^')}for(var i=inverse?1:0,
n=charsetParts.length;i<n;++i){var p=charsetParts[i];if(/\\
[bdsw]/i.test(p)){out.push(p)}els
e{var start=decodeEscape(p);var end;if(i+2<n&&'-'===charsetParts[i+1]){end=decodeEscape(charsetParts[i+2]);i+=2}else{end=start}ra
nges.push([start,end]);if(!(end<65||start>122)){if(!(end<65||start>90)){ranges.push([Math.max(65,start)|32,Math.min(end,90)|32])}
if(!(end<97||start>122)){ranges.push([Math.max(97,start)&~32,Math.min(end,122)&~32
])}}}}ranges.sort(function(a,b){return(a[0]-b[0])||(b[1]-a[
1])});var consolidatedRanges=[];var lastRange=[];for(var i=0;
i<ranges.length;++i){var range=ranges[i];if(range[0]<=lastRange[1]+1){lastRange[1]=Math.max(lastRange[1],range[1])}else{consolid
atedRanges.push(lastRange=range)}}for(var i=0;i<consolidate
dRanges.length;++i){var range=consolidatedRanges[i];out.push(encodeEscape(range[0])
);if(range[1]>range[0]){if(range[1]+1>range[0]){out.push('-')}out.push(encodeEscape(range[1]))}}out.push(']');return o
ut.join('')}function allowAnywhereFoldCaseAndRenumberGroups(regex){var parts=regex.source.match(new RegExp('(?:'+'\\[(?:[^\\x5C\\
x5D]|\\\\[\\s\\S])*\\]'+'|\\\\u[A-Fa-f0-9]{4}'+'|\\\\x[A-F
a-f0-9]{2}'+'|\\\\[0-9]+'+'|\\\\[^ux0-9]'+'|\\(\\?[:!=]'+'
|[\\(\\)\\^]'+'|[^\\x5B\\x5C\\(\\)\\^]+'+')','g'));var n=parts.length;var capturedGroups=[];for(var i=0,groupIndex=0;i<n;++i){var p=parts[i];if(p===
'('){++groupIndex}else if('\\'===p.charAt(0)){var decimalV
alue=+p.substring(1);if(decimalValue){if(decimalValue<=gro
upIndex){capturedGroups[decimalValue]=-1}else{parts[i]=enco
deEscape(decimalValue)}}}}for(var i=1;
i<capturedGroups.length;++i){if(-1===capturedGroups[i]){capturedGroups[i]=++capturedGroupIndex}}for(var i=0,groupIndex=0;i<n;++i){var p=parts[i];if(p==='('){++groupIndex;if(!capturedGroups[group
Index]){parts[i]='(?:'}}else if('\\'===p.charAt(0)){var decimalValue=+p.substring(1);if(decimalValue&&decimalValue<=
groupIndex){parts[i]='\\'+capturedGroups[groupIndex]}}}for(va
r i=0,groupIndex=0;i<n;++i){if('^'===parts[i]&&'^'!==parts[i+1
]){parts[i]=''}}if(regex.i
gnoreCase&&needToFoldCase){for(var i=0;i<n;++i){var p=parts[i]
;var ch0=p.charAt(0);if(p.length>=2&&ch0==='['){parts[i]=case
FoldCharset(p)}else if(ch0!=='\\'){parts[i]=p.replace(/[a-zA-Z
]/g,function(ch){var cc=ch.charCodeAt(0);return'['+String.from
CharCode(cc&~32,cc|32
)+']'})}}}return parts.join('')}var rewritten=[];for(var i=0,n
=regexs.length;i<n;++i){var regex=regexs[i];if(regex.global||
regex.multiline){throw new Error(''+regex)}rewritten.push('(?
:'+allowAnywhereFoldCaseAnd
RenumberGroups(regex)+')')}return new RegExp(rewritten.join('|'),ignoreCase?'gi':'g')}function extractSourceSpans(node){var nocode=/(?:^|\s)nocode(?:\s|$)/;var chunks=[];var length=0;var spans=[];var k=0;var whitespace;if(node.currentStyle){whitespace=node.currentStyle.whiteSpace}else if(window.getCom
putedStyle){whitespace=document.defaultView.getComputedStyle(node,null).g
etPropertyValue('white-space')}var isPreformatted=whitespace&&'
pre'===whitespace.substring(0,3);
function walk(node){switch(node.nodeType){case 1:if(nocode.tes
t(node.className))
{return}for(var child=node.firstChild;child;child=child.nextS
ibling){walk(child)}var nodeName=node.nodeName;if('BR'===nodeName||'LI'===nodeName){chunks[k]='\n';spans[k<<1]=length++;spans[(k++<<1)|1]=node}br
eak;case 3:case 4:var text=node.nodeValue;if(text.length){if(!isPreformatted){text=text.replace(/[ \t\r\n]+/g,' ')}else{text=text.replace(/
\r\n?/g,'\n')}chunks[k]=text;spans[
k<<1]=length;length+=text.length;spans[(k++
<<1)|1]=node}break}}walk(node);return{sourceCode:chunks.join('
').replace(/\n$/,''),spans:spans}}function appendDecorations(b
asePos,sourceCode,langHandler,out){if(!sourceCode){return}var job={sourceCode:sourceCode,basePos:basePos};langHandler(job);out.
push.apply(out,job.decorations)}var notWs=/\S/;function child
ContentWrapper(element){var wrapper=undefined;for(var c=eleme
nt.firstChild;c;c=c.nextSibling){var type=c.nodeType;wrapper=(
type===1)?(wrapper?element:c):(type===3)?(notWs.test(c.nodeValu
e)?element:wrapper):wrapper}return wrapper===element?undefined:wrapper}function createSimpleLexer(shortcutStylePatterns,fallthroughStylePatte
rns){var shortcuts={};var tokenizer;(function(){var allPatterns=shortcutStylePatterns.concat(fallthroughStylePatte
rns);var allRegexs=[];var regexKeys={};for(var i=0,n=allPatte
rns.length;i<n;++i){var patternParts=allPatterns[i];var shortcutChars=patternParts[3];if(shortcutChars){for(var c=sho
rtcutChars.length;--c>=0;){shortcuts[shortcutChars.charAt(c)]=patternParts}}var regex=patternParts[1];var k=''+regex;if(!regexKeys.hasOwnProperty(k)){allRegexs.push(regex);regexKeys[k]=null}}allRegexs.push(/[\0-\uffff]/);tokenizer=combinePrefixPatterns(allRegexs)})();var nPatterns=fallthroughStylePatterns.length;var decorate=function(job){var sourceCode=job.sourceCode,basePos=job.basePos;var decorations
=[basePos,PR_PLAIN];var pos=0;var tokens=sourceCode.match(tokeni
zer)||[];var styleCache={};for(var ti=0,nTokens=tokens.length;ti<nTokens;++ti){var t
oken=tokens[ti];var style=styleCache[token];var match=void 0;var
isEmbedded;if(typeof style==='string'){isEmbedded=false}else{var patternParts=shortcuts[token.charAt(0)];if(patternParts){match=token.match(patternParts[1]);style=patternParts[0]}els
e{for(var i=0;i<nPatterns;++i){patternParts=fallthroughStylePat
terns[i];match=token.match(pat
ternParts[1]);if(match){style=patternParts[0];break}}if(!match){style=PR_PLAIN}}isEmbedded=style.length>=5&&'lang-'===style.su
bstring(0,5);if(isEmbedded&&!(match&&typeof match[1]==='string')){isEmbedded=false;style=PR_SOURCE}if(!isEmbedded){styleCache[t
oken]=style}}var tokenStart=pos;pos+=token.length;if(!isEmbedded){decorations.push(basePos+tokenStart,style)}else{var embedded
Source=match[1];var embeddedSourceStart=token.indexOf(embedde
dSource);var embeddedSourceEnd=embeddedSourceStart+embeddedSource.length;
if(match[2]){embeddedSourceEnd=token.length-match[2].length;embeddedSourceStart=embeddedSourceEnd-embedde
dSource.length}var lang=style.substring(5);appendDecorations(
basePos+tokenStart,
token.substring(0,embeddedSourceStart),decorate,decorations)
;appendDecorations(basePos+tokenStart+embeddedSourceStart,em
beddedSource,langHandlerForExtension(lang,embeddedSource),de
corations);appendDecorations(basePos+tokenStart+embeddedSourc
eEnd,token.substring(embeddedSourceE
nd),decorate,decorations)}}job.decorations=decorations};return decorate}function sourceDecorator(options){var shortcutStylePatterns=[],fallthr
oughStylePatterns=[];if(options['tripleQuotedStrings']){shortcutStylePatterns.push([PR_STRING,/^(?:\'\'\'(?:[^\'\\]|
\\[\s\S]|\'{1,2}(?=[^\']))*(?:\'\'\'|$)|\"\"\"(?:[^\"\\]|\\[\s
\S]|\"{1,2}(?=[^\"]))*(?:\"\"\"|$)|\'(?:[^\\\']|\\[\s\S])*(?:
\'|$)|\"(?:[^\\\"]|\\[
\s\S])*(?:\"|$))/,null,'\'"'])}else if(options['multiLineStri
ngs']){shortcutStylePatterns.push([P
R_STRING,/^(?:\'(?:[^\\\']|\\[\s\S])*(?:\'|$)|\"(?:[^\\\"]|\\
[\s\S])*(?:\"|$)|\`(?:[^\\\`]|\\[\s\S])*(?:\`|$))/,null,'\'"`'])}else{shortcutStylePatterns.push([PR_
STRING,/^(?:\'(?:[^\\\'\r\n]|\\.)*(?:\'|$)|\"(?:[^\\\"\r\n]|\\.)*(?:\"|$))/,null,'"\''])}if(options['verbatimStrings']){fallthroughStylePatterns.push([PR_STRING,/^@\"(?:[^\"]|\"\"
)*(?:\"|$)/,null])}var hc=options['hashComments'];if(hc){if(
options['cStyleComments']){if(hc>1){shortcutStylePatterns.pus
h([PR_COMMENT,/^#(?:##(?:[^#]|#(?!##))*(?:###|$)|.*)/,null,'#
'])}else{shortcutStylePatterns.
push([PR_COMMENT,/^#(?:(?:define|elif|else|endif|error|ifdef|
include|ifndef|line|pr
agma|undef|warning)\b|[^\r\n]*)/,null,'#'])}fallthroughStyle
Patterns.push([PR_STRING,/^<(?:(?:(?:\.\.\/)*|\/?)(?:[\w-]+(?:\/[\w-]+)+)?[\w-]+\.h|[a-z]\w*)>/,null])}else{shortcutStylePatterns.push([PR_COMMENT
,/^#[^\r\n]*/,null,'#'])}}if(options['cStyleComments']){fallthroughStylePatterns.push([PR_COMMENT,/^\/\/[^\r\n]*/,nu
ll]);fallthroughStylePatterns.push([PR_COMMENT,/^\/\*[\s\S]*?(?:\*\/|$)/,null])}if(options['regexLiterals']){var REGEX_LI
TERAL=('/(?=[^/*])'+'(?:[^/\\x5B\\x5C]'+'|\\x5C[\\s\\S]'+'|\
\x5B(?:[^\\x5C\\x5D]|\\x5C[\\s\\S])*(?:\\x5D|$))+'+'/');fall
throughStylePatterns.push(['lang-regex',new RegExp('^'+REGEXP_PRECEDER_PATTERN+'('+REGEX_LITERAL+')')])}
var types=options['types'];if(types){fallthroughStylePattern
s.push([PR_TYPE,types])}var keywords=(""+options['keywords'])
.replace(/^ | $/g,'');if(keywords.length){fallthroughStylePat
terns.push([PR_KEYWORD,new RegExp('^(?:'+keywords.replace(/[\
s,]+/g,'|')+')\\b'),null])}
shortcutStylePatterns.push([PR_PLAIN,/^\s+/,null,' \r\n\t\xA0']);fallthroughStylePatterns.push([PR_LITERAL,/^@[
a-z_$][a-z_$@0-9]*/i,null],[PR_TYPE,/^(?:[@_]?[A-Z]+[a-z][A-
Za-z_$@0-9]*|\w+_t\b)/,null],[PR_PLAIN,/^[a-z_$][a-z_$@0-9]*
/i,null],[PR_LITERAL,new RegExp('^(?:'+'0x[a-f0-9]+'+'|(?:\\d
(?:_\\d+)*\\d*(?:\\.\\d*)?|\\.\\d\\+)'+'(?:e[+\\-]?\\d+)?'+'
)'+'[a-z]*','i'),null,'0123456789'],[PR_PLAIN,/^\\[\s\S]?/,n
ull],[PR_PUNCTUATION,/^.[^\s\w\.$@\'\"\`\/\#\\]*/,null]);ret
urn createSimpleLexer(shortcutStylePatterns,fallthroughStyle
Patterns)}var
decorateSource=sourceDecorator({'keywords':ALL_KEYWORDS,'has
hComments':true,'cStyleComments':true,'multiLineStrings':tru
e,'regexLiterals':true});function numberLines(node,opt_start
LineNum){var nocode=/(?:^|\s)nocode(?:\s|$)/;var lineBreak=/
\r\n?|\n/;var document=node.ownerDocument;var whitespace;if(
.currentStyle){whitespace=node.currentStyle.whiteSpace}else
if(window.getComputedStyle)
{whitespace=document.defaultView.getComputedStyle(node,null)
.getPropertyValue('white-space')}var
isPreformatted=whitespace&&'pre'===whitespace.substring(0,3)
;var li=document.createElement('LI');while(node.firstChild){
li.appendChild(node.firstChild)}var listItems=[li];function
walk(node){switch(node.nodeType){case 1:if(nocode.test(node.
)){break}if('BR'===node.nodeName){breakAfter(node);if(node.parentNode){node.parentNode.removeChild(node)}}else{for(var child=node.firstChild;child;child=child.nextSibling){walk(chi
ld)}}break;case 3:case 4:if(isPreformatted){var text=node.nod
eValue;var match=text.match(lineBreak);if(match){var firstLine=text.substring(0,match.index);node.nodeValue=first
Line;var tail=text.substring(match.index+match[0].length);if(tai
l){var parent=node.parentNode;parent.insertBefore(document.createTextNod
e(tail),node.nextSibling)}breakAfter(node);if(!firstLine){node.pa
rentNode.removeChild(node)}}}br
eak}}function breakAfter(lineEndNode){while(!lineEndNode.nextSib
ling){lineEndNode=lineEndNode.parentNode;if(!lineEndNode){return
}}function breakLeftOf(limit,copy){var rightSide=copy?limit.clon
eNode(false):limit;var parent=limit.parentNode;if(parent){var parentClone=breakLeftOf(parent,1);var next=limit.nextSibling;parentClone.appendChild(rightSide);for(var sibling=next;sibling;sibling=next){next=sibling.nextSibling;parentClone.appendChild(sibling)}}return
rightSide}var copiedListItem=breakLeftOf(lineEndNode.nextSibling,0);for(var pare
nt;(parent=copiedListItem.parentNode)&&parent.nodeType===1;){copiedListItem=parent}listItems.push(copiedListItem)}for(var i=0
;i<listItems.length;++i){walk(listItems[i])}if(opt_startLineNum===(
opt_startLineNum|0)){listItems[0].setAttribute('value',opt_startLineNum)}var ol=document.createElement('OL');ol.className='linenums';var offset=
Math.max(0,((opt_startLineNum-1))|0)||0;for(var i=0,n=listItems.len
gth;i<n;++i){li=listItems[i];l
i.className='L'+((i+offset)%10);if(!li.firstChild){li.appendChild(document.createTextNode('\xA0'))}ol.appendChild(l
i)}node.appendChild(ol)}function recombineTagsAndDecorations(job){var isIE=/\bMSIE\b/.test(navigator.userAgent);var newlineRe=/\n/g;var
source=job.sourceCode;var sourceLength=source.length;var sourceIndex=0;var spans=job.spans;v
ar nSpans=spans.length;var spanIndex=0;var decorations=job.decoratio
ns;var nDecorations=decorations.length;var decorationIndex=0;decorations[n
Decorations]=sourceLength;var decPos,i;for(i=decPos=0;i<nDecoration
s;){if(decorations[i]!==decora
tions[i+2]){decorations[decPos++]=decorations[i++];decorations[decP
os++]=decor
ations[i++]}else{i+=2}}nDecorations=decPos;for(i=decPos=0;i<nDecora
tions;){var startPos=decoratio
ns[i];var startDec=decorations[i+1];var end=i+2;while(end+2<=nDecorations&&decorations[end+1]===startDec){end+=2}decorations[decPos++]=startPos;decorations[decPos++]=startDe
c;i=end}nDecorations=decorations.length=decPos;var decoration=null;whi
le(spanIndex<nSpans){var sp
anStart=spans[spanIndex];var spanEnd=spans[spanIndex+2]||sourceLength;
var decEnd=decorations[decorationIndex+2]||sourceLength;var end=Math.min(spanEnd,decEnd);var textNode=spans[spanIndex+1];var styledText;if(textNode.nodeType!==1&&(styledText=source.substring(sourceIndex,end))){if(isIE){styledText=styledText.replace(newlineRe,'\r')}textNode.nodeValue=styl
edText;var document=textNode.ownerDocument;var span=document.createElement('SPAN');span.className=decorations[decorat
ionIndex+1];var parentNode=textNode.parentNode;parentNode.replaceChild(
span,textNode);
span.appendChild(textNode);if(sourceIndex<spanEnd){spans[spanIndex+1]=textNode=document.createTextNode(source.substring(e
nd,spanEnd));parentNode.insertBefore(textNode,span.nextSibling)}}sourc
eIndex=end;if(sourceIndex>=spanEnd){spanIndex+=2}if(sourceIndex>=decEn
d){decorationIndex+=2}}}va
r langHandlerRegistry={};function registerLangHandler(handler,fileExte
nsions){for(var i=fileExtensions.length;--i>=0;){var
ext=fileExtensions[i];if(!langHandlerRegistry.hasOwnProperty(ext)){langHandlerRegistry[ext]=handler}else if(window['console']){console['
w
arn']('cannot override language handler %s',ext)}}}function langHandle
rForExtension(extension
,source){if(!(extension&&langHandlerRegistry.hasOwnProperty(extension)
)){extension=/^\s*</.test(source)?'default-markup':'default-code'}return langHandlerRegistry[extension]}registerLangHandler(decorateSource,['default-code']);registerLangHandler(createSimpleLexer([],[[PR_PLAIN,/^[^<?]+/
],[PR_DECLARATION,/^<!\w[^>]*(?:>|$)/],[PR_COMMENT,/^<\!--[\s\S]*?(?:-\
->|$)/],['lang-',/^<\?([\s\S]+?)(?:\?>|$)/],['lang-',/^<%([\s\S]+?)(?:%>|$)/],[PR_PUNCTUATI
ON,/^(?:<[%?]|[%?]>)/],['lang-',/^<xmp\b[^>]*>([\s\S]+?)<\/xmp\b[^>]*>/
i],['lang-js',/^<script\b[^>]*>([\s\S]*?)(<\/script\b[^>]*>)/i],['lang-css',/^<s
tyle\b[^>]*>([\s\S]*?)(<\/style\b[^>]*>)/i],['lang-in.tag',/^(<\/?[a-z]
[^<>]*>)/i]]),['defa
ult-markup','htm','html','mxml','xhtml','xml','xsl']);registerLangHandle
r(createSimpleLexer([[PR_PLAIN,/^[\s]+/,null,' \t\r\n'],[PR_ATTRIB_VALUE,/^(?:\"[^\"]*\"?|\'[^\']*
\'?)/,null,'\"\'']],[[PR_TAG,/^^<\/?[a-z](?:[\w.:-]*\w)?|\/?>$/i],[PR_ATTRIB_NAME,/^(?!style[\s=]|on)[a-z](?:[\w:-]*\w)?/i],['lang-uq
.val',/^=\s*([^>\'\"\s]*(?:[^>\'\"\s\/]|\/(?=\s)))/],[PR_PUNCTUATION,/^[=<>\/]+/],['lang-js',/^on\w+\s*=\s*\"([^\"]+)\"/i],['lang-js',/^on\w+\s*=\s*\'([^\']
+)\'/i],['lang-js',/^on\w+\s*=\s*([^\"\'>\s]+)/i],['lang-css',/^styl
e\s*=\s*\"([^\"]+)\"/i],['lang-css',/^style\s*=\s*\'([^\']+)\'/i],['lang-css',/^style\s*=\s*
([^\"\'>\s]+)/i]]),['in.tag']);registerLangHandler(createSimpleLexer([],[[PR_ATTRIB_VALUE,/^[\s\S]+/]]),['uq.val']);registerLangHandler(sourceDecorator({'keywords':CPP_KEY
WORDS,'hashComments':true,'cStyleComments':true,'types':C_TYPES}),['c','cc','cpp','cxx','cyc','m']);registerLangHandler(sourceDecorat
or({'keywords':'null,true,false'}),['json']);registerLangHandler(sourceDecorator({'keywords':CSHARP_K
EYWORDS,'hashComments':true,'cStyleComments':true,'verbatimStrings':true,'types':C_TYPES}),['cs']);registerLangHandler(sourceDecorator({'keywords':JAVA_KEYWO
RDS,'cStyleComments':true}),['java']);registerLangHandler(sourceDecor
ator({'keywords':SH_KEYWORD
S,'hashComments':true,'multiLineStrings':true}),['bsh','csh','sh']);registerLangHandler(sourceDecorator({'keywords':
PYTHON_KEYWORDS,'hashComments':true,'multiLineStrings':true,'tripl
eQuotedStrings':true}),['cv','py']);registerLangHandler(sourceDeco
rator({'keywords':PERL_
KEYWORDS,'hashComments':true,'multiLineStrings':true,'regexLiterals':true}),['perl','pl','pm']);registerLangHandler(sourceDecorator({'keywords'
:RUBY_KEYWORDS,'hashComments':true,'multiLineStrings':true,'regexLiterals':true}),['rb']);registerLangHandler(sourceDecorator({'keywords':JSCRIPT_KEY
WORDS,'cStyleComments':true,'regexLiterals':true}),['js']);registerLangHandler(sourceDecorator({'keywords':COFFEE_KEYW
ORDS,'hashComments':3,'cStyleComments':true,'multilineStrings':true
,'tripleQuotedStrings':true,'regexLiterals':true}),['coffee']);registerLangHandler(createSimpleLexer([],[[PR_STRING,/^
[\s\S]+/]]),['regex']);function applyDecorator(job){var opt_langExtension=job.langExtension;try{var sourceAndSpans=extractS
ourceSpans(job.sourceNode);var source=sourceAndSpans.sourceCode;job.sourceCode=source;job.spans=so
urceAndSpans.spans;job.basePos=0;langHandlerForExtension(opt_langEx
tension,source)(job);recombineTagsAndDecorations(job)}catch(e){if('
console'in window){console['log'](e&&e['stack']?e['stack']:e)}}}function prettyPrintOne(sourceCodeHtml,opt_langExtension,opt_numberLines){var container=document.createElement('PRE');container.innerHTML=sourceCo
deHtml;if(opt_numberLines){numberLines(container,opt_numberLines)}var job={langExtension:opt_langExtension,numberLines:opt_numberLines,sourceN
ode:container};applyDecorator(job);return container.innerHTML}functi
on prettyPrint(opt_whenDone){function byTagName(tn){return document.
getElementsByTagName(tn)}var
codeSegments=[byTagName('pre'),byTagName('code'),byTagName('xmp')];
var elements=[];for(var i=0;i<codeSegments.length;++i){for(var j=0,n=codeSegments[i].length;j<n;++j){elements.push(codeSegments[i][
j])}}codeSegments=null;var clock=Date;if(!clock['now']){clock={'now'
:function(){return+(new Date)}}}var k=0;var prettyPrintingJob;var langExtensionRe=/\blang(?:uage)?-([\w.]+)(?!\S)/;var prettyPrintRe=/\
bprettyprint\b/;function doWork(){var endTime=(window['PR_SHOULD_USE_
CONTINUATION']?clock['no
w']()+250:Infinity);for(;k<elements.length&&clock['now']()<endTime;k
++){var cs=elements[k];var className=cs.className;if(className.indexOf(
'prettyprint')>=0){var langExtension=className.match(langExtensionRe);v
ar wrapper;if(!langEx
tension&&(wrapper=childContentWrapper(cs))&&"CODE"===wrapper.tagName){langExtension=wrapper.className.match(langExtensionRe)}if(langExtens
ion){langExtension=langExtension[1]}var nested=false;for(var p=cs.pa
rentNode;p;p=p.parentNode){if((p.tagName==='pre'||p.tagName==='code'
||p.tagName==='xmp')&&p.cl
assName&&p.className.indexOf('prettyprint')>=0){nested=true;break}}i
f(!nested){var lineNums=cs.className.match(/\blinenums\b(?::(\d+))?/);lineNums=line
Nums?lineNums[1]&&lineNums[1].length?+lineNums[1]:true:false;if(lineNums){numberLines(cs,lineNums)}prettyPrintingJob={langExtension:langExtension,sourceNode:cs,numberLines:lineNums}
;applyDecorator(prettyPrintingJob)}}}if(k<elements.length){setTimeou
t(doWork,250)}
else if(opt_whenDone){opt_whenDone()}}doWork()}window['prettyPrintOne']
=prettyPrintOne;window['prettyPrint']=prettyPrint;window['PR']={'createSimpleLexer':createSimpleLexer
,'registerLangHandler':registerLangHandler,
'sourceDecorator':sourceDecorator,'PR_ATTRIB_NAME
':PR_ATTRIB_NAME,'PR_ATTRIB_VALUE':PR_ATTRIB
_VALUE,'PR_COMMENT':PR_COMMENT,'PR_DECLARATION':
PR_DECLARATION,'PR_KEYWORD':PR_KEYWORD,'PR_LITERAL':
PR_LITERAL,'PR_NOCODE':PR_NOCODE,'PR
_PLAIN':PR_PLAIN,'PR_PUNCTUATION':PR_PUNCTUATION,'
PR_SOURCE':PR_SOURCE,'PR_STRING':PR_STRING,'PR_TAG':PR_TAG,'PR_TYPE
':PR_TYPE}})();
ướng dẫn: ACP - Modules - HTML & JAVASCRIPT - Javascript codes
management: In the topics
1 - Nếu forum bạn đang dùng là phpbb3, punbb và invision thì thay bằng code:
- Code:
function selectCode(a)
{
// Get ID of code block
var e = a.parentNode.parentNode.getElementsByTagName('PRE')[0];
// Not IE
if (window.getSelection)
{
var s = window.getSelection();
// Safari
if (s.setBaseAndExtent)
{
s.setBaseAndExtent(e, 0, e, e.innerText.length - 1);
}
// Firefox and Opera
else
{
// workaround for bug # 42885
if (window.opera && e.innerHTML.substring(e.innerHTML.length - 4) == '<BR>')
{
e.innerHTML = e.innerHTML + ' ';
}
var r = document.createRange();
r.selectNodeContents(e);
s.removeAllRanges();
s.addRange(r);
}
}
// Some older browsers
else if (document.getSelection)
{
var s = document.getSelection();
var r = document.createRange();
r.selectNodeContents(e);
s.removeAllRanges();
s.addRange(r);
}
// IE
else if (document.selection)
{
var r = document.body.createTextRange();
r.moveToElementText(e);
r.select();
}
}
if(text){}else{ var text = 'Selecionar todos';}
jQuery(document).ready(function(){
jQuery("dl.codebox dt").not("dl.spoiler > dt").html('CODE:<s
pan class="clicktogglecode" style="float:right;"><img style="display:none;" src="http://i28.servimg.com/u/f28/16/48/23/13/collap11.gif"
alt="show" border="0" /><img src="http://i28.servimg.com/u/f28/16/48/23/13/collap10.gif"
alt="hide" border="0" /></span><a onmouseover="showtip(note
urn false;"><font color="green"><strong>CHỌN TOÀN BỘ </strong></font></a>');
notecode='Click để chọn nội dung trong CODE';
jQuery("span.clicktogglecode").click(function(){
jQuery(this).parent().next().toggle();
jQuery(this).children().toggle()
});
jQuery("dd.cont_code").css({
'width' : '500px',
'height':'auto',
'overflow':'auto'
}).wrapInner('<pre class="prettyprint linenums" />');
jQuery("dd.cont_code").css({
'font-family': 'Courier',
'width' : '500px',
'display': 'block',
'font-size':'1em',
'color':'green',
'background':'#FFFFFF',
'margin': '1em 0',
'overflow':'auto',
'text-align':'left',
'border':'1 solid #99cc66',
'padding':'0 0 0 15px',
'line-height':'17px',
'overflow': 'auto'
});
jQuery("dl.codebox dt").css({
'background':'#FFF',
'font':'bold 11px tahoma',
'color':'#FFF',
'text-align':'left',
'text-shadow':'green 0.1em 0.1em 0.2em',
'padding':'0px',
'align':'left',
'vertical-align':'middle',
'height':'20px',
'width':'100%'
});
jQuery("dl.codebox").css({
'width':'545px',
'background':'#FFF',
'align':'justify',
'padding': '5px 5px 5px 5px',
'align':'center',
'border-radius': '5px 5px 5px 5px',
'border-color': '#000000 #ABABAB #ABABAB #000000'
});
jQuery("body").attr('onload','prettyPrint()');
});
CODE:CHỌN TOÀN BỘ
Ghi chú: Code sử dụng Select Content Button kết hợp với Javascript code prettifier
- Code:
function selectCode(a)
{
// Get ID of code block
var e = jQuery(a).closest('tr').next().find('.cont_code')[0];
// Not IE
if (window.getSelection)
{
var s = window.getSelection();
// Safari
if (s.setBaseAndExtent)
{
s.setBaseAndExtent(e, 0, e, e.innerText.length - 1);
}
// Firefox and Opera
else
{
// workaround for bug # 42885
if (window.opera && e.innerHTML.substring(e.innerHTML.length - 4) == '<BR>')
{
e.innerHTML = e.innerHTML + ' ';
}
var r = document.createRange();
r.selectNodeContents(e);
s.removeAllRanges();
s.addRange(r);
}
}
// Some older browsers
else if (document.getSelection)
{
var s = document.getSelection();
var r = document.createRange();
r.selectNodeContents(e);
s.removeAllRanges();
s.addRange(r);
}
// IE
else if (document.selection)
{
var r = document.body.createTextRange();
r.moveToElementText(e);
r.select();
}
}
jQuery(function(){
jQuery('div.postbody td.code').parent().prev().find('b').html('Code:<span class="clicktogglecode" style="float:right;"><img st
yle="display:none;" src="http://i28.servimg.com/u/f2
8/16/48/23/13/collap
11.gif" alt="show" border="0" /><img src="http://i28
.servimg.com/u/f28/16/48/23/13/collap10.gif" alt="hid
e" border="0" /></span><a onmouseover="show
tip(notecode);" onmouseout="hidetip();" href="javascr
ipt:void()" style="float:right;" onClick="selectCode(t
his)"><font face="verdana" color="red"><strong>CHỌN TOÀN BỘ </strong></font></a>');
notecode='Click để chọn nội dung trong CODE';
jQuery("span.clicktogglecode").click(function() {
jQuery(this).parent().parent().parent().p
arent().next().children().toggle();
jQuery(this).children().toggle()
});
jQuery(".cont_code").wrapInner('<pre class="prett
yprint linenums" />');
jQuery(".code").css({
'font-family': 'Courier',
'width' : '500px',
'display': 'block',
'font-size':'1em',
'color':'green',
'background':'#FFFFFF',
'margin': '1em 0',
'overflow':'auto',
'text-align':'left',
'border':'1 solid #99cc66',
'padding':'0 0 0 15px',
'line-height':'17px',
'overflow': 'auto'
});
jQuery("td.code").parent().prev().css({
'background':'#FFF',
'font':'bold 11px tahoma',
'color':'#FFF',
'text-align':'left',
'text-shadow':'green 0.1em 0.1em 0.2em',
'padding':'0px',
'align':'left',
'vertical-align':'middle',
'height':'16px',
'width':'100%'
});
jQuery("td.code").parent().parent().parent().css({
'width':'545px',
'background':'#FFF',
'align':'justify',
'padding': '5px 5px 5px 5px',
'align':'center',
'border-radius': '5px 5px 5px 5px',
'border-color': '#000000 #ABABAB #ABABAB #000000'
});
jQuery("body").attr('onload','prettyPrint()');
});