[Coldfusion] Continue 사용 시 주의할 점.
<cfcontinue> 를 정상적이지 않은 곳에서 사용하게 되면 500 Internal Error 를 발생시키나.
<cfscript> 안에서 continue 를 잘못 사용하게 되면 그 뒤에 나오는 statement (cfscript 안의 statement만) 를 실행하지 않는 큰 문제가 생김.
예를 들어 아래 코드를 실행하게 되면 10 한번만 찍히게 됨.
<cfscript>
a = 10;
continue;
a = 20;
writeOutput(a);
a = 30;
</script>
<cfoutput>#a#</cfoutput>
이건 아래와 같은 경우의 continue 이후의 뒤에 나오는 모든 statement를 건너 뜀(cfscript 안의 statement만)
그래서 cfscript 마지막에 있는 abort 도 실행되지 않음.
<cfscript>
cfloop(query = sampleQuery) {
if(sampleQuery.column eq 1) {
continue;
}
}
abort;
</script>
cfloop 에는 continue, break 를 사용할 수 없으니 반드시 아래와 같이 사용할 것.
<cfscript>
for(var row in sampleQuery) {
if(row.column eq 1) {
continue;
}
}
abort;
</script>
[Javascript] Base64 encode
function convertBase64($target, str) {
var Base64={_keyStr:"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",encode:function(e){var t="";var n,r,i,s,o,u,a;var f=0;e=Base64._utf8_encode(e);while(f<e.length){n=e.charCodeAt(f++);r=e.charCodeAt(f++);i=e.charCodeAt(f++);s=n>>2;o=(n&3)<<4|r>>4;u=(r&15)<<2|i>>6;a=i&63;if(isNaN(r)){u=a=64}else if(isNaN(i)){a=64}t=t+this._keyStr.charAt(s)+this._keyStr.charAt(o)+this._keyStr.charAt(u)+this._keyStr.charAt(a)}return t},decode:function(e){var t="";var n,r,i;var s,o,u,a;var f=0;e=e.replace(/[^A-Za-z0-9\+\/\=]/g,"");while(f<e.length){s=this._keyStr.indexOf(e.charAt(f++));o=this._keyStr.indexOf(e.charAt(f++));u=this._keyStr.indexOf(e.charAt(f++));a=this._keyStr.indexOf(e.charAt(f++));n=s<<2|o>>4;r=(o&15)<<4|u>>2;i=(u&3)<<6|a;t=t+String.fromCharCode(n);if(u!=64){t=t+String.fromCharCode(r)}if(a!=64){t=t+String.fromCharCode(i)}}t=Base64._utf8_decode(t);return t},_utf8_encode:function(e){e=e.replace(/\r\n/g,"\n");var t="";for(var n=0;n<e.length;n++){var r=e.charCodeAt(n);if(r<128){t+=String.fromCharCode(r)}else if(r>127&&r<2048){t+=String.fromCharCode(r>>6|192);t+=String.fromCharCode(r&63|128)}else{t+=String.fromCharCode(r>>12|224);t+=String.fromCharCode(r>>6&63|128);t+=String.fromCharCode(r&63|128)}}return t},_utf8_decode:function(e){var t="";var n=0;var r=c1=c2=0;while(n<e.length){r=e.charCodeAt(n);if(r<128){t+=String.fromCharCode(r);n++}else if(r>191&&r<224){c2=e.charCodeAt(n+1);t+=String.fromCharCode((r&31)<<6|c2&63);n+=2}else{c2=e.charCodeAt(n+1);c3=e.charCodeAt(n+2);t+=String.fromCharCode((r&15)<<12|(c2&63)<<6|c3&63);n+=3}}return t}}
$target.html(Base64.encode(str));
}
[jQuery] 버전 별 autocomplete _renderItem 차이
JQuery-ui 버전에 따라 autocomplete 사용법이 다름.
[1.12.0]
jquery 1.7.x 버전 이상을 써야 하고 최신버전 3.2.1 에서도 동작한다.
.autocomplete( "instance" )._renderItem 을 사용할 수 있고
.data("ui-autocomplete")._renderItem 을 사용할 수도 있지만 old style
.autocomplete( "instance" )._renderItem = function( ul, item ) {
return $( "<li>" ).append( "<div>" + gubun + S9HL.highlight(label, searched) + "</div>" ).appendTo( ul );
)};
[1.11.x]
jquery 1.6.x ~ jquery 2.x 버전까지 동작
.autocomplete( "instance" )._renderItem 을 사용할 수 있고
.data("ui-autocomplete")._renderItem 을 사용할 수도 있지만 old style
.autocomplete( "instance" )._renderItem = function( ul, item ) {
return $( "<li>" ).append( "<div>" + gubun + S9HL.highlight(label, searched) + "</div>" ).appendTo( ul );
혹은
return $( "<li>" ).append(gubun + S9HL.highlight(label, searched)).appendTo( ul );
)};
값을 <div> 혹은 <a> 둘 다 동작하는 것으로 보이지만 <div> 가 더 좋다
<div>를 쓰지 않아도 동작한다.
[1.8.x]
jquery 1.7 버전 이상을 쓸 수 없다 (deplicate 된 함수 때문이다)
.data("ui-autocomplete")._renderItem 을 사용해야 한다.
.data("autocomplete")._renderItem = function(ul, item ) {
return $( "<li>" ).data( "item.autocomplete", item ).append( '<a>' + S9HL.highlight(item.label, searchQuery) + '</a>' ).appendTo( ul );
};
값은 반드시 <a> 로 싸야 한다.
rowspan 처리하기
function rowspan(className){
var txt;
var rows;
$("." + className).each(function() {
txt = $(this).text();
if(txt.length === 0)
return true;
rows = $("." + className + ":contains('" + txt + "')");
if (rows.length > 1) {
rows.eq(0).attr("rowspan", rows.length);
rows.not(":eq(0)").remove();
}
});
}
rowspan("rowspan");
rowspan 을 원하는 td에 class 추가 호출하면 됨.