3초 공지창
<html>
<head>
<title>3초 공지창</title>
<script type="text/javascript">
function start(){
setTimeout("show()", 3000);
}
function show() {
win = window.open("allim.htm", "new", "width=250 height=380");
}
</script>
</head>
<body text="#666666" onload="start()">
<table border="0" width="750" cellpadding="3" align="center">
<tr>
<td width="150" align="right" valign="top" bgcolor="#646664" rowspan="6">
<font size="2" color="#CCCCCC">기본정보<br>스텝<br>
<hr width="80%" noshade color="#999999">
영화속 명대사<br>관련사이트<br>
<hr width="60%" noshade color="#999999">
겔러리<br>사운드트랙<br>예고편<br>
<hr width="70%" noshade color="#999999">
감상후기<br>버그리포트</font>
</td>
<td width="650" height="20" colspan="2" background="images/title.gif"> </td>
</tr>
<tr>
<td width="450" valign="top">
<img src="images/photo1.jpg" width="152" height="223" border="1" align="left" hspace="10">
<font size="2" color="#336699">-장르 : 드라마 / 로맨스 <br>-국가 : 미국 / 영국 / 프랑스<br>
-상영시간 : 105 분<br>-관람기준 : 18세 이상 관람가 <br>-개봉일 : 2001-09-01<br>
-비디오출시일 : 2002년 02월 23일<br>
-<a href="http://bridgetjonesdiary.movist.com">공식홈페이지</a><p>
<font size="2" color="#6699FF">-감독 : 샤론 맥과이어 <br>
-출연 : 르네 젤위거 / 콜린 퍼스 / 휴 그랜트 <br>-각본 : 헬렌 필딩 <br>
-제작 : 팀 베번 / 조나단 카벤디쉬 / 에릭 펠너 <br>-음악 : 패트릭 도일 <br>
-촬영 : 스튜어트 드라이버그 </font>
</td>
<td width="150" rowspan="5" align="center" valign="top" bgcolor="#424542">
<font size="2" color="white"><b>Gallery</b></font><p>
<img src="images/photo2.jpg" width="70" height="70" border="1">
<img src="images/photo3.jpg" width="70" height="70" border="1"><br>
<img src="images/photo4.jpg" width="70" height="70" border="1">
<img src="images/photo5.jpg" width="70" height="70" border="1"><br>
<img src="images/photo6.jpg" width="70" height="70" border="1">
<img src="images/photo7.jpg" width="70" height="70" border="1"><br>
</td>
</tr>
<tr>
<td bgcolor="#E72042"><font size="2" color="white"><b>태그라인</b></font></td>
</tr>
<tr>
<td><font size="2">제 일기는 당신께만 보여드릴께요...</font></td>
</tr>
<tr>
<td bgcolor="#E72042">
<font size="2" color="white"><b>시놉시스</b></font>
</td>
</tr>
<tr>
<td >
<font size="2">서른 두살의 노처녀 브리짓 존스. 칼로리와의 전쟁에
몰두하고 완벽한 남자를 만나겠다는 희망을 간직한 그녀. 어김없이 새해가
다가오고 그녀는 엄마의 성화로 부모님 댁에서 수다스럽고 참견하기
좋아하는 이웃들과 함께 명절을 보내야 하는데..</font>
</td>
</tr>
<tr>
<td align="center" bgcolor="#CCCCCC" height="70" colspan="3">
<font size="2">
Copyright ⓒ 1999-2003 Movie World Co.,Ltd. All rights reserved. <br>
Contact webmaster for more information.</font>
</td>
</tr>
</table>
</body>
</html>3초 공지창에 뜰 내용
<html>
<head>
<title> DVD할일 축제 </title>
<style>a{color:white;text-decoration:none}</style>
</head>
<body leftmargin=0 topmargin=0 text=white>
<table width=250 height=380 border=1 bordercolor=white bordercolorlight=navy
bgcolor=#3399CC cellpadding=0 cellspacing=0>
<tr height=30>
<td align=center>DVD 할일 축제 이벤트</td>
</tr>
<tr>
<td><img src="images/b.jpg" width="250" height="330"><br>
</td>
</tr>
<tr>
<td align=center>
<input type="checkbox" name="today">오늘 하루는 창 띄우지 않기
<a href="#">닫기</a>
</td>
</tr>
</table></body></html>새로운 window창 생성 후, 텍스트를 입력받아서 원래 홈페이지에 입력받은 텍스트 넣어주기
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<title>Insert title here</title>
<script type="text/javascript">
var win = null;
function show() {
if (win == null || win.closed)
win = window.open("", "", "width=300, height=200");
win.document.open();
//자식 창에 있는 코드
//부모의 객체를 호출하는 window.opener프로퍼티
win.document.write("<textarea id='outTxt' rows=5 cols=30></textarea><br><button onclick='window.opener.output()'>입력하기</button>");
win.document.close();
}
function output() {
//자식의 객체를 호출해서 textarea에 넣어준다.
//elementById는 모든 브라우저에서 가능한 것
document.getElementById("inTxt").value = win.outTxt.value;
}
</script>
</head>
<body bgcolor="yellow">
<button onclick="show()">새 창을 띄워 입력하세요</button><br>
<textarea id="inTxt" rows=15 cols=50></textarea>
</body>
</html>'Study > JavaScript' 카테고리의 다른 글
| [javaScript] Dom Script 실습 (0) | 2019.05.16 |
|---|---|
| [javaScript] Dom Script (0) | 2019.05.16 |
| [javaScript] Document (0) | 2019.05.16 |
| [javaScript] Form (0) | 2019.05.16 |
| [javaScript] 정규표현식, 이벤트, 이벤트핸들러, 이벤트 버블 실습 (0) | 2019.05.16 |
