웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
Pop-up Window 생성기
2003.04.03 23:26
팝업창을 만들어 줍니다.
미리보기는 http://xscool.cafe24.com/bbs/zboard.php?id=story2&page=1&sn1=&divpage=1&sn=off&ss=on&sc=on&select_arrange=headnum&desc=asc&no=37#
아래가 소습니다. 제가 만든거 아닙니다
<Script Language='Javascript'>
var agt=navigator.userAgent.toLowerCase();
if (agt.indexOf("mac") != -1){
var a="r";}
else{
var a="n";}
var code = new Array();
code[0]="<SCRIPT LANGUAGE='Javascript'>"+a;
code[1]="OpenWindow=window.open('";
code[2]="');"+a;
code[3]="</SCR";
code[4]="IPT>";
function create_code(){
var location = document.myForm.locationtext.value;
var heigth = document.myForm.heigth.value;
var width = document.myForm.width.value;
var toolbar = document.myForm.toolbar.value;
var scrollbars = document.myForm.scrollbars.value;
var menubar = document.myForm.menubar.value;
var resizable = document.myForm.resizable.value;
display = (location+"', '', 'height="+heigth+", width="+width+", toolbar="+toolbar+", scrollbars="+scrollbars+", menubar="+menubar+", resizable="+resizable);
}
function preview_code(){
var location = document.myForm.locationtext.value;
var heigth = document.myForm.heigth.value;
var width = document.myForm.width.value;
var toolbar = document.myForm.toolbar.value;
var scrollbars = document.myForm.scrollbars.value;
var menubar = document.myForm.menubar.value;
var resizable = document.myForm.resizable.value;
display = ("height="+heigth+", width="+width+", toolbar="+toolbar+", scrollbars="+scrollbars+", menubar="+menubar+", resizable="+resizable);
OpenWindow=window.open("", "", display);
OpenWindow.document.write("♥36.5℃사랑의 보금자리Vol.1");
}
function show_code(){
var location = document.myForm.locationtext.value;
var heigth = document.myForm.heigth.value;
var width = document.myForm.width.value;
var toolbar = document.myForm.toolbar.value;
var scrollbars = document.myForm.scrollbars.value;
var menubar = document.myForm.menubar.value;
var resizable = document.myForm.resizable.value;
document.codeForm.codetext.value=code[0]+code[1]+display+code[2]+code[3]+code[4];
}
function change_color(O){
var cell=document.getElementById(O);
cell.style.backgroundColor='#C0C0C0';
}
function change_back(O){
var cell=document.getElementById(O);
cell.style.backgroundColor='#808080';
}
</SCRIPT>
<table cellspacing=0 cellpadding=0 width="626" border=0 align="center">
<tr>
<td width="626">
<table border='1' cellpadding='1' bordercolordark=white bordercolorlight=silver cellspacing='0' width='620' bgcolor="#FFFFFF">
<tr>
<td colspan="2" height="30" align="center">Pop-up Window 생성기</td>
</tr>
<tr>
<td width="232" height="313" rowspan="2"> <form name="myForm">
<br>
링크주소 : <input type="text" name="locationtext" size="16" value="주소를 쓰세요" style="border: 1px solid #000000">
<br>
세로길이 : <input type="text" name="heigth" size="5" value="200" style="border: 1px solid #000000">
<br>
<br>
가로길이 : <input type="text" name="width" size="5" value="200" style="border: 1px solid #000000">
<br>
<br>
Scrollbars : <select size="1" name="scrollbars">
<option value="yes">yes</option>
<option value="no">no</option>
</select>
<br>
<br>
Toolbar : <select size="1" name="toolbar">
<option value="yes">yes</option>
<option value="no">no</option>
</select>
<br>
<br>
Menubar : <select size="1" name="menubar">
<option value="yes">yes</option>
<option value="no">no</option>
</select>
<br>
<br>Resizable :
<select size="1" name="resizable">
<option value="yes">yes</option>
<option value="no">no</option>
</select>
</form>
</td>
<td width="410" align="center" height="46">
아래의 소스를 바디부분에 삽입하세요!~</td>
</tr>
<tr>
<td align="center" height="222">
<form name='codeForm'>
<p>
<textarea rows="8" name="codetext" cols="40"></textarea>
</p>
</form>
</td>
</tr>
<tr>
<td width="615" colspan="2">
<p align="center"><button onClick='create_code(); preview_code();'>미리보기</button>
<button onClick='create_code(); show_code();'>코드복사</button></td>
</tr>
</table>
</td>
</tr>
</table>
미리보기는 http://xscool.cafe24.com/bbs/zboard.php?id=story2&page=1&sn1=&divpage=1&sn=off&ss=on&sc=on&select_arrange=headnum&desc=asc&no=37#
아래가 소습니다. 제가 만든거 아닙니다
<Script Language='Javascript'>
var agt=navigator.userAgent.toLowerCase();
if (agt.indexOf("mac") != -1){
var a="r";}
else{
var a="n";}
var code = new Array();
code[0]="<SCRIPT LANGUAGE='Javascript'>"+a;
code[1]="OpenWindow=window.open('";
code[2]="');"+a;
code[3]="</SCR";
code[4]="IPT>";
function create_code(){
var location = document.myForm.locationtext.value;
var heigth = document.myForm.heigth.value;
var width = document.myForm.width.value;
var toolbar = document.myForm.toolbar.value;
var scrollbars = document.myForm.scrollbars.value;
var menubar = document.myForm.menubar.value;
var resizable = document.myForm.resizable.value;
display = (location+"', '', 'height="+heigth+", width="+width+", toolbar="+toolbar+", scrollbars="+scrollbars+", menubar="+menubar+", resizable="+resizable);
}
function preview_code(){
var location = document.myForm.locationtext.value;
var heigth = document.myForm.heigth.value;
var width = document.myForm.width.value;
var toolbar = document.myForm.toolbar.value;
var scrollbars = document.myForm.scrollbars.value;
var menubar = document.myForm.menubar.value;
var resizable = document.myForm.resizable.value;
display = ("height="+heigth+", width="+width+", toolbar="+toolbar+", scrollbars="+scrollbars+", menubar="+menubar+", resizable="+resizable);
OpenWindow=window.open("", "", display);
OpenWindow.document.write("♥36.5℃사랑의 보금자리Vol.1");
}
function show_code(){
var location = document.myForm.locationtext.value;
var heigth = document.myForm.heigth.value;
var width = document.myForm.width.value;
var toolbar = document.myForm.toolbar.value;
var scrollbars = document.myForm.scrollbars.value;
var menubar = document.myForm.menubar.value;
var resizable = document.myForm.resizable.value;
document.codeForm.codetext.value=code[0]+code[1]+display+code[2]+code[3]+code[4];
}
function change_color(O){
var cell=document.getElementById(O);
cell.style.backgroundColor='#C0C0C0';
}
function change_back(O){
var cell=document.getElementById(O);
cell.style.backgroundColor='#808080';
}
</SCRIPT>
<table cellspacing=0 cellpadding=0 width="626" border=0 align="center">
<tr>
<td width="626">
<table border='1' cellpadding='1' bordercolordark=white bordercolorlight=silver cellspacing='0' width='620' bgcolor="#FFFFFF">
<tr>
<td colspan="2" height="30" align="center">Pop-up Window 생성기</td>
</tr>
<tr>
<td width="232" height="313" rowspan="2"> <form name="myForm">
<br>
링크주소 : <input type="text" name="locationtext" size="16" value="주소를 쓰세요" style="border: 1px solid #000000">
<br>
세로길이 : <input type="text" name="heigth" size="5" value="200" style="border: 1px solid #000000">
<br>
<br>
가로길이 : <input type="text" name="width" size="5" value="200" style="border: 1px solid #000000">
<br>
<br>
Scrollbars : <select size="1" name="scrollbars">
<option value="yes">yes</option>
<option value="no">no</option>
</select>
<br>
<br>
Toolbar : <select size="1" name="toolbar">
<option value="yes">yes</option>
<option value="no">no</option>
</select>
<br>
<br>
Menubar : <select size="1" name="menubar">
<option value="yes">yes</option>
<option value="no">no</option>
</select>
<br>
<br>Resizable :
<select size="1" name="resizable">
<option value="yes">yes</option>
<option value="no">no</option>
</select>
</form>
</td>
<td width="410" align="center" height="46">
아래의 소스를 바디부분에 삽입하세요!~</td>
</tr>
<tr>
<td align="center" height="222">
<form name='codeForm'>
<p>
<textarea rows="8" name="codetext" cols="40"></textarea>
</p>
</form>
</td>
</tr>
<tr>
<td width="615" colspan="2">
<p align="center"><button onClick='create_code(); preview_code();'>미리보기</button>
<button onClick='create_code(); show_code();'>코드복사</button></td>
</tr>
</table>
</td>
</tr>
</table>
제목 | 글쓴이 | 날짜 |
---|---|---|
[자바스크립트] 전체로 창을 띄우는 자바~ | 김정함 | 2001.01.21 |
[자바스크립트]새창띄우기의 변종.. (별로 중요하지않음.. =_=;;) [2] | Adios | 2001.01.15 |
자바에서도 쿠키를 구워야할때 [4] | Kritz | 2001.01.15 |
블라인드 효과 스크립트~ [2] | 박규진 | 2001.01.14 |
^^사용자 해상도알아내는 스크립트~ | onjjang | 2001.01.13 |
이미지가 차츰 변하게 하는 자바스크립트.. [3] | 잔디 | 2001.01.05 |
스크립트를 암호화 시켜보자! [설치파일 찾았음 --] [11] | 수지니^^ | 2002.01.09 |
"#"쓸때움직이지않게하기 [10] | 닉스! | 2001.12.27 |
달력 | 따라기 | 2009.05.10 |
자신의 홈페이지에 웹문서 검색엔진 장착하기 [4] | 지하넷 | 2009.05.04 |
노프레임 홈페이지 만들기 강좌 | H.N커뮤니티 | 2009.02.28 |
메뉴에 마우스오버시 레이어서브메뉴창 뜨게하기 (나모웹) | H.N커뮤니티 | 2009.02.22 |
UTF-8 파일을 열면 글자가 깨져요 어떤 에디터를 사용해야 하나요? [2] | 최소영329 | 2009.02.03 |
css 정리 파일(한글) [3] | 미곰탱 | 2009.01.22 |
네이버 css강좌에요... 참고하세요 [3] | 만쓰별(정만) | 2009.01.15 |
스크립트 모음 [1] | *이종민* | 2008.11.29 |
자바스크립트 지원 유무 | *이종민* | 2008.11.29 |
계산기 [1] | *이종민* | 2008.11.29 |
바탕화면에 바로가기 만들기 | *이종민* | 2008.11.29 |
타이머 | *이종민* | 2008.11.29 |