활성화 페이지 좀 알려 주세요 급합니다. 정보
활성화 페이지 좀 알려 주세요 급합니다.첨부파일
본문
기본 값으로 A아이콘이 활성화 되어있고 마우스 롤오버시 활성화되면서 그아래 내용이 바뀝니다.
여가까진 했는데
index.html 에서 B아이콘을 클릭하면 b.html/?ck= 값이 전달되어 (이건 전달되더군요)
b.html 페이지의 B아이콘이 활성화 되고 그아래 B내용이 보여야 하는데,,,,,,,,B아이콘이 활성화 되지않습니다.
이문제로 거의 한달간 지나가네요. 좀 도와 주세요. 제가 PHP와 자바스크립트가 너무 약해서...
아무리 해봐도 않됩니다. 좀 해결을 부탁드립니다.
첨부 파일 올리고 이미지도 올립니다.
댓글 전체
방법은 여러가지인데, 메뉴가 리스트라는 가정하에 PHP를 쓴다면...
<ul id="menu-tabs" class="select-tab-<?php echo $_GET['ck']; ?>">
<li id="menu-tab-1"><a href="?ck=1">A</a></li>
<li id="menu-tab-2"><a href="?ck=2">B</a></li>
<li id="menu-tab-3"><a href="?ck=3">C</a></li>
<li id="menu-tab-4"><a href="?ck=4">D</a></li>
</ul>
CSS에서...
#menu-tabs li a {
/* 기본 */
}
#menu-tabs li a:hover {
/* 마우스 오버 */
}
#menu-tabs.select-tab-1 li#menu-tab-1 a,
#menu-tabs.select-tab-2 li#menu-tab-2 a,
#menu-tabs.select-tab-3 li#menu-tab-3 a,
#menu-tabs.select-tab-4 li#menu-tab-4 a {
/* 현재 위치 */
}
SCSS나 LESS 등을 쓰시면 더 깔끔하게 정리 가능합니다.
<ul id="menu-tabs" class="select-tab-<?php echo $_GET['ck']; ?>">
<li id="menu-tab-1"><a href="?ck=1">A</a></li>
<li id="menu-tab-2"><a href="?ck=2">B</a></li>
<li id="menu-tab-3"><a href="?ck=3">C</a></li>
<li id="menu-tab-4"><a href="?ck=4">D</a></li>
</ul>
CSS에서...
#menu-tabs li a {
/* 기본 */
}
#menu-tabs li a:hover {
/* 마우스 오버 */
}
#menu-tabs.select-tab-1 li#menu-tab-1 a,
#menu-tabs.select-tab-2 li#menu-tab-2 a,
#menu-tabs.select-tab-3 li#menu-tab-3 a,
#menu-tabs.select-tab-4 li#menu-tab-4 a {
/* 현재 위치 */
}
SCSS나 LESS 등을 쓰시면 더 깔끔하게 정리 가능합니다.
제가 올린 첨부 파일로 풀어 주셨으면 하는데요...
무조건 부탁하는게 아니고요, 제가 아무리 해도 않되서 올리는겁니다.
무조건 부탁하는게 아니고요, 제가 아무리 해도 않되서 올리는겁니다.
자문 자답입니다.
php 변수를 $_GET['변수'] 사용하여 페이지 인식 성공했습니다.
php 변수를 $_GET['변수'] 사용하여 페이지 인식 성공했습니다.