묻고답하기

자바스크립트 메뉴 새창띄우는법 문의

2010.10.18 19:40

<html>
<head>
<title>HTTP://YAJAVA.COM</title>
<META NAME="Author" CONTENT="YAJAVA">
<META NAME="Keywords" CONTENT="java script, script, java , applet , cgi, php, tip ,icon">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
font{ font-family:"굴림"; font-size: 9pt; line-height:17px; }
td{ font-family:"굴림"; font-size: 9pt; line-height:17px; }
a:visited {color:#000000; text-decoration: none }
a:link { color:#000000; text-decoration: none; }
a:active { color:#00ff00; text-decoration: none; }
a:hover { color:#FFA217; text-decoration: underline; }
p,br,body,td,select,input,form,textarea,option {font-size:9pt;font-family:돋움;}
.cont{line-height:140%}

.f111 {
font-size:11px;
letter-spacing: -1px;
}

.blue_b {color:#5187D7;font-weight:bold;}

BODY
{scrollbar-face-color: #ffffff;
scrollbar-shadow-color: #c0c0c0;
scrollbar-highlight-color: #c0c0c0;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color:#ffffff;
scrollbar-track-color: #ffffff;
scrollbar-arrow-color: #ffffff}

img {border:0 none;}
form{margin:0}

input {color:black; font-size: 9pt; background-color:#ffffff; border:1 solid #808080;size= 30;height:20px}
textarea {color:black; font-size: 9pt; background-color:white; border:1 solid #808080}
.style1 {color: #FFFFFF}

.menu {
border: solid 1px #BFBFBF;
padding:10px 10px 15px 10px;
background-color:white;
}

.menuItem {
padding:4px 10px 4px 10px;
border-bottom:solid 1px #dddddd;
}

.menuItem:hover {
background-color:#f1f1f1;
}

.menuItem a {
color:#666666;
text-decoration:none;
}

#demo {
background-color:#eeeeee;
cursor:pointer;
padding:5px 20px 5px 20px;
margin: 30px 0;
width: 425px;
}

#demo span {
padding:3px 20px 0px 20px;
cursor:pointer;
}

#demo span:hover {
text-decoration:underline;
}

</style>

(function(){

var menu1=new Scl.Menu(130);
menu1.addItem('Google Search','http://www.google.com'); // 이주소를 새창으로 띄우고 싶습니다.
menu1.addItem('+ '+ 'Yahoo Search','http://www.yahoo.com');
menu1.addItem('+ 'MSN Live Search','http://www.live.com');
menu1.addItem('Ask Search','http://www.ask.com');
menu1.dockTo('demo1');

var menu2=new Scl.Menu(130);
menu2.addItem('CNN News','http://www.cnn.com');
menu2.addItem('Fox News','http://www.foxnews.com');
menu2.addItem('BBC News','http://news.bbc.co.uk');
menu2.addItem('+ 'abc News'+ ','http://abcnews.go.com');
menu2.addItem('Google News'+ ','http://news.google.com');
menu2.dockTo('demo2');

var menu3=new Scl.Menu();
menu3.bottomToTop=true;
menu3.addItem('Google Search','http://www.google.com');
menu3.addItem('Yahoo Search','http://www.yahoo.com');
menu3.addItem('MSN Live Search','http://www.live.com');
menu3.addItem('Ask Search','http://www.ask.com');
menu3.dockTo('demo3');
}
)();
</script>
</head>

<body bgcolor="#FFFFFF" text="#000000">
<table width="606" border="1" cellpadding="0" cellspacing="0" align="center" bordercolor="#000000">
<tr>
    <td width="602" height="25" valign="middle" align="center" bgcolor="#006699"><span class="style1">심플 드롭다운 메뉴 </span></td>
</tr>
<tr>
    <td height="183" valign="middle" style="padding:10px 10px 10px 10px;"><p><div id="demo">
<span id="demo1">Yajava Menu1</span>
<span id="demo2">Yajava Menu2</span>
<span id="demo3">Yajava Menu3</span>
</div>
    </p></td>
</tr>
<tr>
    <td height="359" valign="top"><p> </p>
      <p><font color="#FF0000"></font></p>
      <p><style type="text/css"></p>
      <p>.menu {<br>
border: solid 1px #BFBFBF;<br>
padding:10px 10px 15px 10px;<br>
background-color:white;<br>
}</p>
      <p>.menuItem {<br>
padding:4px 10px 4px 10px;<br>
border-bottom:solid 1px #dddddd;<br>
}</p>
      <p>.menuItem:hover {<br>
background-color:#f1f1f1;<br>
}</p>
      <p>.menuItem a {<br>
color:#666666;<br>
text-decoration:none;<br>
}</p>
      <p>#demo {<br>
background-color:#eeeeee;<br>
cursor:pointer;<br>
padding:5px 20px 5px 20px;<br>
margin: 30px 0;<br>
width: 425px;<br>
}</p>
      <p>#demo span {<br>
padding:3px 20px 0px 20px;<br>
cursor:pointer;<br>
}</p>
      <p>#demo span:hover {<br>
text-decoration:underline;<br>
}<br>
      </p>
      <p></style></p>
      <p> </p>
      <p><script type="text/javascript" src=""sclmenu.js"></script></p>
      <p><script language="JavaScript" type="text/JavaScript"></p>
      <p>(function(){</p>
      <p>var menu1=new Scl.Menu(130);<br>
menu1.addItem('Google Search','http://www.google.com');<br>
menu1.addItem('Yahoo Search','http://www.yahoo.com');<br>
menu1.addItem('MSN Live Search','http://www.live.com');<br>
menu1.addItem('Ask Search','http://www.ask.com');<br>
menu1.dockTo('demo1');</p>
      <p>var menu2=new Scl.Menu(130);<br>
menu2.addItem('CNN News','http://www.cnn.com');<br>
menu2.addItem('Fox News','http://www.foxnews.com');<br>
menu2.addItem('BBC News','http://news.bbc.co.uk');<br>
menu2.addItem('abc News','http://abcnews.go.com');<br>
menu2.addItem('Google News','http://news.google.com');<br>
menu2.dockTo('demo2');</p>
      <p>var menu3=new Scl.Menu();<br>
menu3.bottomToTop=true;<br>
menu3.addItem('Google Search','http://www.google.com');<br>
menu3.addItem('Yahoo Search','+ 'http://www.yahoo.com');<br>
menu3.addItem('MSN Live Search','http://www.live.com');<br>
menu3.addItem('Ask Search','+ 'http://www.ask.com');<br>
menu3.dockTo('demo3');<br>
}<br>
)();<br>
</script></p>
      <p> </p>
      <p><br>
        <font color="#FF0000"></font></p>
      <p><div id="demo"><br>
<span id="demo1">Yajava Menu1</span><br>
<span id="demo2">Yajava Menu2</span><br>
<span id="demo3">Yajava Menu3</span><br>
</div></p>
      <p> </p>
      <p> </p></tr>
</table>
</body>
</html>

// 빨간색 표시된 부분이 해당 주소 URL인테 _black 지정해서 새창으로 띄우는법이 어떻게 될까요?

//고수님의 답변 부탁드립니다.

참고로 sclmenu.js 파일 원하시면 알려드릴께요~

</script>

이 게시물을

hhgyu

2010.10.18 20:19
<script type="text/javascript" src="/sclmenu.js"></script> 이거 밑에 추가
```
 <script language="javascript"  type="text/javascript">
function full(url)
{
window.open(url);
}
</script>
```
menu1.addItem('Google Search','http://www.google.com');<br>
이것을

menu1.addItem('Google Search','javascript:full("http://www.google.com")');<br>

이런식으로 해주시면 되요

그리고

menu3.bottomToTop=true;
이거는 버튼이 위로 열립니다~
좋아요 댓글 신고
해피나라

2010.10.18 21:09

먼저 답변 감사드립니다. 위 내용으로하니 정상적으로 처리가 되는데요..그런데 창이 2개가 동시에 뜹니다. 1개만 뜨면 되는데요..무슨문제인지요?

좋아요 댓글 신고

글쓴이	제목	최종 글
XE	공지 글 쓰기,삭제 운영방식 변경 공지 [16]	2019.03.05 _by 남기남
박민석_PPC	답변알림 기능에서 상위 글 작성자에게 댓글달면 메일로 알려주는 기능질문
푸른달빛	로그인 위젯 아래에 그림파일이나 다른 위젯 추가하는 법 [1]	2010.10.19 _by SeklutZ
linuxman	저 제로보드 XE 1.4.0.5로 wizard XE 0.0.5를 통합한.......
누룽지aa	메인 도메인 해결방법이 궁금합니다. [1]	2010.10.18 _by SeklutZ
아날로그 핑거	환경설정에서 시작모듈 리스트가 없어요. [1]	2010.10.18 _by SeklutZ
혜령	제로보드4에서 xe로 자료 옮길수 있나요?? [1]	2010.10.18 _by SeklutZ
mae	정상적인 로그인이 안되요 ㅠㅠㅠㅠ [1]	2010.10.18 _by kissuri
해피나라	자바스크립트 메뉴 새창띄우는법 문의 [1]	2010.10.18 _by hhgyu
중년	게시판 내용을 전부 좌우 안쪽으로 할려면.. [2]	2010.10.18 _by 중년
nmnb	제로보드xe 첨부파일 에러가 납니다ㅠ [3]	2010.10.18 _by 백성찬
linuxman	저 피시북 홍아트책으로 공부하시는 분들에게 ....
ddasham	드림위버와 제로보드 게시판의 연동(?) [1]	2010.10.18 _by Gekkou
지친하루	XE1.4.4.1 에서 아이폰4사프리에서 화면이
hong`s	게시판 view 할때 상단 플래시 파일이 안보이는데요. [2]	2010.10.18 _by hong`s
낵두새	설치한 후 화면이 정상으로 안뜨네요.. [1]	2010.10.18 _by 낵두새
Gary189	xe xml 쿼리에서 union all 쓰는법 아시는분~~ [1]	2010.10.18 _by SMaker
applepiano	댓글관리 목록 관련질문드립니다. [1]	2010.10.18 _by Arp
석이-	움직이는 날씨아이콘이 갑자기 금지되는 이유?? [1]	2010.10.18 _by Arp
bsjeon	황당;;;; 페이지 위젯박스를 너무 작게 만들어서 편집이 안될경우...;; [1]	2010.10.18 _by Arp
2donggalbi	제어판 카운터 따로 받기 [1]	2010.10.18 _by Arp
헐Rank	.htaccess 관한 질문입니다.(완전초보) [1]	2010.10.18 _by Arp
한쿨럭	DB 백업하여 이전 중 문제 발생
kissuri	홈페이지에서 고객상담SMS 추천 좀 해주세요.
웹기프트	위비야 툴바를 설치했는데 XML 에러가 뜹니다.
지오426	1.4.4 는 1.1.0에 비해 느린 것 같아요.
jajabus	설치 무한루프
천공귀제	로그인 중복 방지하는 방법좀요?
실속제로	통합검색해서 본문내용에서 검색단어를 강조할수 있나요
하이하이	포인트 모듈 관리자페이지에 입력항목 추가하는 방법 좀 알려주세요~
퍼플코드	xml 연동 플래시 네비게이션에 대해서

태그 쓰기

묻고답하기

자바스크립트 메뉴 새창띄우는법 문의

댓글 1

hhgyu

해피나라

About

Get involved

Blog

Download

Support

Showcase