그누보드에서 닉네임 클릭하면 뜨는 작은 레이어.... 정보
그누보드에서 닉네임 클릭하면 뜨는 작은 레이어....본문
닉네임 클릭하면 작은 레이어 뜨는거에 관한 질문좀 드릴께요...
sir.co.kr 경우 익스플로러나 크롬 할 것 없이 닉넴 클릭하면 정상적으로 레이어가 뜨는데..
같은 js 파일 가져다가 다른 소스에 적용하면 희한하게 익스에서는 정상적으로 뜨고
크롬같은 브라우져에서는 왼쪽 하단으로 레이어가 뜹니다...
이것저것 해보다가 하도 답답해서... html 소스를 비교해봤는데요...
살펴봐도 기본적으로 같습니다...js 파일 소스도 같구요...
<td align=left width=110 style="padding-left:10px;">
<nobr style='display:block; overflow:hidden; width:105px;'>
<a href="javascript:;" onClick="showSideView(this, 'test', '아무개', 'MTIzNF9AaGFubWFpbC5uZXQ=', '');" title="[test]아무개">
<span class='member'>아무개</span></a>
</nobr>
</td>
여기까지가 sir.co.kr 게시판에 있는 아무 닉넴 클릭했을 때에 나오는 페이지 소스 부분이구요..
아래는 제가 구현한 다른 시스템의 html 소스부분입니다.
<td align="center" style="width:8%;">
<nobr style='display:block; overflow:hidden; width:105px;'>
<a href="../Part/volunteer_R.aspx?VltrCode=4238" oncontextmenu="javascript:showSideViewMemberPart(this,'4238','<b>홍길동</b>','219','*** 개인정보보호를 위한 이메일주소 노출방지 ***','0000')">
<span class="member"><b>홍길동</b></span></a>
</nobr>
</td>
sideview.js 파일을 같은걸로 쓰고 있습니다.. 이런 현상은 왜 생길까요?
답을 알거나 비슷한 경험 있는분 답변 부탁드립니다....
sir.co.kr 경우 익스플로러나 크롬 할 것 없이 닉넴 클릭하면 정상적으로 레이어가 뜨는데..
같은 js 파일 가져다가 다른 소스에 적용하면 희한하게 익스에서는 정상적으로 뜨고
크롬같은 브라우져에서는 왼쪽 하단으로 레이어가 뜹니다...
이것저것 해보다가 하도 답답해서... html 소스를 비교해봤는데요...
살펴봐도 기본적으로 같습니다...js 파일 소스도 같구요...
<td align=left width=110 style="padding-left:10px;">
<nobr style='display:block; overflow:hidden; width:105px;'>
<a href="javascript:;" onClick="showSideView(this, 'test', '아무개', 'MTIzNF9AaGFubWFpbC5uZXQ=', '');" title="[test]아무개">
<span class='member'>아무개</span></a>
</nobr>
</td>
여기까지가 sir.co.kr 게시판에 있는 아무 닉넴 클릭했을 때에 나오는 페이지 소스 부분이구요..
아래는 제가 구현한 다른 시스템의 html 소스부분입니다.
<td align="center" style="width:8%;">
<nobr style='display:block; overflow:hidden; width:105px;'>
<a href="../Part/volunteer_R.aspx?VltrCode=4238" oncontextmenu="javascript:showSideViewMemberPart(this,'4238','<b>홍길동</b>','219','*** 개인정보보호를 위한 이메일주소 노출방지 ***','0000')">
<span class="member"><b>홍길동</b></span></a>
</nobr>
</td>
sideview.js 파일을 같은걸로 쓰고 있습니다.. 이런 현상은 왜 생길까요?
답을 알거나 비슷한 경험 있는분 답변 부탁드립니다....
댓글 전체
sideview.js 를 수정하세요.
값의 뒷부분에 px 를 추가하니 되더라구요.
===========================================================
oSideViewLayer.style.top = getAbsoluteTop(this.curObj) - oSideViewLayer.scrollHeight + 'px';
else
oSideViewLayer.style.top = getAbsoluteTop(this.curObj) + this.curObj.offsetHeight + 'px';
oSideViewLayer.style.left = getAbsoluteLeft(this.curObj) - this.curObj.offsetWidth + 14 + 'px';
============================================================
function showLayer()
{
clickAreaCheck = true;
var oSideViewLayer = document.getElementById(this.targetObj);
var oBody = document.body;
if (oSideViewLayer == null) {
oSideViewLayer = document.createElement("DIV");
oSideViewLayer.id = this.targetObj;
oSideViewLayer.style.position = 'absolute';
oBody.appendChild(oSideViewLayer);
}
oSideViewLayer.innerHTML = this.makeNameContextMenus();
if (getAbsoluteTop(this.curObj) + this.curObj.offsetHeight + oSideViewLayer.scrollHeight + 5 > oBody.scrollHeight)
oSideViewLayer.style.top = getAbsoluteTop(this.curObj) - oSideViewLayer.scrollHeight + 'px';
else
oSideViewLayer.style.top = getAbsoluteTop(this.curObj) + this.curObj.offsetHeight + 'px';
oSideViewLayer.style.left = getAbsoluteLeft(this.curObj) - this.curObj.offsetWidth + 14 + 'px';
divDisplay(this.targetObj, 'block');
selectBoxHidden(this.targetObj);
}
값의 뒷부분에 px 를 추가하니 되더라구요.
===========================================================
oSideViewLayer.style.top = getAbsoluteTop(this.curObj) - oSideViewLayer.scrollHeight + 'px';
else
oSideViewLayer.style.top = getAbsoluteTop(this.curObj) + this.curObj.offsetHeight + 'px';
oSideViewLayer.style.left = getAbsoluteLeft(this.curObj) - this.curObj.offsetWidth + 14 + 'px';
============================================================
function showLayer()
{
clickAreaCheck = true;
var oSideViewLayer = document.getElementById(this.targetObj);
var oBody = document.body;
if (oSideViewLayer == null) {
oSideViewLayer = document.createElement("DIV");
oSideViewLayer.id = this.targetObj;
oSideViewLayer.style.position = 'absolute';
oBody.appendChild(oSideViewLayer);
}
oSideViewLayer.innerHTML = this.makeNameContextMenus();
if (getAbsoluteTop(this.curObj) + this.curObj.offsetHeight + oSideViewLayer.scrollHeight + 5 > oBody.scrollHeight)
oSideViewLayer.style.top = getAbsoluteTop(this.curObj) - oSideViewLayer.scrollHeight + 'px';
else
oSideViewLayer.style.top = getAbsoluteTop(this.curObj) + this.curObj.offsetHeight + 'px';
oSideViewLayer.style.left = getAbsoluteLeft(this.curObj) - this.curObj.offsetWidth + 14 + 'px';
divDisplay(this.targetObj, 'block');
selectBoxHidden(this.targetObj);
}
