묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
펼침목록메뉴 질문드립니다.
2007.03.22 20:40
홈페이지 메뉴를 펼침목록으로 만들려고 하는데요.
노프레임이면 페이지가 변하면서 펼침목록의 선택이 풀리고 다시 원래 자리로 돌아가잖아요.
그런데 문제는 아이프레임을 이용한 홈페이지라 원하는 페이지에 내용이 바뀌어도 메뉴가 있는 페이지는
변화가 없기 때문에 메뉴가 계속 선택되어 있습니다. 그렇게 되면 마우스 휠이라도 움직여버리면
페이지가 마구 변하게 되죠. 그래서 찾아보니 아래 소스처럼 펼침목록으로 원하는 페이지를 지정 한 후
옆에 GO! 버튼을 눌러 이동하는 식이 있더군요. 버튼을 누름으로서 선택되어있던 펼침목록 해제되는거죠.
처음 자리로 돌아오지는 못해도 휠돌아갈 걱정은 안해도 된다고 생각해서 좋아했습니다.
그런데 문제는 타겟지정입니다. 초보라 어디를 손봐야할지 모르겠네요. 보통 타겟설정하듯 해봐도 안되고...
아래는 원본 소스입니다. 제대로 작동은 됩니다. 전체 페이지가 변해서 그렇지...
<script language="javascript">
<!--
function gothere(){
var thebox=document.mycombowopt
if (thebox.windowoption.checked){
if (!window.newwindow)
newwindow=window.open("")
newwindow.location=
thebox.example.options[thebox.example.selectedIndex].value
}
else
location=
thebox.example.options[thebox.example.selectedIndex].value
}
//-->
</script>
<form name="mycombowopt">
<select name="example" size=1>
<option value="이동할 경로">내용</option>
<option value="이동할 경로">내용</option>
</select>
<input type="button" value="Go!" onClick="gothere()"><br><br>
<input type="checkbox" name="windowoption" value="ON">새창으로 띄우기
</form>
그리고 가장 아래에 체크박스로 새창으로 띄우는 것은 필요가 없는 부분인데 역시 무엇을 지워야 할지 몰라서...
고수님들 많은 조언 부탁드립니다.
그럼 즐거운 하루 되세요.^^
노프레임이면 페이지가 변하면서 펼침목록의 선택이 풀리고 다시 원래 자리로 돌아가잖아요.
그런데 문제는 아이프레임을 이용한 홈페이지라 원하는 페이지에 내용이 바뀌어도 메뉴가 있는 페이지는
변화가 없기 때문에 메뉴가 계속 선택되어 있습니다. 그렇게 되면 마우스 휠이라도 움직여버리면
페이지가 마구 변하게 되죠. 그래서 찾아보니 아래 소스처럼 펼침목록으로 원하는 페이지를 지정 한 후
옆에 GO! 버튼을 눌러 이동하는 식이 있더군요. 버튼을 누름으로서 선택되어있던 펼침목록 해제되는거죠.
처음 자리로 돌아오지는 못해도 휠돌아갈 걱정은 안해도 된다고 생각해서 좋아했습니다.
그런데 문제는 타겟지정입니다. 초보라 어디를 손봐야할지 모르겠네요. 보통 타겟설정하듯 해봐도 안되고...
아래는 원본 소스입니다. 제대로 작동은 됩니다. 전체 페이지가 변해서 그렇지...
<script language="javascript">
<!--
function gothere(){
var thebox=document.mycombowopt
if (thebox.windowoption.checked){
if (!window.newwindow)
newwindow=window.open("")
newwindow.location=
thebox.example.options[thebox.example.selectedIndex].value
}
else
location=
thebox.example.options[thebox.example.selectedIndex].value
}
//-->
</script>
<form name="mycombowopt">
<select name="example" size=1>
<option value="이동할 경로">내용</option>
<option value="이동할 경로">내용</option>
</select>
<input type="button" value="Go!" onClick="gothere()"><br><br>
<input type="checkbox" name="windowoption" value="ON">새창으로 띄우기
</form>
그리고 가장 아래에 체크박스로 새창으로 띄우는 것은 필요가 없는 부분인데 역시 무엇을 지워야 할지 몰라서...
고수님들 많은 조언 부탁드립니다.
그럼 즐거운 하루 되세요.^^
댓글 2
-
김연
2007.03.23 03:59
-
강원
2007.03.23 14:15
답변 감사합니다.
그런데 제가 말주변이 없어서 그런지 질문내용이 잘못 전달된 듯 합니다.
다시 그림 첨부해서 질문글 올리겠습니다.
그럼 좋은하루 되세요. ^^
<html>
</head>
<script language="javascript">
<!--
function gothere(){
var goURL = document.getElementById('example').options[document.getElementById('example').selectedIndex].value;
if(goURL != 'no') {
Tframe.location.href = goURL;
document.getElementsByTagName('body').item(0).focus();
}
}
//-->
</script>
</head>
<body>
<select id="example" onChange='gothere()'>
<option value='no'>메뉴</option>
<option value="a.html">메뉴1</option>
<option value="b.html">메뉴2</option>
</select>
<iframe id='Tframe' src=''></iframe>
</body>
</html>