웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
간단한 점프메뉴(selecter)
2003.04.14 07:23
상단에 삽입...
<script language="JavaScript" type="text/JavaScript">
<!--
function go()
{if (document.selecter.select1.options
[document.selecter.select1.selectedIndex].value != "none")
{location = document.selecter.select1.options
[document.selecter.select1.selectedIndex].value
}
}
//-->
</script>
간단한 설명
select의 option내의 value값이 none 일 경우, 이동하지않습니다.
select의 option내의 value값이 경우, 해당페이지로 이동합니다.
여기서 select의 값은 value 값입니다.
그럼 본문에 출력은...
<form name="selecter">
<select name="select1" onchange="go()" >
<option value="http://nzeo.com">엔지오닷컴</option>
<option value="http://kr.yahoo.com">야후</option>
<option value="http://www.naver.com">야후</option>
</select>
</form>
음...onchange 이벤트를 이용해서 이동합니다.
조금만 수정하시면 버튼을 눌러서 이동하게도 할수 있습니다.
예를 들어
버튼 만들고 onclick="go();"만 넣어주시면 되는거조.
<script language="JavaScript" type="text/JavaScript">
<!--
function go()
{if (document.selecter.select1.options
[document.selecter.select1.selectedIndex].value != "none")
{location = document.selecter.select1.options
[document.selecter.select1.selectedIndex].value
}
}
//-->
</script>
간단한 설명
select의 option내의 value값이 none 일 경우, 이동하지않습니다.
select의 option내의 value값이 경우, 해당페이지로 이동합니다.
여기서 select의 값은 value 값입니다.
그럼 본문에 출력은...
<form name="selecter">
<select name="select1" onchange="go()" >
<option value="http://nzeo.com">엔지오닷컴</option>
<option value="http://kr.yahoo.com">야후</option>
<option value="http://www.naver.com">야후</option>
</select>
</form>
음...onchange 이벤트를 이용해서 이동합니다.
조금만 수정하시면 버튼을 눌러서 이동하게도 할수 있습니다.
예를 들어
버튼 만들고 onclick="go();"만 넣어주시면 되는거조.
댓글 14
-
박재현
2003.04.14 08:18
실행화면 : http://infoko.ce.ro -
특급잠수부
2003.04.14 22:27
태클은 아닙니다.
점프메뉴에서 선택만으로 이동하게 하려면
<select name=test onchange="javascript:location.replace(this.value);">
<option value="http://nzeo.com">엔지오닷컴</option>
<option value="http://kr.yahoo.com">야후</option>
<option value="http://www.naver.com">야후</option>
</select>
onchange를 이용하시면 일일히 눌러줄 필요없이 이동됩니다... -
박재현
2003.04.15 07:09
우와...이런방법도 있었구나....감사합니다....좋은거 배웠습니다. -
뒹굴리스트
2003.04.15 08:17
-
박재현
2003.04.15 18:03
ㅎㅎㅎ...
태그 복사하는 바람에...급조하는 바람에....엄청 큰 오타 냈습니다. 지성합니다... -
특급잠수부
2003.04.16 00:14
엇...저도 <option>부분은 복사하는 바람에 -_-
왜 못봤을꼬 -_-;; -
세죠위그이
2003.04.21 12:48
타겟을 지정하려면..? ^^; -
특급잠수부
2003.04.22 00:04
타겟이름.location.replace(this.value); -
배키♪
2003.04.26 01:11
핫! 세죠위그이님 좋은 질문입니다♡
제가 할 뻔 했는데 코멘트 읽다 보니 있군요^-^ㅎㅎ -
BIRDY™
2003.06.07 21:16
<style type="text/css">
<!--
select { font:9pt TTche,verdana,굴림; background-color:#ffccff;color:#000000; width:100px;}
option { font:9pt TTche,verdana,굴림; }
option.01 { background-color:#ff66cc;color:#000000; }
option.02 { background-color:#ff99cc;color:#000000; }
option.03 { background-color:#ffcccc;color:#000000; }
//-->
</style>
<script type="text/javascript">
<!--
function MM_jumpMenu(targ,selObj,restore){ //v3.1(?)
eval("window.open('"+selObj.options[selObj.selectedIndex].value+"','"+targ+"','')");
if (restore) selObj.selectedIndex=0; }
//-->
</script>
<form name="form1">
<select name="menu1" onChange="MM_jumpMenu('_blank',this,0)">
<option value="null" selected>선택하세요...</option>
<option class="01" value="http://birdy.na.fm">Birdy.na.fm</option>
<option class="02" value="http://birdy.zetyx.net">Birdy.zetyx.net</option>
<option class="03" value="http://birdy.uu.st">Birdy.uu.st</option>
</select>
</form> -
바다 愛
2003.12.12 13:39
오래된 글이라 답을 주실런지 모르겠습니다.
위에 소스에서 "선택하세요..." 요것도 빈페이지로 열리는데
안열리게 할려면 어떻게 해야하는지 궁굼합니다.
value를 빈걸로해도 안되는거 같은뎁쇼 !!! -
지영
2003.12.14 13:37
바다 愛님
저도 그거 때문에 엄청 고민이였는데 제가 실험해봤더니요. 맞는건진 모르겠는데 되긴 하더라구요. 조금이나마 도움이 되셨으면 하는 마음에 올립니다
<option selected>선택하세요...</option>
이렇게 했더니 다른거 선택했다가도 "선택하세요..." 이거 다시 누르더라도 빈페이지 안뜨고
아무런 변화 없던데요 -
바다 愛
2003.12.18 23:00
지영님
답해주셔서 고맙습니다.
근데 전 빈페이지가 뜨는군요 !! -
수견
2004.05.11 17:35
<form>
<select name="test" onChange="window.open(this.options[this.selectedIndex].value,'_self')">
<option>검색엔진
<option value="http://naver.com">네이버
<option value="http://empas.com">엠파스
<option value="http://kr.yahoo.com">야후코리아
<option>음악듣기
<option value="http://bugs.co.kr">벅스
</select>
</form>
-----------------------------------------------------------------
이렇게 하면 value값이 없는 항목은 이동되지 않습니당.^^
끝에 _self는 타겟 지정입니다.
그리고! 주의할건 현재 페이지에서 이동하려면 끝에 </option>으로 막지 마세요! 막은 다음부터 새창뜹니다; 쿨럭
헤매다 찾은거라 기쁜마음에 올려봅니당.:)
제목 | 글쓴이 | 날짜 |
---|---|---|
MS홈에 쓰이는 오른쪽메뉴 툴바 [13] | Kortion | 2003.02.22 |
슬라이딩 Layer ( 옆에 메뉴 보이시죠, 비슷꾸리한거 ) [8] | 이남두 | 2003.02.26 |
엔지오식 좌측이동메뉴 레이어 가운데기준정렬 [11] | 스티치 | 2003.03.29 |
간단한 점프메뉴(selecter) [14] | 박재현 | 2003.04.14 |
메뉴이동입니다. [5] | 데빌스텔스 | 2003.04.20 |
메뉴 옆에서 화살표가 스크롤되는.. [2] | 힘찬연못 | 2003.05.29 |
[스크립트]오른쪽 버튼 누르면 메뉴나오기^^ [1] | 처절초보 | 2003.06.16 |
[스크립트] 메뉴에 마우슬 데면 서브 메뉴가 나온다 [2] | 처절초보 | 2003.06.16 |
마우스 오른쪽 버튼 누르면 원하는 메뉴 뜨게 만들기(다른사이트) [3] | 김주형 | 2003.07.03 |
[수정]롤오버 메뉴에 하위 부메뉴 레이어..(아웃시 하위메뉴사라짐) [24] | 미니 | 2003.08.18 |
플레쉬 메뉴를 표방한..=ㅁ= 자바스크립트의 수작 버튼 밑으로 스크롤 되는 아이콘입니다. [47] | beMax | 2003.09.14 |
플래시느낌의 유동적인 메뉴 [9] | jabusim | 2003.11.13 |
오른버튼 누를때 메뉴 뜨게하기(깔끔버전) [5] | 럽 | 2003.12.09 |
화면 오른쪽 아래부분에 떠있는 메뉴 레이어(마우스 오버시 부메뉴 펼쳐짐) [7] | 봉팀장 | 2003.12.30 |
[초간단 자바스크립트!] 색깔바뀌는 메뉴 [3] | ∑Ztxy | 2004.01.19 |
[초간단 자바스크립트!] 서브메뉴 만들기...~ [11] | ∑Ztxy | 2004.03.10 |
허접한 풀다운 메뉴 소스입니다. (유용한 팁 일지는 모르겠네요.) [9] | tintintm | 2004.03.23 |
클릭하거나, 바탕을 더블클릭하면 나타나는 작은(크기조절가능) 메뉴 | ☺심심 | 2004.05.17 |
[StylishJAVA]레이어를 이용한 슬라이드 메뉴 [5] | ∑Ztxy | 2004.06.05 |
레이어 3 - 메뉴판때기. [1] | 미친개 | 2004.07.04 |