& lthtml & gt
& lthead & gt
Lt 원우주
//-
//주
Var Data_Area_Province = new Array ("안후이", "베이징", "복건", "간쑤", "광동", "광시", "구이저우성"
//구/군/시
Vardata _ area _ city = newarray ();
Data_Area_City[0] = 새로운 배열 ("안칭", "조개", "마안 산", "소주", "통령", "순호", "선성")
Data _ area _ city [1] = 새 배열 ("베이징");
Data_Area_City[2] = 새 배열 ("푸저우", "용암", "남평", "닝더시", "푸전", "취안저우", "삼명"
Data_Area_City[3] = 새 배열 ("은", "정시", "천수", "무위", "장계");
Data_Area_City[4] = 새 배열 ("조주", "동관", "불산", "광저우", "조경", "중산", "주해")
Data_Area_City[5] = 새로운 배열 ("Baise", "북해", "숭좌", "방성항", "계림", "귀항", "하천"
Data_Area_City[6] = 새 배열 ("안순", "비제", "귀양", "육판수", "동인", "준이");
Data_Area_City[7] = 새로운 배열 ('백사리족 자치현',' 낙동리족 자치현',' 만녕',' 문창',' 오지산',' 여주'
Data_Area_City[8] = 새로운 배열 ("보정", "창주", "승덕", "한단", "형수", "랑방", "진황도")
Data_Area_City[9] = 새 배열 ('안양',' 학벽',' 제원',' 초작',' 개봉',' 낙양',' 주구
Data _ area _ city [10] = 새 배열 ('대경',' 대흥 안령',' 하얼빈',' 학강',' 칠대강','
Data _ area _ city [11] = 새 배열 ("오주", "은시 투자족 먀오족 자치주", "황강", "샹판
Data _ area _ city [12] = 새 배열 ('상덕',' 창사',' 악양',' 장가계',' 주주주');
Data _ area _ city [13] = 새 배열 ('백성',' 백산',' 장춘',' 길림',' 랴오원','
Data _ area _ city [14] = 새 배열 ("상주시", "회안", "연운항", "난징", "남통", ";
Data _ area _ city [15] = 새 배열 ('푸저우',' 간주',' 지안',' 경덕진',' 구강',' 구강'
Data _ area _ city [16] = 새 배열 ('안산',' 본계',' 조양',' 선양',' 철령',' 철령','
Data _ area _ city [17] = 새 배열 ("아라선 동맹", "바얀나얼 리그", "헤더", "실린곽러 리그", "흥흥"
Data _ area _ city [18] = 새 배열 ("고원", "석주산", "오중", "은천");
Data _ area _ city [19] = 새 배열 ("과로 티베트족자치주", "시닝", "옥수티베트족자치주");
Data_Area_City[20] = new Array ("빈주", "텍사스", "동영", "하택", "웨이팡", "연대", "
Data _ area _ city [2 1] = 새 배열 ("장지", "대동", "진성", "진중", "린펀", "
Data_Area_City[22] = 새로운 배열 ("안강", "바오지", "한중", "상로", "구리천", "위남", "xx"
Data_Area_City[23] = 새 배열 ("상하이");
Data_Area_City[24] = 새로운 배열 ("아바티베트족 창족 자치주", "면양", "남충", "내강", "등화", "수녕", "
Data_Area_City[25] = 새 배열 ("천진");
Data_Area_City[26] = 새 배열 ("알리", "창도", "라사", "린즈", "나곡", "히카차", ";
Data_Area_City[27] = 새로운 배열 ("아크수", "와다", "카시", "투르판", "우루무치", "오수로", "일리
Data_Area_City[28] = 새 배열 ("보산", "옥계", "소통");
Data_Area_City[29] = 새로운 배열 ("항주", "호주", "가흥", "진화", "여수", "닝보", "사오싱")
Data_Area_City[30] = 새 배열 ("충칭");
//교육
Var Data_School = new Array ("중학교", "고등학교", "중등 학교", "대학", "학부", "이중 학위");
//업종
Var Data_Industry = new Array ("컴퓨터", "금융/증권/보험", "금융", "산업/공장", "기술자", "기계/
//시간
Var Data_Date = new Array ("오늘", "3 일 이내", "1 주일 이내", "반달 이내", "1 개월 이내", "3 개월 이내", "6 개월 이내"
//레이어 상태
Var Date _ DivState = 새 배열 ()
//마우스 초점 상태
Var focusState=false
Varsearch = newobject ();
//-
//Div 태그 이벤트 초기화
//여호수아 2007-02-07
//-
검색。 Init = function(){
Document.getelementbyid ("data _ area"). Onclick = 검색. ShowArea. Init
Document.getelementbyid ("data _ school"). Onclick = 검색. 쇼시쿨
Document.getelementbyid ("data _ industry"). Onclick = 검색. 엔터테인먼트 산업
Document.getelementbyid ("data _ date"). Onclick = 검색. ShowDate
}
//-
//Div 객체 만들기
//여호수아 2007-02-07
//-
검색。 CreateDiv = function(obj, Id, x, y, oWidth, oHeight){
Varobj _ div = document.createelement ("div");
Obj_Div.setAttribute("id ",id);
Obj _ div.style.position = "absolute";
Obj _ div.style.background = "# fff";
Obj _ div.style.zindex = "10000";
Obj _ div.style.border = "1pxsolid # cccccc";
Obj _ div.style.padding = "3px";
Obj _ div.style.lineheight = "120%";
Obj _ div.style.left = x+"px";
Obj _ div.style.top = y+"px";
Obj _ div.style.whitespace = "nowrap";
Obj _ div.style.width = o width+"px";
Obj _ div.style.height = o height+"px";
Obj.appendchild (obj _ div);
}
//-
//Div 가 있는지 확인합니다.
//여호수아 2007-02-07
//-
검색。 IsDiv = 함수 (Id){
Var 결과 = 참
시도 {
Document.getElementById(Id) 입니다. A =1;
}catch(e){
결과 = false
}
반환 (결과);
}
//-
//Div 객체 삭제
//여호수아 2007-02-07
//-
검색。 RemoveDiv = 함수 (Id){
시도 {
Document.getElementById(Id) 입니다. Removenode (true);
}catch(e){}
}
//-
//불필요한 Div 객체를 제거하기 위해 트래버스합니다
//여호수아 2007-02-07
//-
검색。 DelDiv = function(){
시도 {
Document.getelementbyid ("div _ area"). Removenode (true);
Document.getelementbyid ("data _ area"). Innerhtml = "< fontface = \" webdings \ "style = \" font-size:10px; 색상: # ff9900 \ ">4</font >+document.getelementbyid ("data _ area "), innertext ..
}catch(e){}
시도 {
Document.getelementbyid ("div _ school"). Removenode (true);
Document.getelementbyid ("data _ school"). Innerhtml = "< fontface = \" webdings \ "style = \" font-size:10px; 색상: # ff9900 \ ">4</font >+document.getelementbyid ("data _ school "), innertext
}catch(e){}
시도 {
Document.getelementbyid ("div _ industry"). Removenode (true);
Document.getelementbyid ("data _ industry"). Innerhtml = "< fontface = \" webdings \ "style = \" font-size:10px; 색상: # ff9900 \ ">4</font >+document.getelementbyid ("data _ industry "), innertext
}catch(e){}
시도 {
Document.getelementbyid ("div _ date"). Removenode (true);
Document.getelementbyid ("data _ date"). Innerhtml = "< fontface = \" webdings \ "style = \" font-size:10px; 색상: # ff9900 \ ">4</font >+document.getelementbyid ("data _ date ") innertext.sst
}catch(e){}
}
//-
//초점 손실, Div 객체 지우기
//여호수아 2007-02-07
//-
검색。 Lostfocus = function(){
만약 (! 초점 상태) {
시도 {
Document.getelementbyid ("div _ area"). Removenode (true);
Document.getelementbyid ("data _ area"). Innerhtml = "< fontface = \" webdings \ "style = \" font-size:10px; 색상: # ff9900 \ ">4</font >+document.getelementbyid ("data _ area "), innertext ..
}catch(e){}
시도 {
Document.getelementbyid ("div _ school"). Removenode (true);
Document.getelementbyid ("data _ school"). Innerhtml = "< fontface = \" webdings \ "style = \" font-size:10px; 색상: # ff9900 \ ">4</font >+document.getelementbyid ("data _ school "), innertext
}catch(e){}
시도 {
Document.getelementbyid ("div _ industry"). Removenode (true);
Document.getelementbyid ("data _ industry"). Innerhtml = "< fontface = \" webdings \ "style = \" font-size:10px; 색상: # ff9900 \ ">4</font >+document.getelementbyid ("data _ industry "), innertext
}catch(e){}
시도 {
Document.getelementbyid ("div _ date"). Removenode (true);
Document.getelementbyid ("data _ date"). Innerhtml = "< fontface = \" webdings \ "style = \" font-size:10px; 색상: # ff9900 \ ">4</font >+document.getelementbyid ("data _ date ") innertext.sst
}catch(e){}
}
}
검색。 ShowArea = function(){} // 빈 객체
//-
//영역 수준에서 메뉴를 표시합니다.
//여호수아 2007-02-07
//-
검색。 ShowArea.Init = function(){
FocusState = true
검색。 DelDiv()// 다른 Div 태그를 삭제합니다.
만약 (! 검색。 IsDiv(" Div _ Area "){// 객체 작성 여부를 결정하여 이벤트가 다시 트리거되지 않도록 하여 객체가 반복적으로 작성됩니다.
//Data_Area 객체의 내용을 변경합니다.
Document.getelementbyid ("data _ area"). Innerhtml = "< fontface = \" webdings \ "style = \" font-size:10px; 색상: # ff9900 \ ">6</font >+document.getelementbyid ("data _ area "), innertext ..
//레이어 표시
검색。 CreateDiv(document.body, "Div_Area", search.getselectposition (document.getelementbyid (") Search.getselectposition (document.getelementbyid ("data _ area")) [1]+/kloc
//지방 분류 작성
For(var I = 0；; 나< 데이터 _ 지역 _ 도. 길이; I++){
Varobj _ span = document.createelement ("div");
Obj_Span.setAttribute("id ","div _ area _ province _ "+I);
Obj_Span.setAttribute("value ",I);
Obj _ span.style.cursor = "pointer";
Obj _ span.onmouseover = function () {
FocusState = true
This.style.border = "1pxsolid # 827c5f";
This.style.background = "# cec497";
}
Obj _ span.onmouseout = function () {
FocusState = false
만약 (! Date _ divstate [this.getattribute ("value")]) {
This.style.border = "0pxsolid # ffffff";
This.style.background = "# fff"; }
}
Obj_Span.onclick = function(){
FocusState = true
//이 객체 이외의 1 차 메뉴 항목의 스타일을 복원합니다.
For(var I = 0；; 나 & ltDate _ DivState.lengthi++){
If (date _ divstate [I] = = true & & ampthis.value! = document.getelementbyid ("div _ area _ province _"+I). 값) {
Document.getelementbyid ("div _ area _ province _"+I). style.border = "0px solid # fffff
Document.getelementbyid ("div _ area _ province _"+I). style.background = "# fff";
}
}
//도면층 상태 설정
Date _ divstate [this.getattribute ("value")] = true;
//보조 메뉴 생성
검색。 Showarea.initcity (this.getattribute ("value"), this)
}
Obj _ span.innerhtml = data _ area _ province [I]+"< Fontface = \ "webdings \" style = \ "font-size:10px; 색상: # 000; 위치: 절대; 오른쪽: 3px\ ">4 & lt/font >；;
Document.getelementbyid ("div _ area"). Appendchild (obj _ span);
}
}
}
//-
//영역 보조 메뉴를 표시합니다.
//여호수아 2007-02-07
//-
검색。 ShowArea.InitCity = function(oId, obj){
만약 (! Search.isdiv ("div _ area _ city _"+oid)) {//객체 작성 여부를 결정하여 이벤트가 다시 트리거되지 않도록 하고 객체가 반복적으로 작성되는 것을 방지합니다.
//객체를 제외한 보조 메뉴 객체를 삭제합니다.
For(var I = 0；; 나 & ltDate _ DivState.lengthi++){
If (date _ divstate [I] = = true & & amp 나! =oId){
검색。 Removediv ("div _ area _ city _"+I);
Date _ divstate [I] = null;
}
}
//지정된 보조 메뉴 객체를 생성합니다.
검색。 CreateDiv(obj, "Div_Area_City_"+oId, obj.offsetWidth, obj.offsetTop, 50,0)
If(oId & lt；; Data_Area_Province.length){
For(var I = 0；; 나< 데이터 영역 도시. 길이; I++){
Varobj _ span = document.createelement ("div");
Obj_Span.setAttribute("id ","div _ area _ city "+I);
Obj _ span.style.cursor = "pointer";
Obj _ span.innertext = data _ area _ city [oid] [I];
Obj_Span.setAttribute("value ",oid);
Obj _ span.onmouseover = function () {
FocusState = true
This.style.border = "1pxsolid # 827c5f";
This.style.background = "# cec497";
}
Obj _ span.onmouseout = function () {
FocusState = false
This.style.border = "0pxsolid # ffffff";
This.style.background = "# fff";
}
Obj_Span.onclick = function(){
//Data_Area 의 객체를 선택한 위치로 설정합니다.
Document.getelementbyid ("data _ area"). Innerhtml = "< fontface = \" webdings \ "style = \" font-size:10px; 색상: # ff9900 \ ">4</font >+this.innertext;
//Div 객체 삭제
검색。 Removediv ("div _ area");
//복구 상태 배열
Date _ divstate.length = 0;
}
Document.getelementbyid ("div _ area _ city _"+oid). Appendchild (obj _ span);
}
}
}
}
//-
//교육 부문 운영
//여호수아 2007-02-07
//-
검색。 ShowSchool=function(){
FocusState = true
검색。 Deldiv (); //다른 DIV 태그 삭제
만약 (! 검색。 IsDiv(" Div _ School "){// 객체 작성 여부를 결정하여 이벤트가 다시 트리거되지 않도록 하여 객체가 반복적으로 작성됩니다.
Document.getelementbyid ("data _ school"). Innerhtml = "< fontface = \" webdings \ "style = \" font-size:10px; 색상: # ff9900 \ ">6</font >+document.getelementbyid ("data _ school "), innertext
검색。 CreateDiv(document.body, "Div_School", search.getselectposition (document.getelementbyid ( Search.getselectposition (document.getelementbyid ("data _ school")) [1]+/kr
For(var I = 0；; 나< 데이터 _ 학교. 길이; I++){
Varobj _ span = document.createelement ("div");
Obj_Span.setAttribute("id ","div _ school _ "+I);
Obj_Span.setAttribute("value ",I);
Obj _ span.style.cursor = "pointer";
Obj _ span.onmouseover = function () {
FocusState = true
This.style.border = "1pxsolid # 827c5f";
This.style.background = "# cec497";
}
Obj _ span.onmouseout = function () {
FocusState = false
This.style.border = "0pxsolid # ffffff";
This.style.background = "# fff";
}
Obj_Span.onclick = function(){
Document.getelementbyid ("data _ school"). Innerhtml = "< fontface = \" webdings \ "style = \" font-size:10px; 색상: # ff9900 \ ">4</font >+this.innertext;
검색。 Removediv ("div _ school");
}
Obj _ span.innerhtml = data _ school [I];
Document.getelementbyid ("div _ school"). Appendchild (obj _ span);
}
}
}
//-
//산업 부문 운영
//여호수아 2007-02-07
//-
검색。 ShowIndustry = function(){
FocusState = true
검색。 Deldiv (); //다른 DIV 태그 삭제
만약 (! 검색。 Isdiv(" div _ industry "){// 객체 작성 여부를 결정하여 이벤트가 다시 트리거되지 않도록 하여 객체가 반복적으로 작성됩니다.
Document.getelementbyid ("data _ industry"). Innerhtml = "< fontface = \" webdings \ "style = \" font-size:10px; 색상: # ff9900 \ ">6</font >+document.getelementbyid ("data _ industry "), innertext
검색。 CreateDiv(document.body, "Div_Industry", search.getselectposition (document.getelementbyid) Search.getselectposition (document.getelementbyid ("data _ industry")) [1]+/
For(var I = 0；; 나< 데이터 _ 산업. 길이; I++){
Varobj _ span = document.createelement ("div");
Obj_Span.setAttribute("id ","div _ industry _ "+I);
Obj_Span.setAttribute("value ",I);
Obj _ span.style.cursor = "pointer";
Obj _ span.onmouseover = function () {
FocusState = true
This.style.border = "1pxsolid # 827c5f";
This.style.background = "# cec497";
}
Obj _ span.onmouseout = function () {
FocusState = false
This.style.border = "0pxsolid # ffffff";
This.style.background = "# fff";
}
Obj_Span.onclick = function(){
Document.getelementbyid ("data _ industry"). Innerhtml = "< fontface = \" webdings \ "style = \" font-size:10px; 색상: # ff9900 \ ">4</font >+this.innertext;
검색。 Removediv ("div _ industry");
}
Obj _ span.innerhtml = data _ industry [I];
Document.getelementbyid ("div _ industry"). Appendchild (obj _ span);
}
}
}
//-
//시간 분할 작업
//여호수아 2007-02-07
//-
검색。 ShowDate = function(){
FocusState = true
검색。 Deldiv (); //다른 DIV 태그 삭제
만약 (! 검색。 IsDiv(" Div _ Date "){// 객체 작성 여부를 결정하여 이벤트가 다시 트리거되지 않도록 하여 객체가 반복적으로 작성됩니다.
Document.getelementbyid ("data _ date"). Innerhtml = "< fontface = \" webdings \ "style = \" font-size:10px; 색상: # ff9900 \ ">6</font >+document.getelementbyid ("data _ date ") innertext.sst
검색。 CreateDiv(document.body, "Div_Date", search.getselectposition (document.getelementbyid (") Search.getselectposition (document.getelementbyid ("data _ date")) [1]+/kloc
For(var I = 0；; 나< 데이터 날짜 길이; I++){
Varobj _ span = document.createelement ("div");
Obj_Span.setAttribute("id ","div _ date _ "+I);
Obj_Span.setAttribute("value ",I);
Obj _ span.style.cursor = "pointer";
Obj _ span.onmouseover = function () {
FocusState = true
This.style.border = "1pxsolid # 827c5f";
This.style.background = "# cec497";
}
Obj _ span.onmouseout = function () {
FocusState = false
This.style.border = "0pxsolid # ffffff";
This.style.background = "# fff";
}
Obj_Span.onclick = function(){
Document.getelementbyid ("data _ date"). Innerhtml = "< fontface = \" webdings \ "style = \" font-size:10px; 색상: # ff9900 \ ">4</font >+this.innertext;
검색。 Removediv ("div _ date");
}
Obj _ span.innerhtml = data _ date [I];
Document.getelementbyid ("div _ date"). Appendchild (obj _ span);
}
}
}
//-
//객체의 좌표를 가져옵니다
//-
Search.getselectposition = function (gobj) {
Var obj left = gobj.offset left;
Var objTop = Gobj.offsetTop
Var objparent = gobj.offset parent;
While (objParent! = null) {
Objleft+= objparent.offsetleft;
Objtop+= objparent.offsettop;
Objparent = objparent.offsetparent;
}
Return([objLeft, objtop]);
}
//-
//페이지 초기화
//-
Window.onload=function(){
검색。 Init ();
}
Window.document.onclick = function () {
검색。 Lostfocus ();
}
& lt/스크립트 >
& ltstyle & gt
Body {font-size:12px; }
& lt/style & gt；;
& lt/head & gt；;
& ltbody & gt
& lt span id = "data _ area" style = "cursor: pointer;" & gt< fontface = "webdings" style = "font-size:10px; 색상: # ff9900 ">4</font > 지역.
& lt span id = "data _ school" style = "cursor: pointer;" & gt< fontface = "webdings \" style = "font-size:10px; 색상: # ff9900 ">4</font > 교육
& lt span id = "data _ industry" style = "cursor: pointer;" & gt< fontface = "webdings" style = "font-size:10px; 색상: # ff9900 ">4</font > 산업
& lt span id = "data _ date" style = "cursor: pointer; & gt< fontface = "webdings" style = "font-size:10px; 색상: # ff9900 ">4</font > 시간
& lt/body & gt；;
& lt/html & gt；;