• [미분류]팝업창 소스
  • 관리자
  • 작성일 : 2018-03-28 01:48:58
    *** 팝업창 띄우기 *** 

      

    팝업창 옵션 

    no, 1을 사용 

    width=800 : 팝업창의 넓이 

    height=600 : 팝업창의 높이 

    top=0 : 팝업창이 뜰 위치 

    left=0 : 팝업창이 뜰 위치 

    resizable=1 : 창크기 조정가능 

    scrollbars=1 : 스크롤바 

    menubar=1 : 메뉴 

    toolbar=1 : 메뉴아이콘 

    location=1 : 제목표시줄 

    directories=1 : 연결버튼(핫메일 등) 

    status=1 : 하단의 상태바 


    입장시 팝업창 띄우기 

    <head> 
    <title>입장시 자동으로 팝업창 띄우기</title> 
    <!-- 삽입해야 할 소스 시작 --> 
    <script language="javascript"> 
    <!-- 
    function OpenWindow() {  
          window.open("insa-hi.html","_blank","top=0,left=0,width=470,height=340,resizable=1,scrollbars=no"); 

    //--> 
    </script> 
    </head> 
    <body onLoad="OpenWindow()"> 
    <!-- 삽입해야 할 소스 끝 --> 

    또는 

    <!-- 삽입해야 할 소스 시작 --> 
    <body onload="window.open('insa-hi.html', 'new', 'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no, resizable=no,width=470,height=340')"> 
    <!-- 삽입해야 할 소스 끝 --> 



    퇴장시 팝업창 띄우기 

    <!-- 삽입해야 할 소스 시작 --> 
    <body onunload="popup();"> 
    <script language=javascript> 
    <!-- 
    function popup() 

      window.open("testby.html", "_blank", 
          "top=0,left=0,width=463,height=178" + 
          ",toolbar=1,status=1,scrollbars=0,resizable=0"); 

    --> 
    </script> 
    <!-- 삽입해야 할 소스 끝 --> 
      
    또는 

    <!-- 삽입해야 할 소스 시작 --> 
    <body onunload="window.open('testby.html')"> 
    <!-- 삽입해야 할 소스 끝 --> 



    클릭을 하면 팝업창이 뜨는 스크립트 

    <title>링크 클릭시 팝업창 띄우기</title> 

    <!-- 삽입해야 할 소스 시작 --> 
    <script language="javascript"> 
    <!-- 
    function OpenWindow(url,intWidth,intHeight) { 
          window.open(url, "_blank", "width="+intWidth+",height="+intHeight+",resizable=1,scrollbars=1") ; 

    //--> 
    </script> 
    </head> 
      
    <body> 
    <br> 
    <center> 
    <a href="javascript:OpenWindow('insa-hi.html','470','340')">여기를 누르면 새로운 창을 띄웁니다.</a> 
    </center> 
    <!-- 삽입해야 할 소스 끝 --> 
      
    </body> 



    입장시와 퇴장시에 모두 팝업창 띄우기 

    <!-- 삽입해야 할 소스 시작 --> 
    <!--입장 팝업 소스 --> 
    <body onunload="popup();"> 
    <SCRIPT LANGUAGE="JavaScript"> 
    <!-- 
    function popup( partner ) 

      window.open("insa-hi.html", "_blank", "top=0,left=0,width=450,height=340", 
                  "toolbar=1,status=1,scrollbars=1,resizable=1"); 
    }  
    popup(  ); 
    --> 
    </SCRIPT> 

    <!--퇴장 팝업 소스 --> 
    <script language=javascript> 
    <!-- 
    function popup() 

      window.open("insa-by.html", "_blank", "top=0,left=0,width=470,height=350", 
                  "toolbar=1,status=1,scrollbars=0,resizable=0"); 

    --> 
    </script> 
    <!-- 삽입해야 할 소스 끝 --> 


    ---------------------------------------------------------------------------------------- 

    여러분 웹서핑을 하다보면 메뉴바나 상태바가 없는 그러한 작은 창이 뜨는 것 봤을 겁니다. 그걸 어떻게 만들어 주냐고 물으시는 분들이 하도 많아서 올려드립니다. 아래는 zerg님이 잘 설명해놓았길래 그걸루 남깁니다. 

    자바의 window.open이라는 명령어를 주죠...^^ 자바는 설명할려면 넘 골치아푸니 요령만 알려드릴게요.... 

    윈도우제어의 기본적인 틀은.. 
    <Script>window.open(띄우고자하는주소)</script> 

    이런꼴입니다... 
    여기에 옵션을 줄수 있습니다.. 

    menubar yes/no : 윈도우의 menubar 표시여부 
    toolbar yes/no : 윈도우의 toolbar 표시여부 
    location yes/no : 윈도우의 location box 표시여부 
    directories yes/no : 윈도우의 directory button들의 출력여부 
    status yes/no : 윈도우의 상태표시줄 표시여부 
    scrollbars yes/no : 윈도우의 가로 세로 scrollbar 표시여부 
    resizable yes/no : 윈도우의 크기가 조정될 수 있는 지 결정 
    width : 윈도우의 너비 결정 
    height : 윈도우의 높이 결정 

    이런식이죠.... 
    만약 창의 크기를 가로 350픽셀 세로 400픽셀 스크롤바를 주고 메뉴바를 주게해서 띄울려면 

    <Script>window.open("주소","small",'width=350,height=400,scrollbars=yes,menubar=yes')</script> 이런식으루 하면 되는거죠...^^ 

    또한 자동팝업이 아니라 링크를 클릭하면 새창이 뜨게 할려면 
    <a href="#" onclick="window.open('주소','small','width=350,height=400,scrollbars=yes,menubar=yes')">클릭</a> 
    이렇게 하시면 됩니다. 이때 중간에 "small"은 꼭 붙이시길..



[처음] [63] [64] [65] [66] [67] [68] [69] [70] [71] [72] ▷ [끝]

작성자   제목   내용  
본 사이트에는 게시판이 5개 있습니다. 원하는 자료가 안 보이면 전체 게시판에서 검색해 보세요.