/**********************************************************/
/* 추 가 : 2010-02-24(상품) */
/* 개 발 자 : 설경창 */
/* 회 사 명 : (주)페이스드림 */
/* 파 일 명 : suggest.js */
/* 용 도 : 자동 완성 검색어 색출 및 간단상품 검색*/
/**********************************************************/
document.write("");
document.write("");
//document.write("");
var req;
var result_js_object; // 서버에서 넘어온 자료 eval
var save_js_object; // 실제 출력된 자료만 보관하는 변수
var textbox;
var save_textbox; // 화살표가 이동하기전에 텍스트박스의 내용을 저장하고 다시 화살표가 돌아오면 원래값을 복원
var before_textbox; // 바로전 텍스트박스 내용
var current_line = -1; // 결과에서 현재 선택된 라인
var count_for_id;
var is_timer;
var auto_request = false; // 자동 요청 (한글처리시 사용)
var msg = document.getElementById('msg');
function sug_set_properties(xelement, xserver_url, xignore_case, xany_where, xresult_box_width) {
var props={
element: xelement,
server_url: xserver_url,
ignore_case: ((xignore_case) ? "i" : ""),
any_where: ((xany_where) ? "" : "^"), // 중간에 있는 글자를 검색되게 할것인지?
like: ((xany_where) ? 1 : 0), // SQL QUERY LIKE 앞 %
result_box_width: xresult_box_width // 결과 박스를 textbox 의 폭과 같게 할것인지?
};
if (textbox == null)
textbox = xelement;
sug_add_handler(xelement);
return props;
}
//var isOpera = (navigator.userAgent.toLowerCase().indexOf("opera")!= -1);
function sug_add_handler(objText){
objText.onkeydown = sug_textbox_keydown;
objText.onfocus = sug_textbox_focus;
//if (isOpera) objText.onkeypress = sug_textbox_keydown;
}
function sug_textbox_keydown(e) {
if(window.event){
key = event.keyCode;
textbox = event.srcElement;
_event = event;
}
else{
key = e.which;
textbox = e.target;
_event = e;
}
auto_request = false;
if (key == 13) { // 엔터키
if (current_line >= 0)
textbox.value = save_js_object[current_line];
return;
} else if (key == 38) { // 위 화살표
sug_move_key(-1);
return;
} else if (key == 40) { // 아래 화살표
if (current_line < 0) {
// 화살표가 아래로 이동하기 전에 텍스트박스의 값을 저장
save_textbox = textbox.value;
}
sug_move_key(1);
return;
} else if (key == 219 || key == 220 || key == 221 || key == 222) {
cancel_event(_event);
return;
} else if (key == 229) { // 한글
auto_request = true;
is_timer = setTimeout("sug_request_han();", 100);
}
//msg.innerHTML += ","+key;
is_timer = setTimeout("sug_request_eng()", 100);
}
function sug_textbox_focus() {
textbox = this;
current_line = -1;
count_for_id = -1;
sug_send_server(textbox.value,'word');
}
function sug_make_matches(xcompare_str){
count_for_id = 0;
save_js_object = new Array();
var match_array = new Array();
var reg_exp = new RegExp(textbox.obj.any_where + hangulToJaso(xcompare_str), textbox.obj.ignore_case);
for (i=0;i";
var reg_exp = new RegExp(textbox.obj.any_where + xtextmatch, textbox.obj.ignore_case);
var start_pos = xstr.search(reg_exp);
var matched_text = xstr.substring(start_pos, start_pos + xtextmatch.length);
return select_span_head + select_span_mid + xstr.replace(reg_exp, underline_head + matched_text + underline_tail) + select_span_tail;
}
function sug_set_color(xtextbox){
if(xtextbox){
//current_line = xtextbox.id.slice(xtextbox.id.indexOf("_") + 1, xtextbox.id.length);
//xtextbox.id.slice(xtextbox.id.indexOf("_") + 1, xtextbox.id.length);
current_line = xtextbox.getAttribute("index_no");
}
var opt;
for(i=0; i= count_for_id - 1) {
return;
}
}
current_line = parseInt(current_line) + parseInt(number);
if (current_line < 0) {
document.getElementById('options_list_' + 0).className = 'span_normal';
// 화살표가 이동하기 전에 저장된 값을 텍스트박스 값으로 넘김
textbox.value = save_textbox;
} else if (current_line < count_for_id) {
sug_set_color(null);
textbox.value = save_js_object[current_line];
}
}
// request 생성
function create_request() {
var request = null;
try {
request = new XMLHttpRequest();
} catch (trymicrosoft) {
try {
request = new ActiveXObject("Msxml12.XMLHTTP");
} catch (othermicrosoft) {
try {
request = new ActiveXObject("Microsoft.XMLHTTP");
} catch (failed) {
request = null;
}
}
}
if (request == null)
alert("Error creating request object!");
else
return request;
}
// 서버로 보낸다
function sug_send_server(query_string,word) {
if(word == 'word')
{
req = create_request();
link = "q=" + query_string + "&like=" + textbox.obj.like + "&what=" + word;
req.onreadystatechange = sug_result_server;
req.open("POST", textbox.obj.server_url, true);
req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
req.send(link);
}
else if(word == 'item')
{
i_req = create_request();
link = "q=" + query_string + "&like=" + textbox.obj.like + "&what=" + word;
i_req.onreadystatechange = sug_iresult_server;
i_req.open("POST", textbox.obj.server_url, true);
i_req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
i_req.send(link);
}
}
// 넘어온 결과가 정상이라면 출력한다
function sug_result_server() {
if (req.readyState == 4) {
if (req.status == 200) {
sug_result_box_position(textbox);
// 새로운 결과가 나오면 현재 라인을 -1 로 설정
current_line = -1;
count_for_id = -1;
document.getElementById('span_output').style.display = "none";
document.getElementById('span_output').innerHTML = "";
document.getElementById('item_output').style.display = "none";
document.getElementById('item_output').innerHTML = "";
var str = "";
result_js_object = eval(req.responseText);
if (result_js_object) {
// 매치된 결과에 언더라인을 출력
var result = sug_make_matches(textbox.value);
for(i=0;i" + result[i] + "";
}
}
if (count_for_id > 0) {
document.getElementById('span_output').innerHTML = str;
document.getElementById('span_output').style.display = "block";
//sug_send_server(textbox.value,'item');
}
}
}
}
function sug_iresult_server() {
if (i_req.readyState == 4) {
if (i_req.status == 200) {
var i_str = "";
result_iobj = eval(i_req.responseText);
if (result_iobj.length > 0)
{
for (i=0;i 상품 명
// resultArr[1] = > 브랜드 번호
// resultArr[2] = > 상품 번호
// resultArr[3] = > 브랜드 명
// resultArr[4] = > 160 이미지
// resultArr[5] = > 판매 가격
i_str += "" + eval(i+1) + "![" + resultArr[0] +"](http://images.facedream.co.kr/items/" + resultArr[1] + "/" + resultArr[2] + "/" + resultArr[4] + ")
["+ resultArr[3] + "] " + resultArr[0] +" ";
}
document.getElementById('item_output').innerHTML = i_str;
document.getElementById('item_output').style.display = "block";
document.getElementById('img_i0').style.display = "block";
}
}
}
}
function change(sw,length) {
for (var i = 0; i < length; i++) {
if (sw == i) {
document.getElementById('img_i'+i).style.display='block';
} else {
document.getElementById('img_i'+i).style.display='none';
}
}
}
// 결과박스의 포지션 설정
function sug_result_box_position(xelement){
var el_width = xelement.offsetWidth;
var el_height = xelement.offsetHeight + 5;
var el_x = el_y = 0;
var obj = xelement;
while (obj.offsetParent) {
el_x += obj.offsetLeft;
el_y += obj.offsetTop;
obj = obj.offsetParent;
}
span_el = document.getElementById("span_output");
span_el.style.left = el_x;
span_el.style.top = el_y + el_height;
if (xelement.obj.result_box_width)
span_el.style.width = el_width;
span_el.style.display = "block";
}
// 한글 키보드 입력 처리
function sug_request_han() {
if (before_textbox != textbox.value && auto_request) {
before_textbox = textbox.value;
try {
sug_send_server(textbox.value,'word');
} catch (e) {
if (auto_request)
is_timer = setTimeout("sug_request_han();", 100);
return 0;
}
}
if (auto_request)
is_timer = setTimeout("sug_request_han();", 100);
}
// 영문+기타 키보드 입력 처리
function sug_request_eng() {
// 검색어가 20글자 미만이라면
if(textbox.value.length < 20) {
sug_send_server(textbox.value,'word');
}
if (!auto_request)
clearTimeout(is_timer);
}
function cancel_event(e) {
e.returnValue = false;
if (e && e.preventDefault)
e.preventDefault();
}
/* ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒ 자소 체킹 ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒ */
function hangulToJaso(text)
{
var ChoSeong = new Array (
0x3131, 0x3132, 0x3134, 0x3137, 0x3138, 0x3139,
0x3141, 0x3142, 0x3143, 0x3145, 0x3146, 0x3147,
0x3148, 0x3149, 0x314a, 0x314b, 0x314c, 0x314d, 0x314e
);
var JungSeong = new Array (
0x314f, 0x3150, 0x3151, 0x3152, 0x3153, 0x3154,
0x3155, 0x3156, 0x3157, 0x3158, 0x3159, 0x315a,
0x315b,0x315c, 0x315d, 0x315e, 0x315f, 0x3160,
0x3161, 0x3162, 0x3163
);
var JongSeong = new Array (
0x0000, 0x3131, 0x3132, 0x3133, 0x3134,0x3135,
0x3136, 0x3137, 0x3139, 0x313a, 0x313b, 0x313c,
0x313d, 0x313e, 0x313f, 0x3140, 0x3141, 0x3142,
0x3144, 0x3145, 0x3146, 0x3147, 0x3148, 0x314a,
0x314b, 0x314c, 0x314d, 0x314e
);
var chars = new Array()
var v ='';
for (var i = 0; i < text.length; i++)
{
chars[i] = text.charCodeAt(i);
if (chars[i] >= 0xAC00 && chars[i] <= 0xD7A3)
{
var i1, i2, i3;
i3 = chars[i] - 0xAC00;
i1 = i3 / (21 * 28);
i3 = i3 % (21 * 28);
i2 = i3 / 28;
i3 = i3 % 28;
v += String.fromCharCode(ChoSeong[parseInt(i1)]);
v += String.fromCharCode(JungSeong[parseInt(i2)]);
if (i3 != 0x0000)
v += String.fromCharCode(JongSeong[parseInt(i3)]);
}
else {
v += String.fromCharCode(chars[i]);
}
}
//var result = v.replace(/\,+/g,"");
return v;
}
/* ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒ 자소 체킹 ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒ */