선택한 메뉴 백그라운드 색상 변경 채택완료
</p><p> <?php</p><p> if($co_id) $sql = " select * from {$g5['menu_table']} where me_link like '%$co_id' and length(me_code) = '4' "; // 페이지</p><p> else $sql = " select * from {$g5['menu_table']} where me_link like '%$bo_table' and length(me_code) = '4' "; // 게시판</p><p> $row = sql_fetch($sql);</p><p> $me_name = $row['me_name']; // 현재 페이지 타이틀</p><p> $me_gr_code = substr($row['me_code'],0,2); // 메뉴 그룹 코드</p><p> $sql = " select * from {$g5['menu_table']} where me_code = '$me_gr_code' ";</p><p> $row = sql_fetch($sql); //결과가 1행일 때</p><p> $me_gr_name = $row['me_name']; // 메뉴 그룹 타이틀</p><p> ?></p><p> <div id="aside"></p><p> <dl></p><p> <dt><h3><?php echo $me_gr_name ?></h3></dt></p><p> <?php</p><p> $sql = " select * from {$g5['menu_table']} where me_code like '$me_gr_code%' and length(me_code) = '4' order by me_code ";</p><p> $result = sql_query($sql);</p><p> </p><p> for ($bi=0; $row=sql_fetch_array($result); $bi++) { // bi 는 board index</p><p> ?></p><p> <dd><a href="<?php echo $row['me_link'] ?>"><?php echo $row['me_name']?></a></dd></p><p> <?php } ?></p><p> </dl></p><p> </div></p><p>
위 코드를 이용해서 사이드 메뉴를 이용중인데요
선택한 메뉴에 따라 background 컬러가 변경되게 할 수 없을까요?
요런식으로용...
답변 3개
~~이렇게 하시면 되겠습니다~~
</p><p>// 20번째 줄.....수정</p><p><dd></p><p><span style="font-size: 11pt; line-height: 1.5;"> <a href="<?php echo $row['me_link'] ?>" class="_menus_"></span><span style="font-size: 11pt; line-height: 1.5;"><?php echo $row['me_name']?><</span><span style="font-size: 11pt; line-height: 1.5;">/a></span></p><p></dd></p><p>
</p><p><script></p><p><span style="font-size: 11pt; line-height: 1.5;">// 백그라운드 변경하는 자바스크립트 추가</span> </p><p>window.onload = function(){</p><p> var link = window.location.href;</p><p> var cMenu = document.getElementsByClassName("_menus_");</p><p> for(var i=0; i < cMenu.length; i++){</p><p> var url = cMenu[i].href;</p><p> if(link != url) continue;</p><p> cMenu[i].parentElement.style.background = "#f3f3f3";</p><p> break;</p><p> }</p><p>};</p><p></script></p><p>답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
</p><p>// 20번째 줄.....수정</p><p><dd></p><p> <a href="<?php echo $row['me_link'] ?>#<?php echo $row['me_name']?>" class="_menus_"></p><p> <?php echo $row['me_name']?></p><p> </a></p><p></dd></p><p><span style="font-size: 11pt; line-height: 1.5;">
</span></p><p><span style="font-size: 11pt; line-height: 1.5;">// 백그라운드 변경하는 자바스크립트 추가</span></p><p><span style="font-size: 11pt; line-height: 1.5;"><script></span></p><p><span style="font-size: 11pt; line-height: 1.5;">window.onload = function(){</span> </p><p><span style="font-size: 11pt; line-height: 1.5;"> if(!window.location.hash) return;</span></p><p><span style="font-size: 11pt; line-height: 1.5;"> var menu_name = window.location.hash;</span></p><p><span style="font-size: 11pt; line-height: 1.5;"> var cMenu = document.getElementsByClassName("_menus_");</span></p><p><span style="font-size: 11pt; line-height: 1.5;"> for(var i=0; i < cMenu.length; i++){</span></p><p><span style="font-size: 11pt; line-height: 1.5;"> var url = cMenu[i].href;</span></p><p><span style="font-size: 11pt; line-height: 1.5;"> var hash = url.substring( url.indexOf('#')+1 );</span></p><p><span style="font-size: 14.6667px;"> if(hash !== menu_name) continue;</span><span style="font-size: 11pt; line-height: 1.5;"> </span></p><p><span style="font-size: 14.6667px;"> //선택된 메뉴의 색상변경</span><span style="font-size: 11pt; line-height: 1.5;"> </span></p><p><span style="font-size: 11pt; line-height: 1.5;"> cMenu[i].parentElement.style.background = "#f3f3f3";</span></p><p><span style="font-size: 11pt; line-height: 1.5;"> }</span></p><p><span style="font-size: 11pt; line-height: 1.5;">};</span></p><p><span style="font-size: 11pt; line-height: 1.5;"></script></span></p><p><span style="font-size: 11pt; line-height: 1.5;">
답변에 대한 댓글 1개
[code]
<div id="aside">
<dl>
<dt><h3><?php echo $me_gr_name ?></h3></dt>
<?php
$sql = " select * from {$g5['menu_table']} where me_code like '$me_gr_code%' and length(me_code) = '4' order by me_code ";
$result = sql_query($sql);
for ($bi=0; $row=sql_fetch_array($result); $bi++) { // bi 는 board index
?>
<dd><a href="<?php echo $row['me_link'] ?>#<?php echo $row['me_name']?>" class="_menus_"><?php echo $row['me_name']?></a></dd>
<?php } ?>
</dl>
</div>
<script>
window.onload = function(){
if(!window.location.hash) return;
var menu_name = window.location.hash;
var cMenu = document.getElementsByClassName("_menus_");
for(var i=0; i < cMenu.length; i++){
var url = cMenu[i].href;
var hash = url.substring( url.indexOf('#')+1 );
if(hash !== menu_name) continue;
//선택된 메뉴의 색상변경
cMenu[i].parentElement.style.background = "#f3f3f3";
}
};
</script>
[/code]
근데 제가 뭔갈 잘 못한걸까요.. 작동이 되지않네용 ㅠㅠ
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인