묻고답하기

- 제로보드를 홈피가 아니고 제 개인적인 일때문에 자료보관하고 공부(?)하는 툴로 쓰는데요. 로컬로 말입니다.-
실력이 일천해서 그냥 있는대로 쓰다가. 딱 두가지가 필요해서 숱한날을 소위 삽질하다가
두손*두발 다 들고 여기 계신 고수님들에게 도움을 청하게 됐습니다. 

1-댓글쓰는 부분을 새창에서 할 수 있는 방법
2.첨부파일이 이미지들인데 보여주는 부분에 스위칭 탭으로 처리할수 있는 방법.

에 대해 가르침을 청합니다.
밑의 소스는 phpschool에서 얻은 스위칭 탭 소스구요.
--제가 html가  이거구나 할 정도의, 걸음마 실력이니, 소스를  만들어 주심 더욱 감사드리겟습니다.
부디 외면하지 마시고 도와주시길 재삼 부탁드립니다. 

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>

<head>

<title> Switching Tab </title>

<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">

<script language="JavaScript">

<!--

var model = new Array();

 

function init(){

var layer1 = document.getElementById('layer1');

var layer2 = document.getElementById('layer2');

var layer3 = document.getElementById('layer3');

 

model.push(layer1);

model.push(layer2);

model.push(layer3);

 

for(var i=0,max=model.length; i<max; i++){

set_event_listener(model[i],'mouseover','switching_tab');

}

 

switch_execute(layer1);

}

 

function set_event_listener(obj,evt_type,callback){

if(window.event){

obj.attachEvent('on' + evt_type,eval(callback));

}else{

obj.addEventListener(evt_type,eval(callback),false);

}

}

 

function switching_tab(e){

var target;

 

if(window.event){

target = window.event.srcElement;

}else{

target = e.target;

}

 

switch_execute(target.parentNode);

}

 

function switch_execute(layer){

var visible_tab_top = -1;

var hidden_tab_top = 0;

 

if(window.navigator.appName.indexOf('Explorer') > -1){

visible_tab_top++;

hidden_tab_top++;

}

 

 

for(var i=0,max=model.length; i<max; i++){

var tab = get_tab_element(model[i]);

var content = get_content_element(model[i]);

 

if(model[i] == layer){

model[i].style.zIndex = 99;

tab.style.top = visible_tab_top;

tab.style.backgroundColor = '#FFFFFF';

content.style.backgroundColor = '#FFFFFF';

}else{

model[i].style.zIndex = 0;

tab.style.top = hidden_tab_top;

tab.style.backgroundColor = '#EEEEEE';

content.style.backgroundColor = '#EEEEEE';

}

}

}

 

function get_tab_element(model){

var child = model.childNodes;

 

for(var i=0,max=child.length; i<max; i++){

if(child[i].nodeType == 1 && child[i].className == 'tab'){

return child[i];

}

}

}

 

function get_content_element(model){

var child = model.childNodes;

 

for(var i=0,max=child.length; i<max; i++){

if(child[i].nodeType == 1 && child[i].className == 'content'){

return child[i];

}

}

}

 

//-->

</script>

<style>

.tab{

width: 50px;

height: 20px;

border-top: solid 1px #D9D9D9;

border-right: solid 1px #D9D9D9;

border-left: solid 1px #D9D9D9;

background-color: #EEEEEE;

position: absolute;

z-index: 2;

}

 

#tab1{

margin-left: 10px;

}

 

#tab2{

margin-left: 60px;

}

 

#tab3{

margin-left: 110px;

}

 

.content{

width: 200px;

height: 50px;

border: solid 1px #D9D9D9;

background-color: #EEEEEE;

position: absolute;

top: 19px;

z-index: 1;

}

 

#layer1{

top: 50px;

left: 50px;

position: absolute;

}

 

#layer2{

top: 50px;

left: 50px;

position: absolute;

}

 

#layer3{

top: 50px;

left: 50px;

position: absolute;

}

</style>

</head>

 

<body onload="init()">

 

<div id="layer1">

<div id="tab1" class="tab">tab1</div>

<div class="content">content 1</div>

</div>

 

<div id="layer2">

<div id="tab2" class="tab">tab2</div>

<div class="content">content 2</div>

</div>

 

<div id="layer3">

<div id="tab3" class="tab">tab3</div>

<div class="content">content 3</div>

</div>

 

</body>

</html>

글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
영달이 글 작성시 페이지 오류..... [3] 2009.01.02 by 영달이
말보르맨 고수님들께 도움을 청합니다.부디 도와주시길  
강남태151 회원정보 보기를 하면 탈퇴회원이라고 나옵니다. [4] 2009.01.02 by 강남태151
강현수 게시글 제목글씨를 변경하는 방법좀.. [2] file 2009.01.02 by 강현수
하이우리 설문조사를 제로보드홈페이지 메인에 나와있는데요 [2] 2009.01.02 by ◀CGlink▶
오리바 게시판 연결이 안되네요 [2] 2009.01.02 by Frot
겨례사랑 제 홈피에서는 왜 이그림을 올리면 에러가 나는지?? 참알수가 없넹 [5] file 2009.01.02 by 겨례사랑
겨례사랑 이미지 게시판에 이미지 올리다가 에러가 났는데요?? [1] file 2009.01.02 by 겨례사랑
임상태 게시판 상단에 플레시 삽입  
connil 홈페이지 게시판 스킨 수정 문의 드립니다..  
우진홈 기본 텍스트에디터만 사용하는 경우 첨부파일란을 붙일수 없나요? [1] 2009.01.06 by 우진홈
79thankyou XE 게시판 스킨을 썼는데요, 목록에서 글 제목들이 오른쪽으로 붙었어요.. [2] 2009.01.02 by 79thankyou
안진호 아래 이철우님 질문과 백성찬님 답변과 연관된 2차메뉴질문 [3] 2009.01.02 by 백성찬
팩토리 추천수 -5되면 삭제되는 기능  
tig TTXML -> XE 데이터 이전 [1] 2009.01.02 by 팩토리
sakurastorm 회원가입 할 때 ''ID 검색'' ''닉네임 검색'' 기능은 없나요?? [3] 2009.01.02 by sakurastorm
G 인증메일이.... [1] 2009.01.02 by 저도
Gira Flash 메뉴링크 문제 [1] 2009.01.02 by
동구리68 최종버전 분양기능 문의드립니다(2) [4] 2009.01.02 by 동구리68
무브바키 전광판스킨에 대한 질문입니다..  
김정만803 xe설정시 잦은 오류 해결... (홈페이지관리부분) [1] 2009.01.02 by 김정만803
얼쑤좋구나 게시판 내용 열람시 제목이 깨지는문제 문의드립니다. [2] file 2009.01.02 by 얼쑤좋구나
이철우707 하부메뉴 추가에 따른 2단계 메뉴를 설정하는법을 알려주세요 [4] file 2009.01.02 by 이철우707
김정만803 레이아웃 만들때... body에 onload  
토토로 [추가질문] - 희안한 증상 해결법 좀 알려주시겠어요..?? [3] 2009.01.02 by 백성찬
김정만803 xe설치시 루트에 안하고 왜 xe폴더에 하는건가요? [3] 2009.01.02 by Sunny_love
밤비™ 파폭3 와 익스6 에서 작업결과.. [3] 2009.01.02 by 밤비™
김정만803 xe설치를 xe폴더에 하는 경우... [3] 2009.01.02 by 한마디
데미나인 자바스크립트 정리좀 부탁드려요;;  
장뚱이 Xe 블로그 레이아웃에서 검색 버튼 질문입니다. [7] file 2009.01.02 by 장뚱이