웹마스터 팁
[re] select form 으로 새 창 띄우기(간단버전)
2003.01.27 13:26
한페이지에 하나가 아닌 여러개를 동시에 사용코자 할때 아래와같이 하세요.
해더에 아무런 자바 스크립트 안들어가고 바로 바디에 적용사례 입니다.
[다중 풀다운메뉴]
<SELECT onchange="window.open(this.options[this.selectedIndex].value,'타겟지정')" size=1 name=셀렉트 번호부여>
[작은 새창으로 띄울시]-공지창과 같은,,,
<SELECT onchange="window.open(this.options[this.selectedIndex].value,'blank'+ ','width=600,height=500,scrollbars=no,resizable=no,location=no')" size=1 name=셀렉트 번호부여>
[실제 사용예제]
</head>
<body>
<SELECT onchange="window.open(this.options[this.selectedIndex].value,'blank')" size=1 name=search1>
<option selected>웹팁관련</option>
<option value="홈페이지 주소URL">신의키스</option>
</select>
<SELECT onchange="window.open(this.options[this.selectedIndex].value,'main')" size=1 name=search2>
<option selected>계정관련</option>
<option value="홈페이지 주소URL">나야나</option>
</select>
<SELECT onchange="window.open(this.options[this.selectedIndex].value,'main')" size=1 name=search3>
<option selected>음악관련</option>
<option value="홈페이지 주소URL">벅스뮤직</option>
</select>
[작은새창 띄울때]
<SELECT onchange="window.open(this.options[this.selectedIndex].value,'blank','width=600,height=500,scrollbars=no,resizable=no,location=no')" size=1 name=search4>
<option selected>상식관련</option>
<option value="웹페이지 주소URL">생활상식</option>
</select>
</body>
해더에 아무런 자바 스크립트 안들어가고 바로 바디에 적용사례 입니다.
[다중 풀다운메뉴]
<SELECT onchange="window.open(this.options[this.selectedIndex].value,'타겟지정')" size=1 name=셀렉트 번호부여>
[작은 새창으로 띄울시]-공지창과 같은,,,
<SELECT onchange="window.open(this.options[this.selectedIndex].value,'blank'+ ','width=600,height=500,scrollbars=no,resizable=no,location=no')" size=1 name=셀렉트 번호부여>
[실제 사용예제]
</head>
<body>
<SELECT onchange="window.open(this.options[this.selectedIndex].value,'blank')" size=1 name=search1>
<option selected>웹팁관련</option>
<option value="홈페이지 주소URL">신의키스</option>
</select>
<SELECT onchange="window.open(this.options[this.selectedIndex].value,'main')" size=1 name=search2>
<option selected>계정관련</option>
<option value="홈페이지 주소URL">나야나</option>
</select>
<SELECT onchange="window.open(this.options[this.selectedIndex].value,'main')" size=1 name=search3>
<option selected>음악관련</option>
<option value="홈페이지 주소URL">벅스뮤직</option>
</select>
[작은새창 띄울때]
<SELECT onchange="window.open(this.options[this.selectedIndex].value,'blank','width=600,height=500,scrollbars=no,resizable=no,location=no')" size=1 name=search4>
<option selected>상식관련</option>
<option value="웹페이지 주소URL">생활상식</option>
</select>
</body>
댓글 3
-
서버공부중
2003.01.27 16:05
오웃.. 정말 간단하군요..^_^ -
메트론
2003.01.29 21:50
제가 눈 꼽아 찾던... ^____^ 넘 감사해요.. -
당근당근
2003.02.04 18:29
네, 정말 간단하죠...
제가 올렸던 건 option 이 늘어날 때 소스가 깔끔해지기 위한 것이니까요. ^^
