웹마스터 팁

Pop-up Window 생성기

2003.04.03 23:26

xcool

팝업창을 만들어 줍니다.
미리보기는 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>
제목 글쓴이 날짜
ls 명령어 팁... [3] -zenple_nux 2003.01.26
[mysql]정말 간단한 사용자 계정 주기 [1] 화니 2003.02.04
[간단한팁]아파치에서 ASP사용하기 [5] 한희진 2003.02.04
[성공했음]Apache에서 ASP돌리기 (Apache::ASP이용) for Windows 초고속강좌 [9] 한희진 2003.02.05
[JSP설치1탄]Windows에서 APM+Tomcat4.1.x버전 연동하기 (for Windows2000,XP) 한희진 2003.02.06
[JSP설치2탄]mod_jk를 이용한 Apache와 Tomcat의 연동[for Windows98/NT/2000] [1] 한희진 2003.02.06
새로운 방식의 APM 컴파일법 [13] Dopesoul 2003.02.07
MySQL 3.23.53a 이하 패치하세요!! [7] 바른생활 NGEO 2003.02.11
레드햇 8.0 에 젠드옵티마이져(Zend optimizer) 2.1.0 설치-왕초보용 [7] 정인배 2003.02.13
램디스크 활용 [6] Dopesoul 2003.02.14
리눅스에서 표준출력으로 출력되는 모든 메시지를 파일로 만들기 [1] Dopesoul 2003.02.19
잘못풀린 Tar 파일이나 기타 패키지파일 지우기 Dopesoul 2003.02.19
php-accelerator <- zend보다 빠른 phpcache [6] 푸른하늘 2003.02.20
아파치에서 펄 CGI를 쓰려면... [3] okw1003 2003.02.23
phpMyAdmin 보안설정하기 [5] 겨울늑대 2003.02.27
qmail-1.03설치① (ucspi-tcp모듈) 비츠로 2003.02.28
qmail-1.03설치② (checkpassword 인증모듈) 비츠로 2003.02.28
qmail-1.03설치③ (qmail설치) 비츠로 2003.02.28
qmail-1.03설치④ (vpopmail 인증모듈) 비츠로 2003.02.28
qmail-1.03설치④ (vpopmail+mysql) 비츠로 2003.02.28