묻고답하기
메뉴 배경이미지 변경
2014.10.13 16:09
White Square layout 이용중입니다.
현재 페이지에 해당하는 메뉴의 배경이미지를 지정해주고 싶습니다.
각 메뉴에 연결되어있는 링크주소가 서로 다른 페이지주소여서
현재는 URL을 이용하여 배경이미지가 변하도록 소스를 수정하고 있습니다.
아래는 현재 수정중인 소스입니다.
자바스크립트 부분은
var d_url = document.location.href;
varCut = d_url.indexOf("="); // url에서 '=' 뒤의 값과 일치하는 id영역의 배경이미지를 변경할 것입니다.
varCheck = d_url.substring(varCut+1);
window.onload=function()
{
document.getElementById(varCheck).style.background = "url('../img/menu_color.png')";
// 페이지가 열리면 처음에 menu_white.png로 지정된 배경이미지가 menu_color.png로 변경되도록 할 것입니다.
}
html부분은
<li loop="$main_menu->list=>$key1,$val1" cond="$val1['selected']">
<ul loop="$val1['list']=>$key2,$val2" id="$varCheck"|cond="$val2['selected']">
<a href="{$val2['href']}" target="_blank"|cond="$val2['open_window']=='Y'">{$val2['link']}</a>
</ul>
</li>
XE사용도 처음이고, varCheck를 저렇게 id값으로 줄 수 있는지 알지못하여 질문을 올립니다.
위에처럼 작성하여 실행하였더니 변화없이 모든 메뉴의 배경이미지가 menu_white.png로 적용되어 보여집니다.
나중에 추가되는 메뉴도 동일한 이벤트가 발생해야되기 때문에 html부분은 id값만 수정되었으면 합니다.
저렇게 menu01페이지에서는 menu01의 배경이 변경되고
menu02페이지에서는 menu02의 배경이 변경되도록 하려면 어느 부분을 수정해야하는지 아시는 분이 계시면 댓글달아주시면 감사하겠습니다.
댓글 0
| 글쓴이 | 제목 | 최종 글 |
|---|---|---|
| XE | 공지 글 쓰기,삭제 운영방식 변경 공지 [16] | 2019.03.05 by 남기남 |
| 헤헤성 | 여러 사이트 포인트 동기화 작업! | |
| 카마또 |
회원정보 보기 페이지에서..
[3]
 | 2014.10.13 by 미소둘로 |
| 연세C |
사이트 메뉴 편집 오류
| |
| hmppark7 | Xe Core 쉬운설치 안됨 [1] | 2014.10.13 by 銀童 |
| Ola |
쉬운설치 Installed 탭
[1]
| 2014.10.13 by 銀童 |
| 짝사랑 | xe에 회원이 검색했던 로그 보는게 있나요? [1] | 2014.10.13 by Stellar |
| 아바인 | 제가 윈도우를 밀으려고하는데요 .. [1] | 2014.10.13 by 쿨럭이 |
| 쿨럭이 | 다른분들은 검색로붓 어떤걸 허용하나용?? [2] | 2014.10.13 by 쿨럭이 |
| guuu |
대댓글 작성시 확인버튼이 뜨질 않아요
[1]
| 2014.10.13 by 큰성565 |
| 잡순이 |
XE 버츄얼 호스팅 모듈 사용법 도와주세요!
[6]
| 2014.10.13 by 잡순이 |
| 라디오스테이션 | 소규모사이트의 기술지원을 도와주실분 있으신가요? | |
| 라칸 | 파비콘 삭제 및 변경 [1] | 2014.10.13 by Hello_XE |
| 후후후늬 | 게시판 익명으로 조작할때.. [2] | 2014.10.12 by 후후후늬 |
| 로즈1 | 사용자 DB ID와 비밀번호 [1] | 2014.10.12 by Hello_XE |
| 로즈1 | xe 세팅하다가 사용자 DB ID와 비밀번호가 뭔지요? [1] | 2014.10.12 by 퍼니엑스이 |
| KAPF123 | 분류에 따라 메일 발송 가능할까요?? | |
| 로즈1 | 제로보드와 그루보드 강의를 하루정도 해주실분 [1] | 2014.10.12 by lifeto |
| ljhw | 마인크래프트 상태위젯오류 | |
| lifeto | 로그인 위젯을 가장 앞으로 나오게 z-index [3] | 2014.10.12 by 휘즈 |
| 헬로피플 | 모듈을 만드는 중인데요 |