[짜맞추기] 윈도우 - 메뉴 선택 이동

1999. 2. 15. 오후 2:06:33

글자

안녕하십니까. 신재민 제노입니다.

 

요즘 제가 게시하는 자바스크립트가 별로 신통치 않은가 봅니다.

읽는 사람이 2명에서 3명 정도 뿐이네요.

한 번 잏어버린 이미지는 회복하기가 쉬운일이 아닌데,

만약 저의 성의 부족 때문이라면 어떻하죠? 죄송하네요.

 

이유야 어떻든 간에 전 나름대로 최선을 다하고 있습니다.

아직도 메뉴에 대한 괜찮은 스크립트를 찾아서 돌아다닙니다.

누군가가 질문을 하셨는데 속 시원한 대답을 듣지는 못하신 걸로 알고 있습니다.

그리고 또 다른 분께서 사용자 로그온에 대한 질문도 하셨는데

그건 능력 부족으로 인해서 좀 힘들겠네요.

찾아낸다면 모르겠지만 제가 직접 스크립트를 만드는 수준의 사람은 아니거든요.

 

아무튼 이 모든 스크립트가 어려분에게 적지 않은 경험이 되기를 바라는 마음은 그지 없습니다.

 

오늘은 조그마한 프레임에 몇 개의 메뉴를 보여주고

그것들 중에 한개를 선택하게 한 후 버튼을 누르면

미리 설정되어 있는 사이트로 이동하는,

그리고 선택을 하면 약간의 악세사리가 보이는 스크립트입니다.

 

그리 복잡하지는 않습니다.

 

소스에서

 

<option> Good News  

<option> Kornet     

<option> Shinbiro   

<option> Nownuri    

<option> Unitel     

<option> Mail to me

 

메뉴의 항목을 나타냅니다.

개수는 원하시는 만큼 설정하세요.

또한 소스에서

 

 if (document.stationform.stationselect.options[0].selected){

  window.location.href = "https://www.catholic.or.kr";}

 else if (document.stationform.stationselect.options[1].selected)  

 { window.location.href = "http://soback.kornet21.net";}

 else if (document.stationform.stationselect.options[2].selected)  

 { window.location.href = "http://www.shinbiro.com";}

 else if (document.stationform.stationselect.options[3].selected)  

 { window.location.href = "http://www.nownuri.net";}

 else if (document.stationform.stationselect.options[4].selected)  

 { window.location.href = "http://www.unitel.co.kr";}

 else if (document.stationform.stationselect.options[5].selected)  

 { window.location.href = "mailto:ID@catholic.or.kr";}

 return true;

 

라는 항목이 미리 설정해 두는 주소입니다.

이곳에는 option이라는 항목에 번호를 붙여주어야합니다.

지금 5번 까지 있습니다. 추가하시려면

 

 return true;

 

라는 항목 바로 앞 줄에

 

 else if (document.stationform.stationselect.options[6].selected)  

 { window.location.href = "새로운 주소";}

 

라는 내용을 추가하세요. 지금 번호가 6번으로 바뀌었습니다. 보이시죠?

 

 "새로운 주소"

 

라고 쓰인 곳에 원하시는 주소를 넣으세요.

 

마지막으로 앞서 말씀드린 메뉴항목을 추가합니다.

 

 <option>메뉴의 이름

 

이렇게 추가하시면 됩니다.

 

그럼.....

첨부파일: 자바스크립트 - 윈도우 - 메뉴 선택 이동.txt(3K), 자바스크립트 - 윈도우 - 메뉴 선택 이동.html(2K)

댓글 0

첫 댓글을 남겨보세요

[강의] 자바스크립트

목록 전체보기 →