셀렉트박스와 레이어가 겹칠시 정보
셀렉트박스와 레이어가 겹칠시
관련링크
첨부파일
본문
전혀 이해를 못하고 있다고 해야 맞네요..
죄송합니다..
답좀 적어주세요~!ㅜ.ㅜ
관련파일 올립니다..
http://sir.co.kr/bbs/board.php?bo_table=pl_dhtml_javascript&wr_id=42
댓글 전체
고수님들의 답신을 부탁드립니다.죄송합니다~!
아래 링크 참조하셔서 해결하시기 바랍니다.
http://www.phpschool.com/gnuboard4/bbs/board.php?bo_table=tipntech&wr_id=51960&sca=&sfl=wr_subject%7C%7Cwr_content&stx=%BC%BF%B7%BA%C6%AE&sop=and&page=
http://www.phpschool.com/gnuboard4/bbs/board.php?bo_table=tipntech&wr_id=36118&sca=&sfl=wr_subject%7C%7Cwr_content&stx=%BC%BF%B7%BA%C6%AE&sop=and&page=2
http://www.phpschool.com/gnuboard4/bbs/board.php?bo_table=tipntech&wr_id=51960&sca=&sfl=wr_subject%7C%7Cwr_content&stx=%BC%BF%B7%BA%C6%AE&sop=and&page=
http://www.phpschool.com/gnuboard4/bbs/board.php?bo_table=tipntech&wr_id=36118&sca=&sfl=wr_subject%7C%7Cwr_content&stx=%BC%BF%B7%BA%C6%AE&sop=and&page=2
저도 내용은 잘 모르겠습니다...^^
아래의 소스는 제 홈에 사용된 레이어메뉴의 테이블태그내에 사용된 소스입니다..
(관리자님이 올리신 헤더소스에 포함되어 있더군요.)
레이어가 겹치게되면 셀렉트박스가 잠시 사라집니다..
참고가 되시기를 ~~..^^
onpropertychange=\"selectBoxHidden('menu_{$key}')\"
아래는 스크립트
<script language="JavaScript">
var save_layer = null;
function layer_view(link_id, menu_id, opt, x, y)
{
var link = document.getElementById(link_id);
var menu = document.getElementById(menu_id);
//for (i in link) { document.write(i + '<br/>'); } return;
if (save_layer != null)
{
save_layer.style.display = "none";
selectBoxVisible();
}
if (link_id == '')
return;
if (opt == 'hide')
{
menu.style.display = 'none';
selectBoxVisible();
}
else
{
x = parseInt(x);
y = parseInt(y);
menu.style.left = get_left_pos(link) + x;
menu.style.top = get_top_pos(link) + link.offsetHeight + y;
menu.style.display = 'block';
}
save_layer = menu;
}
function preload() {
if (!document.images) return;
var ar = new Array();
var arguments = preload.arguments;
for (var i = 0; i < arguments.length; i++) {
ar[i] = new Image();
ar[i].src = arguments[i];
}
//alert(arguments.length);
}
document.onload = preload('<?=$g4[path]?>/img/bg_arrow.gif', '<?=$g4[path]?>/img/menu_arrow.gif', '<?=$g4[path]?>/img/bg_submenu.gif', '<?=$g4[path]?>/img/menu_line.gif');
</script>
아래의 소스는 제 홈에 사용된 레이어메뉴의 테이블태그내에 사용된 소스입니다..
(관리자님이 올리신 헤더소스에 포함되어 있더군요.)
레이어가 겹치게되면 셀렉트박스가 잠시 사라집니다..
참고가 되시기를 ~~..^^
onpropertychange=\"selectBoxHidden('menu_{$key}')\"
아래는 스크립트
<script language="JavaScript">
var save_layer = null;
function layer_view(link_id, menu_id, opt, x, y)
{
var link = document.getElementById(link_id);
var menu = document.getElementById(menu_id);
//for (i in link) { document.write(i + '<br/>'); } return;
if (save_layer != null)
{
save_layer.style.display = "none";
selectBoxVisible();
}
if (link_id == '')
return;
if (opt == 'hide')
{
menu.style.display = 'none';
selectBoxVisible();
}
else
{
x = parseInt(x);
y = parseInt(y);
menu.style.left = get_left_pos(link) + x;
menu.style.top = get_top_pos(link) + link.offsetHeight + y;
menu.style.display = 'block';
}
save_layer = menu;
}
function preload() {
if (!document.images) return;
var ar = new Array();
var arguments = preload.arguments;
for (var i = 0; i < arguments.length; i++) {
ar[i] = new Image();
ar[i].src = arguments[i];
}
//alert(arguments.length);
}
document.onload = preload('<?=$g4[path]?>/img/bg_arrow.gif', '<?=$g4[path]?>/img/menu_arrow.gif', '<?=$g4[path]?>/img/bg_submenu.gif', '<?=$g4[path]?>/img/menu_line.gif');
</script>
ie 에서 나타나는 현상입니다.
ie7 에서는 수정된 것 같더군요.
ie7 에서는 수정된 것 같더군요.
html 표준은..... form 태그는 가려지지 않는다.. 였던걸로 기억합니다만..
사진날자 님처럼 숨김처리도 나쁘진 않을듯 합니다.
사진날자 님처럼 숨김처리도 나쁘진 않을듯 합니다.
**이름님께 협박전화 받았습니다.^^
비슷한 형태의 테스트중인 메뉴 전체 소스 입니다.
말씀하신 셀렉트박스 문제는 수정되었지만 기타 잡다한 버그가 있습니다.
관리자님께서 예전에 공개해주셨던 head.php 소스를 응용한 것입니다.^^
이것은 우선 참고만 하시고,
급하시지 않다면 제가 시간을 내어 아주 간략한 인크루드형태로 정리해보도록 하겠습니다.
http://gnusr.com/g4/bbs/board.php?bo_table=acctest 에보시면 확인이 쉽겠네요.
소스 엄청 지저분합니다.ㅠㅠ 아참 이것은 스킨형태입니다.
라이브러리 전체
---------------------------------
<?
if (!defined('_GNUBOARD_')) exit;//gbcRF_menu.lib.php
/////////////////////////////////////////////////////////////////////////
//그룹, 게시판, 분류 통합 메뉴 라이브러리 (2006년 8월 19일 토요일 - 플록)
//gbcRF_menu.lib.php로 저장 extend 폴더에 업로드
//호출방법 gbcRF_menu("스킨디렉토리", "그룹아이디");
//그룹아이디 비워두면 전체그룹 에서 추출
function gbcRF_menu($skin_dir="", $gr_id="") {
global $config;
global $g4;
global $member;
global $bo_table;
global $sca;
//global $gr_id;//호출시 인수지정
global $list;//부가 메뉴 호출을 위해 전역변수로 지정
global $gur;//사용자 설정
if ($skin_dir)
$menu_skin_path = "$g4[path]/skin/menu/$skin_dir";
else
$menu_skin_path = "$g4[path]/skin/menu/basic";
$list = array();
$sql_common = " from " . $g4['group_table'] . " g inner join " . $g4['board_table'] . " b using (gr_id) where ";
//그룹값 있으면 해당그룹, 없으면 전체그룹
if (!empty($gr_id))
$sql_common .= " g.gr_id = '$gr_id' ";
else
$sql_common .= " g.gr_use_access = '0' ";
//조건외 제외시키고자 하는 그룹 및 게시판을 수동으로 추가
$excgr = "('', '', '')";
$excbo = "('', '', '')";
$sql_common .= " and g.gr_id not in " . $excgr . " and b.bo_table not in " . $excbo . " and b.bo_use_search = '1' and (bo_list_level <= $member[mb_level]) ";
$sql_order = " order by gr_1 asc, bo_order_search asc ";
$sql= " select g.gr_id, g.gr_subject, g.gr_use_access, g.gr_9, g.gr_10, b.bo_use_category, b.bo_category_list, b.bo_new, b.bo_use_search, b.bo_7, b.bo_table, substring_index( bo_subject, ';', 1) bo_subject
$sql_common
$sql_order ";
$result = sql_query($sql);
for ($i=0; $row = sql_fetch_array($result); $i++) {
//$list[$row['gr_id']]['group'] = array( 'gr_id'=>$row['gr_id'], 'gr_subject'=>$row['gr_subject'], 'gr_9'=>$row['gr_9'], 'gr_10'=>$row['gr_10']);
$list[$row['gr_id']]['gr_id'] = $row['gr_id'];
$list[$row['gr_id']]['gr_subject'] = $row['gr_subject'];
$list[$row['gr_id']]['gr_9'] = $row['gr_9'];//gr_9 서브메뉴 사용여부 설정
$list[$row['gr_id']]['gr_10'] = $row['gr_10'];//gr_10 그룹 링크
$list[$row['gr_id']]['bbs'][] = array( 'bo_table'=> $row['bo_table'], 'bo_subject'=>$row['bo_subject'], 'bo_use_category'=>$row['bo_use_category'], 'bo_new'=>$row['bo_new'], 'bo_7'=> $row['bo_7'], 'sca'=>explode("|", $row['bo_category_list']));//bo_7 게시판 링크
}
ob_start();
include "$menu_skin_path/menu.skin.php";
$content = ob_get_contents();
ob_end_clean();
return $content;
}
?>
스킨 menu.skin.php 전체
---------------------------
<?
if (!defined('_GNUBOARD_')) exit;//gbRFHtest skin
/////////////////////////////////////////////////////////////////////////////
//그룹, 게시판, 분류 확장 메뉴 라이브러리(gbcRF_menu.lib.php) 연동
//호출방법 gbcRF_menu("스킨디렉토리", "그룹아이디");
//그룹아이디 비워두면 전체그룹 에서 추출
//셀렉트박스 숨김 및 다양한 서브메뉴 응용을 위한 테스트 메뉴
//2006년 10월 23일 월요일
//print_menu1, 2 펑션 - 부가메뉴 코딩에 응용
function topBox($content) {
global $g4;
return $content;
}
function printMenu($key, $gSubject, $gLink, $x=0, $y=0) {
global $g4, $list;
return "<span id='id_" . $key . "' onmouseover=\"layer_view('id_" . $key . "', 'menu_" . $key . "', 'view', " . $x . ", " . $y . ");\"><a href='" . $gLink . "'><strong>" . $gSubject . "</strong></a></span>\n";
}
function printMenu1($key, $bSubject, $bLink) {
global $list;
$str .= "<li><a href='" . $bLink . "'> » " . $bSubject . "</a></li>\n";
return $str;
}
function printMenu2($key, $bSubject, $bLink) {
global $list;
$str .= printMenu1($key, $bSubject, $bLink);
return $str;
}
?>
<script type="text/javascript" language="JavaScript">
var save_layer = null;
function layer_view(link_id, menu_id, opt, x, y) {
var link = document.getElementById(link_id);
var menu = document.getElementById(menu_id);
//for (i in link) { document.write(i + '<br/>'); } return;
if (save_layer != null) {
save_layer.style.display = "none";
selectBoxVisible();
}
if (link_id == '')
return;
if (opt == 'hide') {
menu.style.display = 'none';
selectBoxVisible();
}
else {
x = parseInt(x);
y = parseInt(y);
menu.style.left = get_left_pos(link) + x;
menu.style.top = get_top_pos(link) + link.offsetHeight + y;
menu.style.display = 'block';
}
save_layer = menu;
}
function preload() {
if (!document.images) return;
var ar = new Array();
var arguments = preload.arguments;
for (var i = 0; i < arguments.length; i++) {
ar[i] = new Image();
ar[i].src = arguments[i];
}
//alert(arguments.length);
}
//document.onload = preload('<?=$g4[path]?>/img/bg_arrow.gif', '<?=$g4[path]?>/img/menu_arrow.gif', '<?=$g4[path]?>/img/bg_submenu.gif', '<?=$g4[path]?>/img/menu_line.gif');
</script>
<style type="text/css">
/* Main Nav
-------------------------------------- */
#navi {float:right;text-align:left;background:transparent;width:auto;height:27px;margin:0px;padding:0px;z-index:100;}
#navi span {margin:0;padding:5px 10px 3px 0;}
#navi ul { position:absolute;left:-999em;top:20px;width:auto;height:auto; margin:0 0 0 -20px;padding:0;background:#F8F8F6;display:block;list-style-type:none; border:1px solid #909090;}
#navi ul li {width:146px;;height:20px;margin:0;padding:0;font-size:12px;display:block;border-bottom:1px solid #E5E5E1;}
/*#navi ul li span {margin:0;padding:3px 4px 3px 7px;display:block;position:relative;}*/
#navi li a:visited {text-decoration:none;display:block;}
#navi li a:hover {text-decoration:none;display:block;color: #fff;background-color:#909090;}
*>html #navi ul {f\loat: right;margin-top:11px;} /*IE 5 Mac hack */
*>html #nav a {f\loat: left;} /*IE 5 Mac hack */
/* pos
-------------------------------------- */
#navi .groupPos {font-weight:bold;color:darkblue;}
#navi .boardPos {font-weight:normal; color:red;}
/* test menu
-------------------------------------- */
#sub a:hover {text-decoration:none;color: #fff;background-color:#000;}
</style>
<script language="javascript" src="<?=$g4['path']?>/js/sideview.js"></script>
<div id='navi'>
<?
/*logic Unordered List 활용 셀렉트박스 숨김/
<div>
foreach( $list as $group){
$menuSize= count( $list);
$bbsSize= count( $group['bbs']);
echo "<span>" . $group['gr_subject'] . "</span><ul>";
foreach( $group['bbs'] as $bbs){
echo "<li>" . $bbs['bo_subject'] . "</li>";
}
</ul>
}
</div>
/*/
// ---------------------------------/ 그룹
//unset($list);
foreach($list as $key=>$value) {
//print_r2($value);
//echo $list[$key]['gr_id'];
//echo $value['gr_id'];
//echo $key;
$gSubject = ($value['gr_id'] == $gur)?"<span style='color:#AA2727;'>" .$value['gr_subject']."</span>":$value['gr_subject'];//해당그룹
$gLink = (!empty($value['gr_10']))?$value['gr_10']:$g4['path'].'/'.'?gur=' .$value['gr_id'];//수동 링크 그룹은 gr_10 필드에 전체 url 입력
echo printMenu($key, $gSubject, $gLink);
// ---------------------------------/ 게시판 /
//게시판 [ ie셀렉트박스 히든처리- sideview.js+onpropertychange="selectBoxHidden('menu_{$key}')" ]
echo "<ul id='menu_{$key}' onpropertychange=\"selectBoxHidden('menu_{$key}')\">\n";
foreach( $value['bbs'] as $bbs) {
// ---------------------------------/ 분류 새글 표시
$tmp_write_table = $g4[write_prefix] . $bbs['bo_table'];
$intime = date("Y-m-d H:i:s", time()-3600*$bbs['bo_new']);
//원글 및 코멘트 새글 카운트 by nasca, izen님 빠른쿼리로 보강
$sql_new = mysql_query(" select count(wr_datetime) as wr_datetime from $tmp_write_table where wr_is_comment = '0' and wr_datetime >= '$intime' ");//and wr_option not like '%secret%'
$row_new = mysql_fetch_array($sql_new);
$sql_cm_new = mysql_query(" select count(wr_datetime) as wr_datetime from $tmp_write_table where wr_is_comment <> '0' and wr_datetime >= '$intime' ");
$row_cm_new = mysql_fetch_array($sql_cm_new);
$bn_count = $row_new['wr_datetime'];
$bn_countc = $row_cm_new['wr_datetime'];
$new = ($bn_count || $bn_countc > 0)?"<span class='new'>(" . $bn_count . '/' . $bn_countc . ")</span>":'';
foreach( $bbs['sca'] as $category){//분류가 있고 분류사용 체크된 게시판 별도표시
$sicon = "";
if (($bbs['bo_use_category'] == "1") && ($category)){
$sicon = " <span>+</span>";
}
}
$bSubject = ($bbs['bo_table'] == $bo_table)?"<span style='font-weight:bold;color:#AA2727;'>".cut_str(get_text($bbs['bo_subject']),20,"")."</span>".$new.$sicon:$bbs['bo_subject'].$new.$sicon;//해당게시판
// ---------------------------------/
//$bSubject = ($bbs['bo_table'] == $bo_table)?"<span style='color:#AA2727;'>" .$bbs['bo_subject']."</span>":$bbs['bo_subject'];//해당게시판
$bLink = (!empty($bbs['bo_7']))?$bbs['bo_7']:$g4['bbs_path'].'/'.'board.php?bo_table=' .$bbs['bo_table'];//수동 링크 게시판은 bo_7 필드에 전체 url 입력
echo printMenu1($key, $bSubject, $bLink);
}
echo "</ul>\n";
}//group
?>
<?php $sub_area = ($gur == 'work')?"padding:3px 0 0 10px;border:0px solid red;":"padding:3px 0 0 10px;border:0px solid #cccccc;";?>
<span id='sub' style='font-size12px;<?=$sub_area?>'><?
// 왼쪽 부가메뉴 - self,popup
$adm_menu = array(
'관리자'=> "$g4[admin_path]",
'백업' => "$g4[path]/template/_backup/g4_upgrade.php",
'용량체크' => "http://" . $_SERVER["HTTP_HOST"] . "/du.php",
);
$adm_menu_pop = array(
'데이터베이스' => "$g4[path]/adm/phpMyAdmin",
);
$public_menu =array(
//'올블로그' => "http://" . $_SERVER["HTTP_HOST"] . "/Ysample/Yallblog_rss_utf.php",//임시저장후 처리
'올블로그' => "http://" . $_SERVER["HTTP_HOST"] . "/Ysample/Yallblog_rss_utf_d.php",//바로 처리
//'따비새글' => "http://" . $_SERVER["HTTP_HOST"] . "/Ysample/Ymy_rss.php",//임시저장후 처리
'따비새글' => "http://" . $_SERVER["HTTP_HOST"] . "/Ysample/Ymy_rss_d.php",//바로 처리
'RSS' => $g4['bbs_path'] . '/newrss.php',
'태그검사' => $g4['path'] . '/template/common/htmlcheck.php?path=' . $_SERVER['REQUEST_URI'],
);
//if ($is_admin == "super" || $is_auth) {
if ($member['mb_level']>=10) {
foreach( $adm_menu as $key => $value) {
?><a href='<?=$value?>' onfocus='this.blur()'><?=$key?></a> <?
}
foreach( $adm_menu_pop as $key => $value) {
?><a href="javascript:win_comment('<?=$value?>');" onfocus='this.blur()'><?=$key?></a> <?
}
}//adm
foreach( $public_menu as $key => $value) {
?><a href="javascript:win_comment('<?=$value?>');" onfocus='this.blur()'><?=$key?></a> <?
}
?></span>
</div>
비슷한 형태의 테스트중인 메뉴 전체 소스 입니다.
말씀하신 셀렉트박스 문제는 수정되었지만 기타 잡다한 버그가 있습니다.
관리자님께서 예전에 공개해주셨던 head.php 소스를 응용한 것입니다.^^
이것은 우선 참고만 하시고,
급하시지 않다면 제가 시간을 내어 아주 간략한 인크루드형태로 정리해보도록 하겠습니다.
http://gnusr.com/g4/bbs/board.php?bo_table=acctest 에보시면 확인이 쉽겠네요.
소스 엄청 지저분합니다.ㅠㅠ 아참 이것은 스킨형태입니다.
라이브러리 전체
---------------------------------
<?
if (!defined('_GNUBOARD_')) exit;//gbcRF_menu.lib.php
/////////////////////////////////////////////////////////////////////////
//그룹, 게시판, 분류 통합 메뉴 라이브러리 (2006년 8월 19일 토요일 - 플록)
//gbcRF_menu.lib.php로 저장 extend 폴더에 업로드
//호출방법 gbcRF_menu("스킨디렉토리", "그룹아이디");
//그룹아이디 비워두면 전체그룹 에서 추출
function gbcRF_menu($skin_dir="", $gr_id="") {
global $config;
global $g4;
global $member;
global $bo_table;
global $sca;
//global $gr_id;//호출시 인수지정
global $list;//부가 메뉴 호출을 위해 전역변수로 지정
global $gur;//사용자 설정
if ($skin_dir)
$menu_skin_path = "$g4[path]/skin/menu/$skin_dir";
else
$menu_skin_path = "$g4[path]/skin/menu/basic";
$list = array();
$sql_common = " from " . $g4['group_table'] . " g inner join " . $g4['board_table'] . " b using (gr_id) where ";
//그룹값 있으면 해당그룹, 없으면 전체그룹
if (!empty($gr_id))
$sql_common .= " g.gr_id = '$gr_id' ";
else
$sql_common .= " g.gr_use_access = '0' ";
//조건외 제외시키고자 하는 그룹 및 게시판을 수동으로 추가
$excgr = "('', '', '')";
$excbo = "('', '', '')";
$sql_common .= " and g.gr_id not in " . $excgr . " and b.bo_table not in " . $excbo . " and b.bo_use_search = '1' and (bo_list_level <= $member[mb_level]) ";
$sql_order = " order by gr_1 asc, bo_order_search asc ";
$sql= " select g.gr_id, g.gr_subject, g.gr_use_access, g.gr_9, g.gr_10, b.bo_use_category, b.bo_category_list, b.bo_new, b.bo_use_search, b.bo_7, b.bo_table, substring_index( bo_subject, ';', 1) bo_subject
$sql_common
$sql_order ";
$result = sql_query($sql);
for ($i=0; $row = sql_fetch_array($result); $i++) {
//$list[$row['gr_id']]['group'] = array( 'gr_id'=>$row['gr_id'], 'gr_subject'=>$row['gr_subject'], 'gr_9'=>$row['gr_9'], 'gr_10'=>$row['gr_10']);
$list[$row['gr_id']]['gr_id'] = $row['gr_id'];
$list[$row['gr_id']]['gr_subject'] = $row['gr_subject'];
$list[$row['gr_id']]['gr_9'] = $row['gr_9'];//gr_9 서브메뉴 사용여부 설정
$list[$row['gr_id']]['gr_10'] = $row['gr_10'];//gr_10 그룹 링크
$list[$row['gr_id']]['bbs'][] = array( 'bo_table'=> $row['bo_table'], 'bo_subject'=>$row['bo_subject'], 'bo_use_category'=>$row['bo_use_category'], 'bo_new'=>$row['bo_new'], 'bo_7'=> $row['bo_7'], 'sca'=>explode("|", $row['bo_category_list']));//bo_7 게시판 링크
}
ob_start();
include "$menu_skin_path/menu.skin.php";
$content = ob_get_contents();
ob_end_clean();
return $content;
}
?>
스킨 menu.skin.php 전체
---------------------------
<?
if (!defined('_GNUBOARD_')) exit;//gbRFHtest skin
/////////////////////////////////////////////////////////////////////////////
//그룹, 게시판, 분류 확장 메뉴 라이브러리(gbcRF_menu.lib.php) 연동
//호출방법 gbcRF_menu("스킨디렉토리", "그룹아이디");
//그룹아이디 비워두면 전체그룹 에서 추출
//셀렉트박스 숨김 및 다양한 서브메뉴 응용을 위한 테스트 메뉴
//2006년 10월 23일 월요일
//print_menu1, 2 펑션 - 부가메뉴 코딩에 응용
function topBox($content) {
global $g4;
return $content;
}
function printMenu($key, $gSubject, $gLink, $x=0, $y=0) {
global $g4, $list;
return "<span id='id_" . $key . "' onmouseover=\"layer_view('id_" . $key . "', 'menu_" . $key . "', 'view', " . $x . ", " . $y . ");\"><a href='" . $gLink . "'><strong>" . $gSubject . "</strong></a></span>\n";
}
function printMenu1($key, $bSubject, $bLink) {
global $list;
$str .= "<li><a href='" . $bLink . "'> » " . $bSubject . "</a></li>\n";
return $str;
}
function printMenu2($key, $bSubject, $bLink) {
global $list;
$str .= printMenu1($key, $bSubject, $bLink);
return $str;
}
?>
<script type="text/javascript" language="JavaScript">
var save_layer = null;
function layer_view(link_id, menu_id, opt, x, y) {
var link = document.getElementById(link_id);
var menu = document.getElementById(menu_id);
//for (i in link) { document.write(i + '<br/>'); } return;
if (save_layer != null) {
save_layer.style.display = "none";
selectBoxVisible();
}
if (link_id == '')
return;
if (opt == 'hide') {
menu.style.display = 'none';
selectBoxVisible();
}
else {
x = parseInt(x);
y = parseInt(y);
menu.style.left = get_left_pos(link) + x;
menu.style.top = get_top_pos(link) + link.offsetHeight + y;
menu.style.display = 'block';
}
save_layer = menu;
}
function preload() {
if (!document.images) return;
var ar = new Array();
var arguments = preload.arguments;
for (var i = 0; i < arguments.length; i++) {
ar[i] = new Image();
ar[i].src = arguments[i];
}
//alert(arguments.length);
}
//document.onload = preload('<?=$g4[path]?>/img/bg_arrow.gif', '<?=$g4[path]?>/img/menu_arrow.gif', '<?=$g4[path]?>/img/bg_submenu.gif', '<?=$g4[path]?>/img/menu_line.gif');
</script>
<style type="text/css">
/* Main Nav
-------------------------------------- */
#navi {float:right;text-align:left;background:transparent;width:auto;height:27px;margin:0px;padding:0px;z-index:100;}
#navi span {margin:0;padding:5px 10px 3px 0;}
#navi ul { position:absolute;left:-999em;top:20px;width:auto;height:auto; margin:0 0 0 -20px;padding:0;background:#F8F8F6;display:block;list-style-type:none; border:1px solid #909090;}
#navi ul li {width:146px;;height:20px;margin:0;padding:0;font-size:12px;display:block;border-bottom:1px solid #E5E5E1;}
/*#navi ul li span {margin:0;padding:3px 4px 3px 7px;display:block;position:relative;}*/
#navi li a:visited {text-decoration:none;display:block;}
#navi li a:hover {text-decoration:none;display:block;color: #fff;background-color:#909090;}
*>html #navi ul {f\loat: right;margin-top:11px;} /*IE 5 Mac hack */
*>html #nav a {f\loat: left;} /*IE 5 Mac hack */
/* pos
-------------------------------------- */
#navi .groupPos {font-weight:bold;color:darkblue;}
#navi .boardPos {font-weight:normal; color:red;}
/* test menu
-------------------------------------- */
#sub a:hover {text-decoration:none;color: #fff;background-color:#000;}
</style>
<script language="javascript" src="<?=$g4['path']?>/js/sideview.js"></script>
<div id='navi'>
<?
/*logic Unordered List 활용 셀렉트박스 숨김/
<div>
foreach( $list as $group){
$menuSize= count( $list);
$bbsSize= count( $group['bbs']);
echo "<span>" . $group['gr_subject'] . "</span><ul>";
foreach( $group['bbs'] as $bbs){
echo "<li>" . $bbs['bo_subject'] . "</li>";
}
</ul>
}
</div>
/*/
// ---------------------------------/ 그룹
//unset($list);
foreach($list as $key=>$value) {
//print_r2($value);
//echo $list[$key]['gr_id'];
//echo $value['gr_id'];
//echo $key;
$gSubject = ($value['gr_id'] == $gur)?"<span style='color:#AA2727;'>" .$value['gr_subject']."</span>":$value['gr_subject'];//해당그룹
$gLink = (!empty($value['gr_10']))?$value['gr_10']:$g4['path'].'/'.'?gur=' .$value['gr_id'];//수동 링크 그룹은 gr_10 필드에 전체 url 입력
echo printMenu($key, $gSubject, $gLink);
// ---------------------------------/ 게시판 /
//게시판 [ ie셀렉트박스 히든처리- sideview.js+onpropertychange="selectBoxHidden('menu_{$key}')" ]
echo "<ul id='menu_{$key}' onpropertychange=\"selectBoxHidden('menu_{$key}')\">\n";
foreach( $value['bbs'] as $bbs) {
// ---------------------------------/ 분류 새글 표시
$tmp_write_table = $g4[write_prefix] . $bbs['bo_table'];
$intime = date("Y-m-d H:i:s", time()-3600*$bbs['bo_new']);
//원글 및 코멘트 새글 카운트 by nasca, izen님 빠른쿼리로 보강
$sql_new = mysql_query(" select count(wr_datetime) as wr_datetime from $tmp_write_table where wr_is_comment = '0' and wr_datetime >= '$intime' ");//and wr_option not like '%secret%'
$row_new = mysql_fetch_array($sql_new);
$sql_cm_new = mysql_query(" select count(wr_datetime) as wr_datetime from $tmp_write_table where wr_is_comment <> '0' and wr_datetime >= '$intime' ");
$row_cm_new = mysql_fetch_array($sql_cm_new);
$bn_count = $row_new['wr_datetime'];
$bn_countc = $row_cm_new['wr_datetime'];
$new = ($bn_count || $bn_countc > 0)?"<span class='new'>(" . $bn_count . '/' . $bn_countc . ")</span>":'';
foreach( $bbs['sca'] as $category){//분류가 있고 분류사용 체크된 게시판 별도표시
$sicon = "";
if (($bbs['bo_use_category'] == "1") && ($category)){
$sicon = " <span>+</span>";
}
}
$bSubject = ($bbs['bo_table'] == $bo_table)?"<span style='font-weight:bold;color:#AA2727;'>".cut_str(get_text($bbs['bo_subject']),20,"")."</span>".$new.$sicon:$bbs['bo_subject'].$new.$sicon;//해당게시판
// ---------------------------------/
//$bSubject = ($bbs['bo_table'] == $bo_table)?"<span style='color:#AA2727;'>" .$bbs['bo_subject']."</span>":$bbs['bo_subject'];//해당게시판
$bLink = (!empty($bbs['bo_7']))?$bbs['bo_7']:$g4['bbs_path'].'/'.'board.php?bo_table=' .$bbs['bo_table'];//수동 링크 게시판은 bo_7 필드에 전체 url 입력
echo printMenu1($key, $bSubject, $bLink);
}
echo "</ul>\n";
}//group
?>
<?php $sub_area = ($gur == 'work')?"padding:3px 0 0 10px;border:0px solid red;":"padding:3px 0 0 10px;border:0px solid #cccccc;";?>
<span id='sub' style='font-size12px;<?=$sub_area?>'><?
// 왼쪽 부가메뉴 - self,popup
$adm_menu = array(
'관리자'=> "$g4[admin_path]",
'백업' => "$g4[path]/template/_backup/g4_upgrade.php",
'용량체크' => "http://" . $_SERVER["HTTP_HOST"] . "/du.php",
);
$adm_menu_pop = array(
'데이터베이스' => "$g4[path]/adm/phpMyAdmin",
);
$public_menu =array(
//'올블로그' => "http://" . $_SERVER["HTTP_HOST"] . "/Ysample/Yallblog_rss_utf.php",//임시저장후 처리
'올블로그' => "http://" . $_SERVER["HTTP_HOST"] . "/Ysample/Yallblog_rss_utf_d.php",//바로 처리
//'따비새글' => "http://" . $_SERVER["HTTP_HOST"] . "/Ysample/Ymy_rss.php",//임시저장후 처리
'따비새글' => "http://" . $_SERVER["HTTP_HOST"] . "/Ysample/Ymy_rss_d.php",//바로 처리
'RSS' => $g4['bbs_path'] . '/newrss.php',
'태그검사' => $g4['path'] . '/template/common/htmlcheck.php?path=' . $_SERVER['REQUEST_URI'],
);
//if ($is_admin == "super" || $is_auth) {
if ($member['mb_level']>=10) {
foreach( $adm_menu as $key => $value) {
?><a href='<?=$value?>' onfocus='this.blur()'><?=$key?></a> <?
}
foreach( $adm_menu_pop as $key => $value) {
?><a href="javascript:win_comment('<?=$value?>');" onfocus='this.blur()'><?=$key?></a> <?
}
}//adm
foreach( $public_menu as $key => $value) {
?><a href="javascript:win_comment('<?=$value?>');" onfocus='this.blur()'><?=$key?></a> <?
}
?></span>
</div>
플록님 감사합니다..
시간 되시면 이 소스로 수정해주시면 안될까요~!
<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
/////////////////////////////////////////////////////////////////////
// FF,msie호환 그룹 및 게시판 자동메뉴 - 플록
// CSS로 구현 그룹 및 게시판의 수직,수평 배열의 융통성 확보
//global start
echo "<div id='global'>\n";
//접근가능그룹 여분필드 1 순서로 추출
$sql = " SELECT a.gr_id, a.gr_subject, a.gr_use_access, b.mb_id FROM $g4[group_table] AS a LEFT JOIN $g4[group_member_table] AS b ON a.gr_id = b.gr_id WHERE (b.mb_id = '$member[mb_id]' AND a.gr_use_access = '1' ) OR a.gr_use_access = '0' ORDER BY a.gr_1";
// 제외그룹설정 root님
// html , banner , guest 라는 그룹은 제외시킴
$sql = " select * from $g4[group_table] where gr_id not in ('html', 'banner', 'guest') order by gr_1";
$result = sql_query($sql);
for ($i=0; $row=sql_fetch_array($result); $i++){
//group
echo "<div id='group'>\n";
if ($row[gr_id] == $gr_id) {// 해당 그룹 스타일 및 링크
echo "<span class='group_subject' onmouseover=\"show('$row[gr_id]')\" onmouseout=\"hide('$row[gr_id]')\"><a href='$g4[bbs_path]/group.php?gr_id=$row[gr_id]' class='on' >$row[gr_subject]</a></span>\n";
} else { // 그외 그룹 스타일 및 링크
echo "<span class='group_subject' onmouseover=\"show('$row[gr_id]')\" onmouseout=\"hide('$row[gr_id]')\"><a href='$g4[bbs_path]/group.php?gr_id=$row[gr_id]' class='off' >$row[gr_subject]</a></span>\n";
}
//board
echo "<div id='$row[gr_id]' class='board' onmouseover=\"show('$row[gr_id]')\" onmouseout=\"hide('$row[gr_id]')\">\n";
//게시판 권한 설정 적용, 전체 검색사용에 체크된 게시판만 검색순서에 따라 추출
//$sql1 = " select bo_subject, bo_table from $g4[board_table] where (bo_list_level <= $member[mb_level]) and (gr_id = '$row[gr_id]') and bo_use_search = '1' order by bo_order_search";
$sql1 = " select bo_subject, bo_table from $g4[board_table] where (bo_list_level <= $member[mb_level]) and (gr_id = '$row[gr_id]') order by bo_order_search";
//제외보드설정
//$sql1 = " select * from $g4[board_table]
//where gr_id = '$row[gr_id]'
//and bo_table <> '제외보드1'
//and bo_table <> '제외보드2'
//order by bo_order_search ";
$result1 = sql_query($sql1);
for ($i1=0; $row1=sql_fetch_array($result1); $i1++) {
//해당 게시판일때 스타일 적용
if ($row1[bo_table] == $bo_table){
echo "<span class='board_subject'><a href='$g4[bbs_path]/board.php?bo_table=$row1[bo_table]' class='on'><img src='$g4[path]/include/mainmenu/img/icl1.gif' border=0>$row1[bo_subject]</a></span>\n";
}else{ //나머지 게시판의 스타일
echo "<span class='board_subject'><a href='$g4[bbs_path]/board.php?bo_table=$row1[bo_table]' class='block'><img src='$g4[path]/include/mainmenu/img/icl.gif' border=0>$row1[bo_subject]</a></span>\n";
}
}
echo "</div>\n"; //board end
echo "</div>\n"; //group end
}
echo "</div>\n"; // global menu end
echo "<div style='clear: both;'></div>"; // 메뉴끝 줄 바꿈, 겹치기 방지
?>
<script language="JavaScript">
function getObject(objectId) {
// checkW3C DOM, then MSIE 4, then NN 4. pearly님 공개 소스코드
if(document.getElementById && document.getElementById(objectId)) {
return document.getElementById(objectId);
}
else if (document.all && document.all(objectId)) {
return document.all(objectId);
}
else if (document.layers && document.layers[objectId]) {
return document.layers[objectId];
} else {
return false;
}
}
function show(id) {
getObject([id]).style.visibility="visible";
}
function hide(id) {
getObject([id]).style.visibility="hidden";
}
</script>
<style>
/*여기서부터 시각적인 부분에 대한 수정을 해봅니다.
아래 소스에서 float, width 처럼 파란색으로 보여지는 속성을 키워드로
CSS 도움말 파일(팁&강좌에 있음)에서 검색해보면서 해당속성에 대한 옵션을 익힙니다.*/
#global { /*전체메뉴 가장자리를 감싸는 영역*/
float:center;/*왼쪽정렬*/
width:100%;/*너비 필요시 300px 혹은 300 처럼 픽셀로 지정가능*/
height:<?=get_text($config[cf_menu_grouphsize])?>px;/*메뉴 전체높이*/
margin:0 0 0 0; /*외부여유 - 시계방향 top, right, bottom, left 공통*/
padding:0 0 0 0;/*내부여유*/
border-width:0 0 0 0;/*테두리 두께*/
border-style:solid;/*테두리 스타일 dotted등 여러 스타일을 줄수있음*/
border-color:transparent/*테두리 색상 #000000처럼 주어도 무방*/;
background-color:transparent/*배경 색상 마찬가지*/;
position:relative;/*absolute; top:22; left:0; 상대,절대위치 설정 - 이곳 메뉴에서는 그대로 두고 메뉴를 불러오는 문서에서 전체 위치를 잡아주면 됩니다*/
}
#group { /*그룹메뉴 영역- 그룹제목에 테두리를 주고싶다면 border-width:1 1 1 1; */
float:left;
width:<?=get_text($config[cf_menu_groupwsize])?>; overflow:visible;/*그룹메뉴 너비, overflow:visible; 내용이 넘칠경우 영역을 밀어내며 표시됨 - 그외 여러옵션이 있음*/
height:<?=get_text($config[cf_menu_grouphsize])?>px;
padding:0 0 0 0;
border-width:0 0 0 0;
border-style:solid;
border-color:transparent;
background-color:transparent; /*배경투명*/
position:relative; top:0; left:0;
}
.group_subject { /*그룹제목 스타일*/
padding-top:0px;
color:silver;
font-weight:bold;
height:<?=get_text($config[cf_menu_grouphsize])?>px;
text-align:center;
cursor:pointer;
display:block;
}
.board { /*게시판 레이어 영역 z-index 상위 호출문서 에서 지정*/
border-width:2 2 2 2;
border-style:solid;
border-color:#ececec;
background-color:#ffffff;
padding:0 0 1 0;
visibility:hidden;
position:absolute; top:17; left:0;
}
.board_subject { /*게시판 제목 스타일*/
width:<?=get_text($config[cf_menu_boardwsize])?>px;
height:<?=get_text($config[cf_menu_boardhsize])?>px;
padding:6 0 2 10;
border-bottom-width:1;
border-bottom-color:#dddddd;
border-bottom-style:dotted;
display:block; /*포인터 영역 확대*/
}
a.block { /*게시판 제목 링크 스타일*/
width:100%; /*block 설정시 너비 빼먹으면 msie에서 안먹힘*/
height:100%;
display:block; /*포인터 영역 확대*/
}
a.on:link, a.on:visited, a.on:active { /*해당 그룹 강조*/
color:#222222;
font-weight:bold;
}
a.on:hover { /*마우스를 올렸을때 폰트 및 배경색상*/
background-color:transparent;
padding:0 0 0 0;
}
a.off:link, a.off:visited, a.off:active { /*일반 그룹*/
color:#ffffff;
}
a.off:hover { /*마우스를 올렸을때 폰트 및 배경색상*/
background-color:transparent;
padding:0 0 0 0;
}
</style>
시간 되시면 이 소스로 수정해주시면 안될까요~!
<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
/////////////////////////////////////////////////////////////////////
// FF,msie호환 그룹 및 게시판 자동메뉴 - 플록
// CSS로 구현 그룹 및 게시판의 수직,수평 배열의 융통성 확보
//global start
echo "<div id='global'>\n";
//접근가능그룹 여분필드 1 순서로 추출
$sql = " SELECT a.gr_id, a.gr_subject, a.gr_use_access, b.mb_id FROM $g4[group_table] AS a LEFT JOIN $g4[group_member_table] AS b ON a.gr_id = b.gr_id WHERE (b.mb_id = '$member[mb_id]' AND a.gr_use_access = '1' ) OR a.gr_use_access = '0' ORDER BY a.gr_1";
// 제외그룹설정 root님
// html , banner , guest 라는 그룹은 제외시킴
$sql = " select * from $g4[group_table] where gr_id not in ('html', 'banner', 'guest') order by gr_1";
$result = sql_query($sql);
for ($i=0; $row=sql_fetch_array($result); $i++){
//group
echo "<div id='group'>\n";
if ($row[gr_id] == $gr_id) {// 해당 그룹 스타일 및 링크
echo "<span class='group_subject' onmouseover=\"show('$row[gr_id]')\" onmouseout=\"hide('$row[gr_id]')\"><a href='$g4[bbs_path]/group.php?gr_id=$row[gr_id]' class='on' >$row[gr_subject]</a></span>\n";
} else { // 그외 그룹 스타일 및 링크
echo "<span class='group_subject' onmouseover=\"show('$row[gr_id]')\" onmouseout=\"hide('$row[gr_id]')\"><a href='$g4[bbs_path]/group.php?gr_id=$row[gr_id]' class='off' >$row[gr_subject]</a></span>\n";
}
//board
echo "<div id='$row[gr_id]' class='board' onmouseover=\"show('$row[gr_id]')\" onmouseout=\"hide('$row[gr_id]')\">\n";
//게시판 권한 설정 적용, 전체 검색사용에 체크된 게시판만 검색순서에 따라 추출
//$sql1 = " select bo_subject, bo_table from $g4[board_table] where (bo_list_level <= $member[mb_level]) and (gr_id = '$row[gr_id]') and bo_use_search = '1' order by bo_order_search";
$sql1 = " select bo_subject, bo_table from $g4[board_table] where (bo_list_level <= $member[mb_level]) and (gr_id = '$row[gr_id]') order by bo_order_search";
//제외보드설정
//$sql1 = " select * from $g4[board_table]
//where gr_id = '$row[gr_id]'
//and bo_table <> '제외보드1'
//and bo_table <> '제외보드2'
//order by bo_order_search ";
$result1 = sql_query($sql1);
for ($i1=0; $row1=sql_fetch_array($result1); $i1++) {
//해당 게시판일때 스타일 적용
if ($row1[bo_table] == $bo_table){
echo "<span class='board_subject'><a href='$g4[bbs_path]/board.php?bo_table=$row1[bo_table]' class='on'><img src='$g4[path]/include/mainmenu/img/icl1.gif' border=0>$row1[bo_subject]</a></span>\n";
}else{ //나머지 게시판의 스타일
echo "<span class='board_subject'><a href='$g4[bbs_path]/board.php?bo_table=$row1[bo_table]' class='block'><img src='$g4[path]/include/mainmenu/img/icl.gif' border=0>$row1[bo_subject]</a></span>\n";
}
}
echo "</div>\n"; //board end
echo "</div>\n"; //group end
}
echo "</div>\n"; // global menu end
echo "<div style='clear: both;'></div>"; // 메뉴끝 줄 바꿈, 겹치기 방지
?>
<script language="JavaScript">
function getObject(objectId) {
// checkW3C DOM, then MSIE 4, then NN 4. pearly님 공개 소스코드
if(document.getElementById && document.getElementById(objectId)) {
return document.getElementById(objectId);
}
else if (document.all && document.all(objectId)) {
return document.all(objectId);
}
else if (document.layers && document.layers[objectId]) {
return document.layers[objectId];
} else {
return false;
}
}
function show(id) {
getObject([id]).style.visibility="visible";
}
function hide(id) {
getObject([id]).style.visibility="hidden";
}
</script>
<style>
/*여기서부터 시각적인 부분에 대한 수정을 해봅니다.
아래 소스에서 float, width 처럼 파란색으로 보여지는 속성을 키워드로
CSS 도움말 파일(팁&강좌에 있음)에서 검색해보면서 해당속성에 대한 옵션을 익힙니다.*/
#global { /*전체메뉴 가장자리를 감싸는 영역*/
float:center;/*왼쪽정렬*/
width:100%;/*너비 필요시 300px 혹은 300 처럼 픽셀로 지정가능*/
height:<?=get_text($config[cf_menu_grouphsize])?>px;/*메뉴 전체높이*/
margin:0 0 0 0; /*외부여유 - 시계방향 top, right, bottom, left 공통*/
padding:0 0 0 0;/*내부여유*/
border-width:0 0 0 0;/*테두리 두께*/
border-style:solid;/*테두리 스타일 dotted등 여러 스타일을 줄수있음*/
border-color:transparent/*테두리 색상 #000000처럼 주어도 무방*/;
background-color:transparent/*배경 색상 마찬가지*/;
position:relative;/*absolute; top:22; left:0; 상대,절대위치 설정 - 이곳 메뉴에서는 그대로 두고 메뉴를 불러오는 문서에서 전체 위치를 잡아주면 됩니다*/
}
#group { /*그룹메뉴 영역- 그룹제목에 테두리를 주고싶다면 border-width:1 1 1 1; */
float:left;
width:<?=get_text($config[cf_menu_groupwsize])?>; overflow:visible;/*그룹메뉴 너비, overflow:visible; 내용이 넘칠경우 영역을 밀어내며 표시됨 - 그외 여러옵션이 있음*/
height:<?=get_text($config[cf_menu_grouphsize])?>px;
padding:0 0 0 0;
border-width:0 0 0 0;
border-style:solid;
border-color:transparent;
background-color:transparent; /*배경투명*/
position:relative; top:0; left:0;
}
.group_subject { /*그룹제목 스타일*/
padding-top:0px;
color:silver;
font-weight:bold;
height:<?=get_text($config[cf_menu_grouphsize])?>px;
text-align:center;
cursor:pointer;
display:block;
}
.board { /*게시판 레이어 영역 z-index 상위 호출문서 에서 지정*/
border-width:2 2 2 2;
border-style:solid;
border-color:#ececec;
background-color:#ffffff;
padding:0 0 1 0;
visibility:hidden;
position:absolute; top:17; left:0;
}
.board_subject { /*게시판 제목 스타일*/
width:<?=get_text($config[cf_menu_boardwsize])?>px;
height:<?=get_text($config[cf_menu_boardhsize])?>px;
padding:6 0 2 10;
border-bottom-width:1;
border-bottom-color:#dddddd;
border-bottom-style:dotted;
display:block; /*포인터 영역 확대*/
}
a.block { /*게시판 제목 링크 스타일*/
width:100%; /*block 설정시 너비 빼먹으면 msie에서 안먹힘*/
height:100%;
display:block; /*포인터 영역 확대*/
}
a.on:link, a.on:visited, a.on:active { /*해당 그룹 강조*/
color:#222222;
font-weight:bold;
}
a.on:hover { /*마우스를 올렸을때 폰트 및 배경색상*/
background-color:transparent;
padding:0 0 0 0;
}
a.off:link, a.off:visited, a.off:active { /*일반 그룹*/
color:#ffffff;
}
a.off:hover { /*마우스를 올렸을때 폰트 및 배경색상*/
background-color:transparent;
padding:0 0 0 0;
}
</style>
스크롤 압박이 있네요.
위 제 코멘트의 링크를 타고 오시는 분들이 계서서 몇자 적습니다.
ie6이하 버전에서 셀렉트박스 히든시키는 것과 관련된 메뉴는 아래 걸어두었으므로 참고하세요.
http://gnusr.com/g4/bbs/tb.php/skin/39
위 제 코멘트의 링크를 타고 오시는 분들이 계서서 몇자 적습니다.
ie6이하 버전에서 셀렉트박스 히든시키는 것과 관련된 메뉴는 아래 걸어두었으므로 참고하세요.
http://gnusr.com/g4/bbs/tb.php/skin/39
