귀찬항요

남들 쓰는걸 보니 나도 써야겠단 생각이 들어서 적용을 시작했다.

기존 나도는 소스를 보니 기본적인 스크립트 지식이 없이는 골치가 아플 것이다.

내가 제일 좋아하는 요점정리부터 시작한다.

티스토리는 관리자메뉴의 스킬-HTML/CSS 편집 메뉴에서 전체적인 설정을 변경가능하다.

거기서 기본적인 스크립트를 사용하여 약속된 태그(2.0대버젼은 pre를 썻다고하고 3.0대 현재는 blockquote를 쓴다)

안에 삽입된 코드를 처리하는 방법을 쓴다.

일단 해당 홈페이지에서 (http://alexgorbatchev.com/SyntaxHighlighter/) 최신소스를 다운로드 받는다

압축을 풀고 해당 디렉토리안의 script , styles 안의 내용을 모두 업로드한다.(아는사람은 필요한거만 올리자)

그리고 HTML/CSS편집에서 title태그안에 해당 스크립트를 삽입.

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript" src="./images/shCore.js"></script>
<script type="text/javascript" src="./images/shLegacy.js"></script>
<script type="text/javascript" src="./images/shBrushAppleScript.js"></script>
<script type="text/javascript" src="./images/shBrushAS3.js"></script>
<script type="text/javascript" src="./images/shBrushBash.js"></script>
<script type="text/javascript" src="./images/shBrushColdFusion.js"></script>
<script type="text/javascript" src="./images/shBrushCpp.js"></script>
<script type="text/javascript" src="./images/shBrushCSharp.js"></script>
<script type="text/javascript" src="./images/shBrushCss.js"></script>
<script type="text/javascript" src="./images/shBrushDelphi.js"></script>
<script type="text/javascript" src="./images/shBrushDiff.js"></script>
<script type="text/javascript" src="./images/shBrushErlang.js"></script>
<script type="text/javascript" src="./images/shBrushGroovy.js"></script>
<script type="text/javascript" src="./images/shBrushJava.js"></script>
<script type="text/javascript" src="./images/shBrushJavaFx.js"></script>
<script type="text/javascript" src="./images/shBrushJScript.js"></script>
<script type="text/javascript" src="./images/shBrushPerl.js"></script>
<script type="text/javascript" src="./images/shBrushPhp.js"></script>
<script type="text/javascript" src="./images/shBrushPlain.js"></script>
<script type="text/javascript" src="./images/shBrushPowerShell.js"></script>
<script type="text/javascript" src="./images/shBrushPython.js"></script>
<script type="text/javascript" src="./images/shBrushRuby.js"></script>
<script type="text/javascript" src="./images/shBrushSass.js"></script>
<script type="text/javascript" src="./images/shBrushScala.js"></script>
<script type="text/javascript" src="./images/shBrushSql.js"></script>
<script type="text/javascript" src="./images/shBrushVb.js"></script>
<script type="text/javascript" src="./images/shBrushXml.js"></script>
<link type="text/css" rel="stylesheet" href="./images/shCore.css"/>
<link type="text/css" rel="stylesheet" href="./images/shThemeDefault.css"/>
<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function(){
jQuery("BLOCKQUOTE").each( function() {
if (jQuery(this).attr('class').substr(0,5)=='brush')
{
var temp = jQuery(this).html();
temp = temp.replace(/\n/gi, "");           
temp = temp.replace(/<BR>/gi, "\n");           
temp = temp.replace(/<BR \/>/gi, "\n");           
temp = '<script type="syntaxhighlighter" class="'+ jQuery(this).attr('class') + '"><![CDATA['+temp+']]><\/script>';          jQuery(this).after(temp);          
jQuery(this).remove();     
}   
});
SyntaxHighlighter.defaults['toolbar'] = true;
SyntaxHighlighter.all();
});
</script>

자 이러면 완성인데 잘안되는사람들이 분명 있다.

화면의 스크립트 오류에 집중하라.

내 티스토리는 BLOCKQUOTE 태그를 쓰는데 스크립트상으로는 blockquote였다.

replace부분에서도 정규식 에러가 발견됬다.

자잘한 이슈만 잡을능력이 되면 거뜬하게 올릴 수 있다.

아무래두 나두 한거번에 모아서 처리할수있는 형식을 만들어야겠다

그때그때 다시만들려니까 이게무슨 병신짓인지 모르겠네요

시간날때 작업을 시작해봄

일단 이것들은 첩자질해온 코드 ㅋㅋ


//주민등록번호
//주민등록번호는 1~12번째의 각 모든 자릿수를 2부터 증가된 수(10부턴 다시 2로)를 곱하여 11로 나눈 나머지를
//11에서 뺀 결과값이 13번째 자리와 일치할시에 올바른 주민등록번호이다.
function chkSnVal(sn1,sn2){
if((sn1.length==6) &&(sn2.length==7)){
var sn=sn1+sn2;
a = new Array(13);
for (var i=0; i < 13; i++) {
a[i] = parseInt(sn.charAt(i));
}
var k = 11 - (((a[0] * 2) + (a[1] * 3) + (a[2] * 4) + (a[3] * 5) + (a[4] * 6) + (a[5] * 7) + (a[6] * 8) + (a[7] * 9) + (a[8] * 2) + (a[9] * 3) + (a[10] * 4) + (a[11] * 5)) % 11);
if (k > 9){
k -= 10;
}
if (k == a[12]){
return false;
}else{
return true;
}
}
}

//숫자체크 뻔하지않은가?
function fncChkNum(text){
if(isNaN(text.value)){return true;}
return false;
}


//한글체크
function fncChkKoreanName(obj) {
var strVal = obj.value;
if (strVal == "")
{
return true;
}
for (var i=0;i<strVal.length;i++)
{

if(!((strVal.charCodeAt(i) > 0x3130 && strVal.charCodeAt(i) < 0x318F) || (strVal.charCodeAt(i) >= 0xAC00 && strVal.charCodeAt(i) <= 0xD7A3))){
obj.focus();
return true;
}
}
return false;
}

var xmlHttp = null;
function getXMLHttpRequest() {
      if (window.ActiveXObject) {
          try {    //IE 에서 XMLHttpRequest
                  return new ActiveXObject("Msxml2.XMLHTTP");
         } catch(e) {
             try {
                     return new ActiveXObject("Microsoft.XMLHTTP");
                 } catch(e1) { return null; }
         }  
     } else if (window.XMLHttpRequest) {
           return new XMLHttpRequest();
     } else {
         return null;
     }
}

이걸루 각 브라우저에 맞게 일단 객체부터 구해온후에

function startRequest() {
    xmlHttp = getXMLHttpRequest();
    xmlHttp.onreadystatechange = onStateChange;
    //xmlHttp.open("GET", "/source/login/simpleResponse.xml", true);
    xmlHttp.open("POST", "/source/login/chkId.php?stringId="+document.all.stringId.value, false);
    alert("send = " + document.all.stringId.value);
    //xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
    xmlHttp.send("stringId=kkkkk");
}

전달방법 세팅하구 send 한다.
헤더를 설정 안했을시 POST로 안보내지는 현상을 발견했다.
GET , POST 둘다 같이보내지드라.

function onStateChange() {
 //alert("xmlHttp.readyState = " + xmlHttp.readyState + "  xmlHttp.status = " + xmlHttp.status);
    if(xmlHttp.readyState == 4) {
        if(xmlHttp.status == 200) {
            alert("서버로부터의 응답 : " + xmlHttp.responseText);
            
        }
    }
}

응답을 받구 완료됬을시 해당페이지의 출력내용을 그대로 받아온다. 얼싸조쿤

IE에서만 발생하는 오류라고 한다.

데이타가 UTF-8로 인코딩되어있지 않아서 생기는것.

서버 설정들을 모두 UTF-8로 확인하고 소스파일들을 UTF-8로 저장하니 해결되었다.