Select를 이용한 창 열기 이렇게 간단할 수 가!
제 홈피에 걸린 링크가 산만하다 싶기에 간소하게 만들려고 그 방법을 찾는 중에 Select를 이용해 새 창을 여는 공식 찾았답니다.
너무도 간단하더군요.
제가 만났던 사이트가 이거와 똑같지는 않았지만, 살짝 틀어서 이렇게 꾸며 봅니다.
제 홈피를 수선하기 전에 미리 여러분께 공개하네요.
소스입니다.
마우스 긁어 복사해다가 확인해 보십시오!
참고로 제가 아이라고 쓴 말은 실은 아이프레임을 뜻합니다.
애초엔 거기에 '구글코리아'나 '야후코리아'가 열게끔 짰었는데 놈들은 아이프레임에서는 에러를 뿜더군요.
그래서 대체한 것이 오란씨와 파란이니까 참조하시길…
--- 웹 문서 소스입니다. -
<HTML><HEAD>
<TITLE>Select를 이용한 인터넷 창 열기</TITLE>
<BODY bgcolor='#FFFF77'>
<center>
<P>새 창으로 열기
<select onchange="window.open(this.value,'_blank')">
<option selected>새창으로 열기</option>
<option value="http://www.google.co.kr/">구글코리아</option>
<option value="http://www.naver.com/">네이버</option>
<option value="http://www.daum.net/">다음</option>
<option value="http://www.paran.com/">파란</option>
</select></P>
<P>현재 창에 열기
<select onchange="location=this.value">
<option value="Selector.htm">현재 창에 열기</option>
<option value="http://www.google.co.kr/">구글코리아</option>
<option value="http://www.naver.com/">네이버</option>
<option value="http://www.daum.net/">다음</option>
<option value="http://www.paran.com/">파란</option>
</select></P>
<P>아이 창으로 열기
<select onchange="window.open(this.value,'DS')">
<option selected>아이 창으로 열기</option>
<option value="http://www.naver.com/">네이버</option>
<option value="http://www.daum.net/">다음</option>
<option value="http://www.oranc.co.kr/">오란씨</option>
<option value="http://www.paran.com/">파란</option>
</select></P>
<IFRAME width='500' height='250' name='DS' scrolling='1' marginwidth='0' marginheight='0'></IFRAME>
</center>
</BODY></HTML>
앗! 다 써놓고서 다시 훑으니까 보이네요.
태그 중에 가운데 부분에서 '현재 창에 열기' 속에는 이런 태그가 있습니다.
- <option value="Selector.htm">현재 창에 열기</option> -
여기서 'Selector.htm'이 뭔고 하니 바로 이 문서의 이름이지요.
현재 창에 열기를 선택하면 에러가 나니까 바로 자신을 열게끔 문서 자신의 이름을 넣어버린 겁니다.
여러분! 다 쓰고서 나중에 다시 올리게 되어 죄송하네요.
오늘의 정보가 여러분의 홈피 상식에 조금이라도 보탬이 되기를 바랍니다.
'내 마음 오로지' 카테고리의 다른 글
| 빗소리, 파도소리, 짬뽕 소리 (0) | 2012.03.17 |
|---|---|
| 추억의 파도소리 (0) | 2012.03.17 |
| 이 나라 정권 실세가 물 위력 알기를 동네 개똥만도 못 했구나! (0) | 2012.03.16 |
| 와~ 컴퓨터랑 무승부다! (0) | 2012.03.15 |
| 설레는 마음 (0) | 2012.03.15 |
