웹팁 분류

새창 띄우기 일정시간이 흐른뒤 새창이 띄워지는

작성자 정보

  • GW 작성
  • 작성일

컨텐츠 정보

본문




자동으로 새창 띄우기 일정시간이 흐른뒤 새창이 띄워지는


일정시간이 지나면 새창아 띄워져라

<head>와 </head>

<script>
function popup(){
 pop=window.open('링크주소')
 pop.focus();
}
tid=setTimeout(popup,5000); //5천밀리초(5초)후에 popup함수실행
</script> 

 

간단히 링크걸듯 새창띄우기

<body>와 </body> 사이에

< a href=# onclick="window.open('open.html','name','resizable=no width=200 height=100');return false"> 새창열기</a>  

 

접속시 바로 새창 띄우기

<head>와 </head>사이에

<script language="JavaScript">window.open("팝업주소",'_blank','toolbar=no,location=no,status=no,menubar=no,scrollbars=auto,resizable=no,directories=no,width=400,height=400,top=100,left=100')</script>

특정 날짜에 팝업 띄우기

<script language="JavaScript">
<!--
var sdate= new Date("2013/08/27 01:00:00");
var edate= new Date("2013/08/27 19:00:00");
if(Date.now() >= sdate && Date.now() <= edate)
{window.open('popup.html','pop_20090608','left=0, top=0, width=300, height=408, menubar=no, scrollbars=no, resizable=no');}



 

접속시 바로 새창 띄우기

<head>와 </head>사이에

<script language="JavaScript">
function notice() {
window.open('문서경로','','location=no, directories=no,resizable=no,status=no,toolbar=no,menubar=no, width=300,height=400,left=0, top=0, scrollbars=no'); }
</script>

<body>는

<body omLoad="notice()"> 

​일정시간이 지난후 팝업 띄우기


① <head>와 </head>부분에 넣어줍니다.
 *****************************************
 <SCRIPT LANGUAGE="JavaScript">
 closetime = 5; // 몇초후에 팝업창을 닫을 것인가? 0 이면 안닫음
function Start(URL, WIDTH, HEIGHT) {
 windowprops = "left=0,top=0,width=" + WIDTH + ",height=" + HEIGHT;
 preview = window.open(URL, "preview", windowprops);
 if (closetime) setTimeout("preview.close();", closetime*1000);
 }

function doPopup() {
 url = "http://daonsol.com"; //새창으로 띄울문서이름
width = 300;  // 창의 가로크기
height = 150; // 창의 세로크기
delay = 10;    // 몇초후에 팝업창을 열것인가?
timer = setTimeout("Start(url, width, height)", delay*1000);
 }
 </script>


 ② <body>와 </body>부분에 넣어줍니다.
 *****************************************
 <body onload="doPopup();">



 ③ 새창으로 띄울문서의 위치지정
*****************************************
 <script language="JavaScript">
 <!-- JavaScript
 window.moveTo(0,0);
 // - JavaScript - -->
 </script>

[설명]
window.moveTo(0,0); 이 부분의 0,0을 적당한 픽셀값으로 수정하면 됩니다.

 



위 코드를 복사후 미리보기가 가능합니다

html 연습장



아재감성 아재공간 다온네



추천 업체




아재 음악


관련자료

댓글 0
등록된 댓글이 없습니다.
kkk
웹팁 74 / 2 페이지
RSS
  • 웹페이지에 비밀번호 설정 비밀번호 입력하면 페이지 이동
    등록자 GW
    등록일 09.24 조회 1778

    웹팁 웹페이지에 비밀번호 설정 비밀번호 입력하면 페이지 이동재미삼아 사용해볼만한 보안과는 거리가 먼~아주 아주 허접하게 뚤리는 고전스러운 소스입니다.…

  • 모바일 이미지 자동으로 리사이즈
    등록자 GW
    등록일 04.21 조회 1763

    웹팁 모바일 이미지 자동으로 리사이징모바일웹 이미지 100%로 하다보면 불편합니다.이미지 리사이징 소스입니다.보다 전문적인 코드와 개념정리는 구글링해…

  • 오늘 날짜, 요일 구하는 자바스크립트
    등록자 GW
    등록일 02.23 조회 1710

    웹팁 오늘 날짜 요일 구하는 자바스크립트(javascript)날짜 월 일 날짜까지 간단하게 출력해주는 소스입니다.어디에 어떻게 사용할지...응용은 우…

  • 사이트맵 만들어주는 무료 프로그램
    등록자 GW
    등록일 05.07 조회 1705

    웹팁 구글웹마스터도구 사이트맵네이버웹마스터도구 사이트맵사이트맵을 자동으로 만들어주는 설치형 프로그램입니다.기본적으로 위 설정만으로도 가능합니다.세부설…

  • 절대경로 확인하기
    등록자 GW
    등록일 06.13 조회 1683

    웹팁 절대경로를 확인할때 유용한 팁입니다 123456789<?php$path=getcwd();echo"ThisIsYourAbsolutePath:…

  • 마우스 오른쪽 페이지 이동하기
    등록자 GW
    등록일 05.01 조회 1670

    웹팁 페이지에서 마우스 오른쪽을 클릭하면안내문과 함께 페이지가 이동됩니다. <script language="JavaScript"><!…

  • 숫자를 입력하면 자동으로 더하기 스크립트 소스
    등록자 GW
    등록일 01.25 조회 1662

    웹팁 창이 두번 연속으로 뜹니다.임의 숫자를 입력하세요 (두번)자동으로 값을 더하여 결과 값을 보여주는 소스입니다.<body>와 </…

  • QR코드 만들기 QR 코드 생성기
    등록자 GW
    등록일 01.27 조회 1655

    웹팁 네이버 QR만들기를 이용해서간단하게 QR코드를 만들 수 있습니다.QR로 원하는 페이지 링크이미지도 몇장 꾸밀수 있고동영상도 업로드및 링크걸 수 …

  • 그누보드 아미나 나리야 여분필드 개념
    등록자 꾸니꾸니
    등록일 01.18 조회 1647

    웹팁 여분필드는 1~10까지 있고 특별하게 프로그램 작업을 하지 않아도 html 안에 여분필드 컬럼을 넣으면디비에 데이터를 저장하거나 출력할 수 있습…

  • html 암호화 소스 암호화 소스복원하기 소스 컨버터 소스 변환
    등록자 GW
    등록일 03.10 조회 1589

    웹팁 html 암호화 소스 암호화 소스복원하기 소스 컨버터 소스 변환 예제 코드 :<img src = "https://onsol95.com/im…

  • 링크를 클릭하면 주소가 자동으로 복사되는 소스
    등록자 GW
    등록일 01.29 조회 1554

    웹팁 링크를 클릭하면 주소가 자동으로 복사되는 소스주소 또는 텍스트도 가능합니다. 123456789101112131415<scripttype="…

  • 나이를 구해주는 계산 스크립트
    등록자 GW
    등록일 04.16 조회 1546

    웹팁 미리보기는 하단에...^^생년월일을 입력하면 나이를 구해주는 스크립트html <input type="text" id="testUserYea…

  • PHP 설치형 채팅 PHP
    등록자 꾸니꾸니
    등록일 03.16 조회 1543

    웹팁 설치형 채팅프로그램인 phpfreechat압축 풀어 ftp로 업로드후잘 사용해 보아요OPEN SOURCE VERSIONFree versionJQ…

  • 디지털 시계 자바스크립트
    등록자 GW
    등록일 01.27 조회 1535

    웹팁 실시간 디지털 시계 위젯실시간 디지털 시계 자바스크립트요일이라는 글자를 없애고 싶으면<span>요일</span> 부분을 &…

  • .htaccess 안보일때 파일질라 설정
    등록자 GW
    등록일 03.11 조회 1493

    웹팁 .htaccess 파일이란?.htaccess 파일(hypertext access, 혹은 "분산 설정파일")을 사용하면 디렉토리별로 설정을 변경할…

알림 0