자바스크립트 새창 띄우기

따로 새창이 뜨게 하실려면 자바스크립트를 이용해서 될겁니다.
 
동영상 소스는 <embed src="주소">인거 아시죠^^
 
많은 도움 되길 바래요.. 응용해보세요^^
 
Full Screen으로 새창이 뜨는 스크립트소스

 

<head> </head> 사이에

<script language="JavaScript">
function full(url)
{
window.open(url,'wechangeyourlife','fullscreen,scrollbars');
}
function thankyou() {
alert("Nine Inch Nails");
}

</script>

<body> 사이
href=java-script:full('nineinchnails2000/main2.html')


또 다른 방법
Full Screen으로 새창이 뜨는 스크립트입니다.

<a href='#'>전체화면</a>

그림에 링크를 걸때는
<A HREF="링크할문서"><IMG SRC="그림지정"></A>

전체 화면은 아래와 같고
<a href='#'>전체화면</a>

전체 화면으로 그림 이미지 링크는
<a href='#'><IMG SRC="그림지정"></A>


그림지정에 이미지 이름 넣고, 링크할 문서는 full.html이 되겠죠.
그림 누르면 전체화면이 됩니다


 

페이지에 들어올 때 새창 띄우기 소스

 

특정 페이지에 들어오거나 나갈 때 작은 새창을 띄우는 방법은 아래와 같습니다. 옵션에 대해서는 위의 새창 열기의 기본적인 방법을 참고하시기 바랍니다.

<SCRIPT LANGUAGE="JavaScript">
function notice() {
window.open('notice.htm','','toolbar=no,menubar=no,location=no,height=500,width=500'); }
</SCRIPT>

라는 스크립트를 <HEAD>와 </HEAD> 사이에 넣어준 후, BODY 태그에 아래와 같이 씁니다.

※ 페이지에 들어올 때 새창 띄우기

<BODY omLoad="notice()">

※ 페이지에서 나갈 때 새창 띄우기

<BODY omUnload="notice()">

 

 

 

새창(팝업창) 띄워주는 아래소스의 출처는 http://hobbang.co.kr/zboard/zboard.php?id=snow21&page=1&sn1=&divpage=1&sn=off&ss=on&sc=on&keyword=%BB%F5%C3%A2&select_arrange=headnum&desc=asc&no=339
입니다.

 

새 창(보통 팝업창이라고 하죠)이 자동으로 뜨는거하구 클릭해서 뜨는거를 설명합니다..


아래의 빨간색 부분을 새창을 띄우는 링크를 하고 싶은 HTML 문서에 써 줍니다..

<script LANGUAGE="Javascript">
<!--
function openwindow(opage, x, y) {
farwindow = window.open('','Links','width='+x+', height='+y+', toolbar=0, scrollbars=0, resizable=no');
if (farwindow != null) {
if (farwindow.opener == null) {
farwindow.opener = self;
}
farwindow.location.href = opage;
}
}
//-->
</script>


위의 자바스크립트를 반드시 써줘야 새창이 나타납니다..
위에서 지정된 openwindow() 함수에 의해 새로운 창이 뜨게 하는데요..


Links는 새 창의 이름입니다.. 창의 이름을 지정하여 두면 openwindow()를 사용한 곳을 클릭할 때마다 매 번 새 창이 뜨지 않고 하나의 새 창에서 클릭한 주소의 내용이 나타나게 됩니다..
Links 대신 ''로 작은따옴표를 바로 열고 닫고 하면 창의 이름이 없기 때문에 매번 새로운 창이 뜹니다..

x는 창의 width(가로 크기), y는 창의 height(세로 크기)입니다..

toolbar=0 는 익스플로러의 메뉴 아래에 있는 도구아이콘이 나타나지 않게 하는거구요..

scrollbars=0 는 스크롤바가 나타나지 않게 하는거에요..
스크롤바가 필요하면 scrollbars=1 로 고치면 될꺼에요..

resizable=no 는 창에서 창의 크기를 변화시킬 수 있는 창의 오른쪽 위에 있는 창크기조절 아이콘을 사용하지 못하게 하는거에요..
resizable=yes라구 하면 사용할 수 있게 되죠..
새 창에서 상태표시줄은 나타나지 않습니다..
그리고 새창은 창 최대화 버튼은 사용하지 못하도록 되어 있답니다.. 새 창을 크게 하고 싶다면 새 창에서 키보드 F11 키를 누르면 됩니다..

openwindow()를 사용하는 방법은
openwindow()를 불러오는 곳에서 창에 뜰 주소(HTML, 그림, .svf 파일 등의 주소) 와 창의 크기를 지정해서 적어주면 됩니다..
창에 뜰 주소는 반드시 작은 따옴표로 막아두셔야 합니다. (예: 'http://hobbang.co.kr')


1) 창이 열리면서 자동으로 새 창이 뜨는 것
<body> 태그에서 다음과 같이 넣어줘요..
<body> 태그를 새로 만들면 안되구요..
HTML 파일에서 body 태그를 찾아서 붙여넣기를 해줘야 해요..
http://hobbang.co.kr/banner.html는 새 창에 뜰 주소.. 470은 창의 가로크기, 230는 창의 세로크기..

예)
<body omload="openwindow('http://hobbang.co.kr/banner.html', 470, 230)">


2) 링크된 글씨나 그림을 클릭하면 창 뜨는 것
HTML 소스에서 링크하는 방법
<a href="java-script:openwindow('http://hobbang.co.kr/banner.html', 470, 230)">새창 떠라</a>
새창 떠라←클릭해보세요

http://hobbang.co.kr/banner.html는 새 창에 뜰 주소.. 470은 창의 가로크기, 230는 창의 세로크기..
html 파일이 아니라 그림파일의 주소를 써주면 새창에 그림이 뜨게 되죠..
그림의 크기에 맞에 역시 width와 height의 크기는 정해줘야 해요..

openwindow('') 처럼 () 안에는 반드시 ' '를 써 주세요..
"새창 떠라" 라는 말 대신 그림태그를 쓰게 되면 그림을 클릭하면 새 창이 뜨게 되죠..

예)
그림을 클릭하면 새 창이 뜨는 것
<a href="java-script:openwindow('http://hobbang.co.kr/banner.html', 470, 230)"><img src="http://hobbang.co.kr/hobbang/images/hobbang-01-1.gif" border="0"></a>
←클릭해보세요

예)
그림을 클릭하면 그림이 새 창에 뜨는 것
<a href="java-script:openwindow('http://hobbang.co.kr/hobbang/images/hobbang-01-1.gif', 100,100)"><img src="http://hobbang.co.kr/hobbang/images/hobbang-01-1.gif" border="0"></a>
←클릭해보세요

예)
글씨를 클릭하면 그림이 새 창에 뜨는 것
<a href="java-script:openwindow('http://hobbang.co.kr/hobbang/images/hobbang-01-1.gif', 100,100)">호빵이다</a>
호빵이다←클릭해보세요

예)
글씨를 클릭하면 동영상(플래시)이 새 창에 뜨는 것
<a href="java-script:openwindow('http://my.dreamwiz.com/mcgyber/swf/x-mas_card1.svf', 500,400)">한판승부</a>
한판승부←클릭해보세요

예)
그림을 클릭하면 동영상(플래시)이 새 창에 뜨는 것
<a href="java-script:openwindow('http://my.dreamwiz.com/mcgyber/swf/x-mas_card1.svf', 500,400)"><img src="http://hobbang.co.kr/hobbang/images/hobbang-01-1.gif" border="0"></a>
←클릭해보세요


창의 크기가 딱 고정되어 있어도 되는 경우라면 openwindow()를 사용할 때마다 창의 가로, 세로 크기를 적어주는 것보다는
openwindow(opage)로 스크립트 부분을 고치고 openwindow() 안에 있는 window.open() 부분에서 지접 width와 height를 적어서 사용하는 것이 편합니다..
예)
function openwindow(opage, x, y) {
farwindow = window.open('','Links','width=470, height=230, toolbar=0,scrollbars=0,resizable=no');
.......................

위에처럼 하는 경우에는 HTML 문서에서 openwindow()를 사용할 때 불러올 주소만 지정해주면 됩니다..
예)
<body omload="openwindow('http://hobbang.co.kr/banner.html')">
<a href="java-script:openwindow('http://hobbang.co.kr/banner.html'">새창 떠라</a>
새창 떠라←클릭해보세요




새창 띄워주는 자바스크립 부분(맨 위의 빨간색 소스 부분)을 .js 파일로 만들어서 사용하면 HTML 문서에서는 .js 파일을 불러오는 script 태그만 사용하면 되니까 편리합니다..
아래 내용을 메모장에서 파일 형식을 .js로 해서 파일로 저장하세요. (파일이름 예 : newwindow.js) function openwindow(opage, x, y) {
farwindow = window.open('','Links','width='+x+', height='+y+', toolbar=0, scrollbars=0, resizable=no');
if (farwindow != null) {
if (farwindow.opener == null) {
farwindow.opener = self;
}
farwindow.location.href = opage;
}
}

.js 파일은 자신의 홈에 올려놓구요..
(파일 올리는 건 자신의 홈 관리자로 들어가서 파일 올리기 메뉴를 사용하세요)
openwindow()를 사용하고 싶은 문서에서는 아래처럼만 추가하면 됩니다..
<script language="javascript" src=".js파일의주소와이름"></script>
.js파일의주소와이름은 자신의 홈주소와 파일이름을 주소로 적어주면 됩니다..
(예: http://hobbang.co.kr/newwindow.js)


 

출처 : http://ask.nate.com/qna/view.html?n=4837898
이올린에 북마크하기(0) 이올린에 추천하기(0)
top


http://www.joon.pe.kr/blog/trackback/319


<< Prev   1   ... 28   29   30   31   32   33   34   35   36   ... 336   Next >>