웹마스터 팁

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>
제목 글쓴이 날짜
php5 설정(최적화) fsfsdas 2011.02.20
메뉴 클릭시 알림메시지 띄우기 [1] 도라란 2011.02.27
이미지 삽입후 이미지 위에 노란색 박스 사라지게하는 법 [5] dhseo 2008.05.28
웹페이지에 마우스 따라다니는 예쁜 시계를 넣자 [5] gosoo99 2008.04.08
메뉴에서 채팅방 띄우기 용도로 쓰는 스크립트 코아 코스튬 2011.01.30
XE 검색 속도 향상 팁(확장 변수 검색시) [5] 명드래곤 2011.02.26
[권한이 없습니다] 권한에 따른 다른 메시지 출력하기 [10] [1] 반도체맨 2008.10.03
상담/신청 (쓰기만 가능한 게시판) 만들기 [10] mmx900 2008.03.20
디자인 하시는 분에게 ~ 신기한 팁 (from IE) [2] 999 2011.02.23
관리자 아이디로 작성한 비밀글을 특정인이 볼수있도록 해주는 팁 [13] file Dreami 2009.04.03
[중복일수도...] Srl 생성의 비밀???;;? [1] RainDrop+ 2011.02.22
관리권한 가져도 댓글이 수정/삭제 안 되는 경우.. [4] sejin7940 2011.02.14
게시판모듈 글목록에서 분류명(카테고리)를 이미지로 표현하기 [4] nalireco 2011.01.06
해시로부터 주민등록번호 복호화 [2] fallstoofast 2008.03.12
IIS 7용 Rewrite fsfsdas 2011.02.20
nginx에서 대역폭 제한하기 fsfsdas 2011.02.20
MySQL db를 InnoDB로 바꾸기 (MyISAM to InnoDB) fsfsdas 2011.02.20
리눅스에서 디렉토리, 파일 용량 확인하기 fsfsdas 2011.02.20
우분투 charset을 euc-kr로 변경하기 fsfsdas 2011.02.20
우분투 10.04 LTS, 시스템 정보 보기 fsfsdas 2011.02.20