[수정]퀵메뉴 사이드뷰 질문드립니다.. > 그누4 질문답변

그누4 질문답변

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기
기존 게시물은 열람만 가능합니다.

[수정]퀵메뉴 사이드뷰 질문드립니다.. 정보

[수정]퀵메뉴 사이드뷰 질문드립니다..

본문

퀵메뉴에 사이드뷰를 달았는데 눌리니까 자꾸 퀵메뉴밑에 깔려서 나오네요;;페이지를 내려야보입니다
그러니까...바디에 사이드뷰가 실행되요...사이드뷰를 제일 위로 하고싶은데 어떻게 해야하나요?
소스추가했습니다...이걸 admin.tail에 인클루드해서 쓰긴하는데 아이디를 눌리면 사이드뷰가 퀵메뉴밑으로 뜹니다...가려져서요...어딜 수정해야 사이드뷰가 제일위로 올수있는지좀 알고싶습니다
<?
include_once("$g4[path]/lib/connect.lib.php");
include_once("$g4[path]/adm/current_connect.php");
?>
<SCRIPT LANGUAGE="JavaScript">
function CheckUIElements() {
  var yMenu1From, yMenu1To, yOffset, timeoutNextCheck;
  var wndWidth = parseInt(document.body.clientWidth);
  yMenu1From  = parseInt (qLayer.style.top, 10);
  yMenu1To    = document.body.scrollTop + 200; // 위쪽 위치
  timeoutNextCheck = 500;

  if ( yMenu1From != yMenu1To ) {
    yOffset = Math.ceil( Math.abs( yMenu1To - yMenu1From ) / 20 );
    if ( yMenu1To < yMenu1From )
      yOffset = -yOffset;

    qLayer.style.top = parseInt (qLayer.style.top, 10) + yOffset;

    timeoutNextCheck = 10;
  }
  qLayer.style.left = (document.body.clientWidth/2)+392; //중심으로 부터의 수평거리

  setTimeout ("CheckUIElements()", timeoutNextCheck);
}

function MovePosition() {
  var wndWidth = parseInt(document.body.clientWidth);

  // 페에지 로딩시 포지션
  qLayer.style.top = 350;
  qLayer.style.left = (document.body.clientWidth/2)+392; //중심으로 부터의 수평거리
  qLayer.style.visibility = "visible";

  // initializing UI update timer
  CheckUIElements();
  return true;
}
</SCRIPT>

<!---- 레이어디자인부분 ------>
<div style="position:absolute;top:200px;left:expression( (document.body.clientWidth/2)+392);z-index:1;" id="qLayer" name="qLayer"> 
<table width="100%"><tr><td align='center'><a href=# onfocus='this.blur()'><img src='<?=$g4[path]?>/img/up.gif' align='absmiddle'><font color=blue><span class=small> </span></font></a></td></tr></table>
<style>
.scroll  {
scrollbar-3dlight-color:#ffffff;
scrollbar-arrow-color:#d5d5d5;
scrollbar-base-color:#ffffff;
scrollbar-darkshadow-color:#ffffff;
scrollbar-face-color:#ededed;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#d5d5d5;
scrollbar-track-color:#ffffff;
}
#ud_on_box{width:100%; height:100; overflow: auto; padding:5px; border:1; border-style:solid; border-color:#CCCCCC; background-color:#FFFFFF;}
</style>

<table width="220" border="0" cellspacing="0" cellpadding="0" bgcolor="#F7F7F7" style="border-color:#CCCCCC; border-width:1px; border-style:solid">
<tr>
<td style="padding:5;"><a href='<?=$g4['g4_path']?>/adm/current_connect.php'><b>접속자</b></td>
</tr>
<tr><td colspan="2" align="center" style="padding:5;">
<div id=ud_on_box class=scroll>
<?
for ($i=0; $i<count($list); $i++)
{
    echo <<<HEREDOC
        <div align=left style="padding-bottom:5; padding-left:5;">{$list[$i][name]}</div>
HEREDOC;
    $location = conv_content($list[$i][lo_location], 0);

}

if ($i == 0)
    echo "<div align=center height=100%>현재 접속자가 없습니다.</div>";
?>

</div>
</td></tr>

</table>

</div>
<script language='JavaScript'>MovePosition();</script>
  • 복사

댓글 전체

이궁..

"퀵메뉴에 사이드뷰를 달았는데 눌리니까 자꾸 퀵메뉴밑에 깔려서 나오네요;;페이지를 내려야보입니다
그러니까...바디에 사이드뷰가 실행되요...사이드뷰를 제일 위로 하고싶은데 어떻게 해야하나요?
소스추가했습니다...이걸 admin.tail에 인클루드해서 쓰긴하는데 아이디를 눌리면 사이드뷰가 퀵메뉴밑으로 뜹니다...가려져서요...어딜 수정해야 사이드뷰가 제일위로 올수있는지좀 알고싶습니다  "

라는 부분이 제가 정확히 이해가안되네요...

 샘플스샷이나 링크가 필요합니다. 스샷보단 링크로 걸어주시는게 좋구요.
특히 아이디를 누르면 문제가생긴다는데, 그건 php가 DB와 맞물려서 모두 적용된 상태에서만 나오기 때문에.. 테스팅 아이디를 만들어주신다든지 그런식으로 정확한 테스팅 링크를 해주시면
답변 받으실 확률이 높아져요^^;

일단 제가 생각하는 문제와 현상이 맞다면ㅎ
yMenu1To    = document.body.scrollTop + 200; // 위쪽 위치
이거를
yMenu1To    = document.body.scrollTop; // 위쪽 위치
이렇게 바꿔보시구요.

그것도 안된다면 저 소스가 삽입된 자리가 문제일거같아요.
母 div의 position이 relative 로 되어있으면 그 자식 div position:absolute 는 母 div에 상대적으로 적용되게 되어있습니다. 브라우져마다 다르긴 하지만 아마도 파폭만 빼고는 그렇게 상대위치가 지정될겁니다.
때문에 저 div 밖으로는 다른 div가 없어야합니다. 흠..
<body> 테그 바로 아래다가 써주시면 될거같구요.

음 그리고 지금 저 소스실행시켜보면 일단 너무 우측으로 치우쳐있어서 가로스크롤이 생겨버리는 문제가 보이네요... 그건 문서내의
(document.body.clientWidth/2)+392
가 3개 있는데 392 이 숫자를 조정하시면서 계속 확인해보시면됩니다.
© SIRSOFT
현재 페이지 제일 처음으로