눌르면 레이어 나오는 소스 수정 부탁드립니다. 정보
눌르면 레이어 나오는 소스 수정 부탁드립니다.본문
오류가 나는곳의 주소를 알려주시면 더 빠르고 정확하게 답변 받을 수 있습니다.
오류 주소 :
목적:2개이상의 div id를 불러오고 싶은대 아래 소스는 lay라는 하나바꼐 못불러오더라구요 무식한 방법이지만 저걸 여러개 복사해서 쓸 수는 있지만 소스가 너무 길어져서 가능한 2개 이상 불러오는 방법을 알고 싶습니다.
-----------------------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<!-- 클릭하면 내용이 나오는 스크립트 시작 -->
<script type="text/javascript">
function abspos(e){
this.x = e.clientX + (document.documentElement.scrollLeft?document.documentElement.scrollLeft:document.body.scrollLeft);
this.y = e.clientY + (document.documentElement.scrollTop?document.documentElement.scrollTop:document.body.scrollTop);
return this;
}
function itemClick(e){
var ex_obj = document.getElementById('lay');
if(!e) e = window.Event;
pos = abspos(e);
ex_obj.style.left = pos.x+"px";
ex_obj.style.top = (pos.y+10)+"px";
ex_obj.style.display = ex_obj.style.display=='none'?'block':'none';
}
</script>
<!-- 클릭하면 내용이 나오는 스크립트 끝 -->
<!-- 클릭하면 내용이 나오는 부분 시작 -->
<div id="lay" style="position:absolute; display:none;">
내용이 어쩌고 저쩌고
</div>
<input type="button" onclick="itemClick(event);" value="클릭">
<!-- 클릭하면 내용이 나오는 부분 끝 -->
오류 주소 :
목적:2개이상의 div id를 불러오고 싶은대 아래 소스는 lay라는 하나바꼐 못불러오더라구요 무식한 방법이지만 저걸 여러개 복사해서 쓸 수는 있지만 소스가 너무 길어져서 가능한 2개 이상 불러오는 방법을 알고 싶습니다.
-----------------------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<!-- 클릭하면 내용이 나오는 스크립트 시작 -->
<script type="text/javascript">
function abspos(e){
this.x = e.clientX + (document.documentElement.scrollLeft?document.documentElement.scrollLeft:document.body.scrollLeft);
this.y = e.clientY + (document.documentElement.scrollTop?document.documentElement.scrollTop:document.body.scrollTop);
return this;
}
function itemClick(e){
var ex_obj = document.getElementById('lay');
if(!e) e = window.Event;
pos = abspos(e);
ex_obj.style.left = pos.x+"px";
ex_obj.style.top = (pos.y+10)+"px";
ex_obj.style.display = ex_obj.style.display=='none'?'block':'none';
}
</script>
<!-- 클릭하면 내용이 나오는 스크립트 끝 -->
<!-- 클릭하면 내용이 나오는 부분 시작 -->
<div id="lay" style="position:absolute; display:none;">
내용이 어쩌고 저쩌고
</div>
<input type="button" onclick="itemClick(event);" value="클릭">
<!-- 클릭하면 내용이 나오는 부분 끝 -->
댓글 전체
function itemClick(e){
var ex_obj = document.getElementById('lay');
if(!e) e = window.Event;
pos = abspos(e);
ex_obj.style.left = pos.x+"px";
ex_obj.style.top = (pos.y+10)+"px";
ex_obj.style.display = ex_obj.style.display=='none'?'block':'none';
}
function itemClick2(e){
var ex_obj = document.getElementById('lay2');
if(!e) e = window.Event;
pos = abspos(e);
ex_obj.style.left = pos.x+"px";
ex_obj.style.top = (pos.y+10)+"px";
ex_obj.style.display = ex_obj.style.display=='none'?'block':'none';
}
function itemClick3(e){
var ex_obj = document.getElementById('lay3');
if(!e) e = window.Event;
pos = abspos(e);
ex_obj.style.left = pos.x+"px";
ex_obj.style.top = (pos.y+10)+"px";
ex_obj.style.display = ex_obj.style.display=='none'?'block':'none';
}
function itemClick4(e){
var ex_obj = document.getElementById('lay4');
if(!e) e = window.Event;
pos = abspos(e);
ex_obj.style.left = pos.x+"px";
ex_obj.style.top = (pos.y+10)+"px";
ex_obj.style.display = ex_obj.style.display=='none'?'block':'none';
}
</script> <!-- 클릭하면 내용이 나오는 스크립트 끝 --> <!-- 클릭하면 내용이 나오는 부분 시작 -->
<div id="lay" style="position:absolute; z-index:1; display:none;">
내용이 어쩌고 저쩌고 1
</div>
<input type="button" onclick="javascript:itemClick(event);" value="클릭" />
<div id="lay2" style="position:absolute; z-index:1; display:none;">
내용이 어쩌고 저쩌고 2
</div>
<input type="button" onclick="javascript:itemClick2(event);" value="클릭" />
<div id="lay3" style="position:absolute; z-index:1; display:none;">
내용이 어쩌고 저쩌고 3
</div>
<input type="button" onclick="javascript:itemClick3(event);" value="클릭" />
<div id="lay4" style="position:absolute; z-index:1; display:none;">
내용이 어쩌고 저쩌고 4
</div>
<input type="button" onclick="javascript:itemClick4(event);" value="클릭" />
--------------------------------------------------------------------------------
임시로 해보니까 되긴하는데 어떨지 모르겠네요.
var ex_obj = document.getElementById('lay');
if(!e) e = window.Event;
pos = abspos(e);
ex_obj.style.left = pos.x+"px";
ex_obj.style.top = (pos.y+10)+"px";
ex_obj.style.display = ex_obj.style.display=='none'?'block':'none';
}
function itemClick2(e){
var ex_obj = document.getElementById('lay2');
if(!e) e = window.Event;
pos = abspos(e);
ex_obj.style.left = pos.x+"px";
ex_obj.style.top = (pos.y+10)+"px";
ex_obj.style.display = ex_obj.style.display=='none'?'block':'none';
}
function itemClick3(e){
var ex_obj = document.getElementById('lay3');
if(!e) e = window.Event;
pos = abspos(e);
ex_obj.style.left = pos.x+"px";
ex_obj.style.top = (pos.y+10)+"px";
ex_obj.style.display = ex_obj.style.display=='none'?'block':'none';
}
function itemClick4(e){
var ex_obj = document.getElementById('lay4');
if(!e) e = window.Event;
pos = abspos(e);
ex_obj.style.left = pos.x+"px";
ex_obj.style.top = (pos.y+10)+"px";
ex_obj.style.display = ex_obj.style.display=='none'?'block':'none';
}
</script> <!-- 클릭하면 내용이 나오는 스크립트 끝 --> <!-- 클릭하면 내용이 나오는 부분 시작 -->
<div id="lay" style="position:absolute; z-index:1; display:none;">
내용이 어쩌고 저쩌고 1
</div>
<input type="button" onclick="javascript:itemClick(event);" value="클릭" />
<div id="lay2" style="position:absolute; z-index:1; display:none;">
내용이 어쩌고 저쩌고 2
</div>
<input type="button" onclick="javascript:itemClick2(event);" value="클릭" />
<div id="lay3" style="position:absolute; z-index:1; display:none;">
내용이 어쩌고 저쩌고 3
</div>
<input type="button" onclick="javascript:itemClick3(event);" value="클릭" />
<div id="lay4" style="position:absolute; z-index:1; display:none;">
내용이 어쩌고 저쩌고 4
</div>
<input type="button" onclick="javascript:itemClick4(event);" value="클릭" />
--------------------------------------------------------------------------------
임시로 해보니까 되긴하는데 어떨지 모르겠네요.