웹팁 분류

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

작성자 정보

  • 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
  • 그누보드 아미나 나리야 여분필드 개념
    등록자 꾸니꾸니
    등록일 01.18 조회 1486

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

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

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

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

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

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

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

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

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

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

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

  • jfif 이미지 파일 JPG 변환 JFIF TO JPG PNG
    등록자 GW
    등록일 12.20 조회 1391

    웹팁 이미지 파일을 저장했는데 .jfif 파일?자동 변환 사이트를 이용하면 쉽게 원하는 이미지파일 형식으로 다운로드가 가능합니다JFIF 이미지 파일J…

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

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

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

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

  • 메타태그 활용 meta 설정하기 문서수집 허용
    등록자 GW
    등록일 01.25 조회 1347

    웹팁 하이퍼텍스트(Hyper text) 생성 언어 HTML 문서의 맨 위쪽에 위치하는 태그(tag)로 HEAD 태그 사이 또는 뒤에 있어도 되지만 반…

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

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

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

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

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

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

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

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

  • jwpalyer 로고 없애기
    등록자 꾸니꾸니
    등록일 03.26 조회 1274

    웹팁 <head><script type="text/javascript" src="/jwplayer/jwplayer.js" >&l…

알림 0