페이지 인식 도움좀 부탁합니다
본문
그누보드가 아니라 영카트5인데요.
vitamin님의 2단가로메뉴를 수정해서 영카트에 적용시키려고하는데요
메뉴랑 다 출력되는데..페이지인식인 안되네요
선탣된메뉴 배경색이 바뀌는것 같은데..안바뀌네요.
어디가 잘못된건가요.
<style>
#topmenu {height:73px;background:url('../skin/menu/shopTop/bg_topmenu.jpg') repeat-x 0 0; text-align:center;}
#topmenu .wrap {
position:relative;
height:73px;
overflow:hidden;
width:940px;
margin:0 auto;
}
#topmenu .wrap ul{position:relative;list-style:none;margin:0;padding:0;}
#topmenu .wrap ul:after{content:""; display:block; float:none; clear:both;}
#topmenu .wrap ul li{float:left;list-style:none;margin:0;padding:0;height:43px;}
#topmenu .wrap ul li.active{color:#000;background:#ffff00;border-radius:3px 3px 3px 3px;}
#topmenu .wrap ul li a{height:37px; display:block;cursor:pointer;text-decoration:none;padding:0 25px 5px 20px;color:#ffffff;font:normal 14px nanumgothic, dotum;letter-spacing:0px;display:inline-block;line-height:43px; font-weight:bold;} /* 1차메뉴 진하게 */
#topmenu .wrap ul li a:hover{color:#000;}
#topmenu .wrap ul li.active a {color:#000;}
#topmenu .wrap div.subMenuBox{display:none;position:absolute;left:0;top:43px; height:30px;margin:0;padding:0;filter:alpha(opacity=70);opacity:0.7;background:#000000;border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;}
#topmenu .wrap div.subMenuBox ul,#topmenu .wrap div.subMenuBox ul li{margin:0;padding:0;background:none}
#topmenu .wrap div.subMenuBox ul li {height:30px;}
#topmenu .wrap div.subMenuBox ul li a{margin:0;padding:0 12px;font:normal 11px dotum, dotum;letter-spacing:-1px;color:#e2ebe2;height:30px;line-height:32px;display:inline-block}
#topmenu .wrap div.subMenuBox ul li a:hover{color:#ffea00;}
#topmenu .wrap div.subMenuBox ul li a.active,#topmenu .wrap div.subMenuBox ul li a:active{color:#7afc00;}
#topmenu .wrap div.subMenuBox ul li.on a{text-decoration:underline;}
</style>
<nav id="topmenu">
<div class="wrap" id="Mmenu">
<ul>
<?php
$sql = "select ca_id, ca_name from {$g5['g5_shop_category_table']} where length(ca_id) = '2' and ca_use = '1' order by ca_id";
$result = sql_query($sql);
for ($gi=0; $row=sql_fetch_array($result); $gi++) { // gi 는 group index
?>
<li class="ok1" <?php if($row[ca_name]==$sca){echo "style='background:#F30'";}?>>
<a href="<?php echo G5_SHOP_URL.'/list.php?ca_id='.$row['ca_id']; ?>"><?php echo $row['ca_name']; ?></a>
<div class="subMenuBox"><ul>
<?php
$sql2 = " select ca_id, ca_name from {$g5['g5_shop_category_table']} where LENGTH(ca_id) = '4' and SUBSTRING(ca_id,1,2) = '{$row['ca_id']}' and ca_use = '1' order by ca_id ";
$result2 = sql_query($sql2);
for ($bi=0; $row2=sql_fetch_array($result2); $bi++) { // bi 는 board index
?>
<li><a href="<?php echo G5_SHOP_URL; ?>/list.php?ca_id=<?php echo $row2['ca_id']; ?>"><?php echo $row2['ca_name']; ?></a></li>
<?php } ?>
</ul></div>
<div class="clear"></div>
</li>
<?php } ?>
<?php if ($gi == 0) { ?><li class="gnb_empty">생성된 메뉴가 없습니다.</li><?php } ?>
#topmenu .wrap div.subMenuBox ul,#topmenu .wrap div.subMenuBox ul li{margin:0;padding:0;background:none}
#topmenu .wrap div.subMenuBox ul li {height:30px;}
#topmenu .wrap div.subMenuBox ul li a{margin:0;padding:0 12px;font:normal 11px dotum, dotum;letter-spacing:-1px;color:#e2ebe2;height:30px;line-height:32px;display:inline-block}
#topmenu .wrap div.subMenuBox ul li a:hover{color:#ffea00;}
#topmenu .wrap div.subMenuBox ul li a.active,#topmenu .wrap div.subMenuBox ul li a:active{color:#7afc00;}
#topmenu .wrap div.subMenuBox ul li.on a{text-decoration:underline;}
</style>
<nav id="topmenu">
<div class="wrap" id="Mmenu">
<ul>
<?php
$sql = "select ca_id, ca_name from {$g5['g5_shop_category_table']} where length(ca_id) = '2' and ca_use = '1' order by ca_id";
$result = sql_query($sql);
for ($gi=0; $row=sql_fetch_array($result); $gi++) { // gi 는 group index
?>
<li class="ok1" <?php if($row[ca_name]==$sca){echo "style='background:#F30'";}?>>
<a href="<?php echo G5_SHOP_URL.'/list.php?ca_id='.$row['ca_id']; ?>"><?php echo $row['ca_name']; ?></a>
<div class="subMenuBox"><ul>
<?php
$sql2 = " select ca_id, ca_name from {$g5['g5_shop_category_table']} where LENGTH(ca_id) = '4' and SUBSTRING(ca_id,1,2) = '{$row['ca_id']}' and ca_use = '1' order by ca_id ";
$result2 = sql_query($sql2);
for ($bi=0; $row2=sql_fetch_array($result2); $bi++) { // bi 는 board index
?>
<li><a href="<?php echo G5_SHOP_URL; ?>/list.php?ca_id=<?php echo $row2['ca_id']; ?>"><?php echo $row2['ca_name']; ?></a></li>
<?php } ?>
</ul></div>
<div class="clear"></div>
</li>
<?php } ?>
<?php if ($gi == 0) { ?><li class="gnb_empty">생성된 메뉴가 없습니다.</li><?php } ?>
</ul>
</div>
</nav>
</div>
</nav>
<script type="text/javascript">
jQuery(function($){
$.fn.Mmenu = function(options) {
var opts = $.extend(options);
var Mmenu = $(this);
var MmenuList = Mmenu.find('>ul>li');
var subMenuBox = Mmenu.find('.subMenuBox');
var subMenuBoxList = subMenuBox.find('>ul>li');
var menuwidth = $(this).width();
function showMenu() {
t = $(this).parent('li');
subwidth = t.find('.subMenuBox').width();
t = $(this).parent('li');
subwidth = t.find('.subMenuBox').width();
if (!t.hasClass('active')) {
MmenuList.removeClass('active');
t.addClass('active');
subMenuBox.hide();
if (t.position().left + t.find('.subMenuBox').width() > menuwidth) {
t.find('.subMenuBox').show().css({left:subwidth}).animate({left: (menuwidth - subwidth)-10}, 400);
} else {
t.find('.subMenuBox').show().css({left:subwidth}).animate( { left: t.position().left}, 400 );
}
}
}
MmenuList.removeClass('active');
t.addClass('active');
subMenuBox.hide();
if (t.position().left + t.find('.subMenuBox').width() > menuwidth) {
t.find('.subMenuBox').show().css({left:subwidth}).animate({left: (menuwidth - subwidth)-10}, 400);
} else {
t.find('.subMenuBox').show().css({left:subwidth}).animate( { left: t.position().left}, 400 );
}
}
}
function hideMenu() {
MmenuList.removeClass('active');
subMenuBox.hide();
activeMenu();
}
MmenuList.removeClass('active');
subMenuBox.hide();
activeMenu();
}
function activeMenu() {
if(opts.ok1) {
t = MmenuList.eq(opts.ok1-1);
subwidth = t.find('.subMenuBox').width();
t.addClass('active');
if (t.position().left + t.find('.subMenuBox').width() > menuwidth) {
t.find('.subMenuBox').show().css({left:subwidth}).animate({left: (menuwidth - subwidth)-10}, 400);
} else {
t.find('.subMenuBox').show().css({left:subwidth}).animate( { left: t.position().left}, 400 );
}
}
}
if(opts.ok1) {
t = MmenuList.eq(opts.ok1-1);
subwidth = t.find('.subMenuBox').width();
t.addClass('active');
if (t.position().left + t.find('.subMenuBox').width() > menuwidth) {
t.find('.subMenuBox').show().css({left:subwidth}).animate({left: (menuwidth - subwidth)-10}, 400);
} else {
t.find('.subMenuBox').show().css({left:subwidth}).animate( { left: t.position().left}, 400 );
}
}
}
return this.each(function() {
activeMenu();
MmenuList.find('>a').mouseover(showMenu).focus(showMenu);
Mmenu.mouseleave(hideMenu);
});
}
});
</script>
activeMenu();
MmenuList.find('>a').mouseover(showMenu).focus(showMenu);
Mmenu.mouseleave(hideMenu);
});
}
});
</script>
<script type="text/javascript">
$(document).ready(function(){
$('#topmenu .wrap').Mmenu({ ok1: 0 });
});
$(document).ready(function(){
$('#topmenu .wrap').Mmenu({ ok1: 0 });
});
$('div.menubg a').click(function(){
var bgBgCol = jQuery(this).attr('href');
var menuHeight = jQuery(this).attr('mheight');
$('div.menubg a').removeClass('current');
$(this).addClass('current');
$('#topmenu,,.wrap,#topmenu a.active,#mainmenu li.ok1').height(menuHeight);
$('#topmenu .wrap').height(menuHeight + 30);
$('#topmenu .wrap div.subMenuBox').css({top:menuHeight+'px'}).height(30);
$('#menubgVal').val(bgBgCol);
$('#topmenuHeight').val(menuHeight);
return false;
});
</script>
$('#topmenu .wrap div.subMenuBox').css({top:menuHeight+'px'}).height(30);
$('#menubgVal').val(bgBgCol);
$('#topmenuHeight').val(menuHeight);
return false;
});
</script>
답변 2
아 오버시 색상들어가는게 아니라 페이지들어갓을때 그 페이지 유지색요;;;;;
<li class="ok1 <?php if($row[ca_id] == $row[ca_name]) { echo "meok"; }else{ echo ""; } ?>" <?php if($row[ca_name]==$row[ca_id]){echo "style='background:#F30'";}?>>
하시고
<style>
#topmenu {height:73px;background:url('../skin/menu/shopTop/bg_topmenu.jpg') repeat-x 0 0; text-align:center;}
#topmenu .wrap {
position:relative;
height:73px;
overflow:hidden;
width:940px;
margin:0 auto;
}
#topmenu .wrap ul{position:relative;list-style:none;margin:0;padding:0;}
#topmenu .wrap ul:after{content:""; display:block; float:none; clear:both;}
#topmenu .wrap ul li{float:left;list-style:none;margin:0;padding:0;height:43px;}
#topmenu .wrap ul li.active{color:#000;background:#ffff00;border-radius:3px 3px 3px 3px;}
#topmenu .wrap ul li a{height:37px; display:block;cursor:pointer;text-decoration:none;padding:0 25px 5px 20px;color:#ffffff;font:normal 14px nanumgothic, dotum;letter-spacing:0px;display:inline-block;line-height:43px; font-weight:bold;}
#topmenu .wrap ul li a:hover{color:#000;}
#topmenu .wrap ul li.active a {color:#000;}
#topmenu {height:73px;background:url('../skin/menu/shopTop/bg_topmenu.jpg') repeat-x 0 0; text-align:center;}
#topmenu .wrap {
position:relative;
height:73px;
overflow:hidden;
width:940px;
margin:0 auto;
}
#topmenu .wrap ul{position:relative;list-style:none;margin:0;padding:0;}
#topmenu .wrap ul:after{content:""; display:block; float:none; clear:both;}
#topmenu .wrap ul li{float:left;list-style:none;margin:0;padding:0;height:43px;}
#topmenu .wrap ul li.active{color:#000;background:#ffff00;border-radius:3px 3px 3px 3px;}
#topmenu .wrap ul li a{height:37px; display:block;cursor:pointer;text-decoration:none;padding:0 25px 5px 20px;color:#ffffff;font:normal 14px nanumgothic, dotum;letter-spacing:0px;display:inline-block;line-height:43px; font-weight:bold;}
#topmenu .wrap ul li a:hover{color:#000;}
#topmenu .wrap ul li.active a {color:#000;}
#topmenu .wrap div.subMenuBox{display:none;position:absolute;left:0;top:43px; height:30px;margin:0;padding:0;filter:alpha(opacity=70);opacity:0.7;background:#000000;border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;}
#topmenu .wrap div.subMenuBox ul,#topmenu .wrap div.subMenuBox ul li{margin:0;padding:0;background:none}
#topmenu .wrap div.subMenuBox ul li {height:30px;}
#topmenu .wrap div.subMenuBox ul li a{margin:0;padding:0 12px;font:normal 11px dotum, dotum;letter-spacing:-1px;color:#e2ebe2;height:30px;line-height:32px;display:inline-block}
#topmenu .wrap div.subMenuBox ul li a:hover{color:#ffea00;}
#topmenu .wrap div.subMenuBox ul li a.active,#topmenu .wrap div.subMenuBox ul li a:active{color:#7afc00;}
#topmenu .wrap div.subMenuBox ul li.on a{text-decoration:underline;}
#topmenu .wrap div.subMenuBox ul,#topmenu .wrap div.subMenuBox ul li{margin:0;padding:0;background:none}
#topmenu .wrap div.subMenuBox ul li {height:30px;}
#topmenu .wrap div.subMenuBox ul li a{margin:0;padding:0 12px;font:normal 11px dotum, dotum;letter-spacing:-1px;color:#e2ebe2;height:30px;line-height:32px;display:inline-block}
#topmenu .wrap div.subMenuBox ul li a:hover{color:#ffea00;}
#topmenu .wrap div.subMenuBox ul li a.active,#topmenu .wrap div.subMenuBox ul li a:active{color:#7afc00;}
#topmenu .wrap div.subMenuBox ul li.on a{text-decoration:underline;}
#topmenu .wrap div.subMenuBox ul li meok {background:#F30;}
</style>
</style>
밑에 답?을 달아드렷는데 제가 그누4하고 헤깔려서
<li class="ok1" <?php if($row[ca_name]==$row[ca_id]){echo "style='background:#F30'";}?>>
이렇게 한번 해보세요.
답변을 작성하시기 전에 로그인 해주세요.