묻고답하기
현재 메뉴를 강조하려고 하는데요
2014.05.03 00:01
※ 홈페이지 제작 생초보입니다. 설명이 부족하더라도 너그럽게 이해해주시 바랍니다.
프레임을 나눠서 홈페이지를 만드는 걸 연습하고 있습니다.
좌측은 left.htm이라고 하고 우측을 main.html이라고 합니다.
index.html에는 단순화하면 아래와 같이 되어 있고요
<frameset cols="200,*">
<frame src="left.html" name="left">
<frame src="main.html" name="main">
</frameset>
left.html에는 아래와 같이 되어 있다고 합시다.
<ul>
<li><a href="http://www.daum.net" target="main">DAUM</a></li>
<li><a href="http://www.naver.com" target="main">NAVER</a></li>
</ul>
좌측에서 'DAUM'을 클릭하면 우측 프레임에 다음 웹페이지가 나오고 'NAVER'를 클릭하면 네이버 웹페이지가 나오는 식입니다. 아주 간단하죠?
CSS를 적용해서 DAUM과 NAVER 텍스트는 검정색으로 되어 있다고 합시다.
문제는 'DAUM' 페이지를 열었을 땐 좌측의 'DAUM'의 검정색 텍스트가 빨간색으로 고정이 되어 있고
'NAVER' 페이지를 열었을 땐 'NAVER' 텍스트가 빨간색으로 고정이 되어 있도록 하려고 합니다.
아래와 같은 식입니다. 아래는 'DAUM'을 클릭했을 경우구요. css에서 on 클래스는 빨간색 텍스트로 물론 따로 정의해두고요.
<li class="on"><a href="http://www.daum.net" target="main">DAUM</a></li>
<li><a href="http://www.naver.com" target="main">NAVER</a></li>
문제는 자동으로 해당 텍스트를 클릭했을 때 class="on" 이런식의 문구가 달리게 하는 법인데 잘 안되더라구요. 찾아보니 php를 이용하는 거 같기도 하고.
위와 같은 예제에서 제 의도를 적용 하려면 어떻게 더 해야 하는지 좀 알려주시면 감사하겠습니다.
프레임을 나눠서 홈페이지를 만드는 걸 연습하고 있습니다.
좌측은 left.htm이라고 하고 우측을 main.html이라고 합니다.
index.html에는 단순화하면 아래와 같이 되어 있고요
<frameset cols="200,*">
<frame src="left.html" name="left">
<frame src="main.html" name="main">
</frameset>
left.html에는 아래와 같이 되어 있다고 합시다.
<ul>
<li><a href="http://www.daum.net" target="main">DAUM</a></li>
<li><a href="http://www.naver.com" target="main">NAVER</a></li>
</ul>
좌측에서 'DAUM'을 클릭하면 우측 프레임에 다음 웹페이지가 나오고 'NAVER'를 클릭하면 네이버 웹페이지가 나오는 식입니다. 아주 간단하죠?
CSS를 적용해서 DAUM과 NAVER 텍스트는 검정색으로 되어 있다고 합시다.
문제는 'DAUM' 페이지를 열었을 땐 좌측의 'DAUM'의 검정색 텍스트가 빨간색으로 고정이 되어 있고
'NAVER' 페이지를 열었을 땐 'NAVER' 텍스트가 빨간색으로 고정이 되어 있도록 하려고 합니다.
아래와 같은 식입니다. 아래는 'DAUM'을 클릭했을 경우구요. css에서 on 클래스는 빨간색 텍스트로 물론 따로 정의해두고요.
<li class="on"><a href="http://www.daum.net" target="main">DAUM</a></li>
<li><a href="http://www.naver.com" target="main">NAVER</a></li>
문제는 자동으로 해당 텍스트를 클릭했을 때 class="on" 이런식의 문구가 달리게 하는 법인데 잘 안되더라구요. 찾아보니 php를 이용하는 거 같기도 하고.
위와 같은 예제에서 제 의도를 적용 하려면 어떻게 더 해야 하는지 좀 알려주시면 감사하겠습니다.
댓글 2
-
#혼마 메이코
2014.05.03 00:30
-
#혼마 메이코
2014.05.03 00:33
프레임에서는 잘 모르겠습니다. 프레임에선 아마 자바스크립트를 쓰셔야 할 듯
<a (중략) onclick="">식으로 하시면 될듯...
{@ $idx = 1 }
<!--@foreach($menu_1st['list'] as $key => $val)-->
<!--@if($val['link'])-->
<li <!--@if($val['selected'])-->class="on"<!--@end-->><a (중략)>
{@$idx++}
<!--@end-->
<!--@endforeach-->