'자바스크립트' 태그의 글 목록

자바스크립트

특정 div 프린트 하기 ...from Wilson's stroy 2009.11.20
[JavaScript] ESC와 BackSpace 막기 2009.09.10
특정부분만 영역설정해서 출력하기 2009.06.11
[Javascript] 팝업창 띄우는 여러가지 방법 2007.07.20
[Javascript] 팝업창 띄우기 및 하루에 한번만 보도록 선택하기 2007.07.20
[JavaScript]폼에서 한글입력,영문입력 지정하기 2007.02.21

특정 div 프린트 하기 ...from Wilson's stroy

2009. 11. 20. 11:09

function content_print(){

   var initBody = document.body.innerHTML;
      window.onbeforeprint = function(){
      document.body.innerHTML = document.getElementById('선택될 div id').innerHTML;
      }
      window.onafterprint = function(){
      document.body.innerHTML = initBody;
      }

   window.print();
   }
   </script>

===============================================================================================

<div id='content'>
내용 content_1
</div>

<div id='content_2'>
   내용 content_2
</div>
<input type="button" value="print" onclick="javascript:content_print();">
================================================================================================

선택될 div id 이부분에 div id 를 삽입하면 된다.
print 버튼을 누르면 지정된 div 안의 내용이 프린트 된다.

저작자표시 비영리 동일조건

'프로그래밍Tips' 카테고리의 다른 글

[SQL] 랭킹(RANK)에 의해 순위별로 최신 데이터 뽑아내기 (0)	2010.01.18
[JavaScript] ESC와 BackSpace 막기 (0)	2009.09.10
JAD, JADClipse 설치하기 (2)	2009.09.07

[JavaScript] ESC와 BackSpace 막기

2009. 9. 10. 17:49

웹상에서 다수의 입력항목이 있는 페이지에서 데이터를 입력하는 도중 실수로 [esc]나 [back space] 키를 누르면
History back으로 인식하여 새로 입력한 모든 정보가 날라갑니다.
그렇게 되고나면 복구도 불가능하고 오로지 다시 입력하는 수 밖에 없습니다.
사용자의 실수 방지 차원에서 가능한 잊지않고 넣으면 좋을 것 같습니다..

/*
******************************************
* 2005-08-10
* 박 이 수
* esc와 back-space 클릭 방지
******************************************
*/
document.onkeydown=checkKey;

function checkKey(){
//alert("You pressed a following key: "+window.event.keyCode);
// ESC Key 누를 때 데이터 사라지는 것 방지
if(window.event.keyCode == 27){
window.event.returnValue = false;
return;
}

// back-space 누를 때
if(window.event.keyCode == 8){

  // TextEdit가 아니면 작동하지 않도록
  if(!window.event.srcElement.isTextEdit){
   window.event.returnValue = false;
   return;
  }else if(window.event.srcElement.readOnly || window.event.srcElement.disabled){
   // readOnly나 disabled인 경우 작동하지 않도록
   window.event.returnValue = false;
   return;
  }
}

event.returnValue = true;
}

from http://blog.paran.com/yisupark/5320870

저작자표시 비영리 동일조건

'프로그래밍Tips' 카테고리의 다른 글

특정 div 프린트 하기 ...from Wilson's stroy (0)	2009.11.20
JAD, JADClipse 설치하기 (2)	2009.09.07
특정부분만 영역설정해서 출력하기 (0)	2009.06.11

특정부분만 영역설정해서 출력하기

2009. 6. 11. 17:17

<html파일>

<table>

<tr>

</tr>

</table>

</div>

[js파일]

/* 특정 부분을 출력할때 쓰임 */
function print_content(p_service){
//alert("dfdf");
window.open("/html/print_content.html","","directories=0,location=0,menubar=0,scrollbars=0,toolbar=0,width=500,height=500, left=5000, top=5000;");

// left와 top의 위치를 5000으로 해서 화면에는 안보이게 한다.
}

[print_content.html]

<html>
<head>
<link rel="stylesheet" type="text/css" href="/ktf/css/css.css">
</head>
<body onLoad="window.close();">
<form name="testform">
<input type="hidden" name="data" value>
</form>
<script language="javascript">
{
  var print_all;
  (document.testform.data.value = window.opener.document.all.print_content.innerHTML);
  print_all = (document.testform.data.value);
  document.write (print_all);
  window.print();
}
</script>
</body>
</html>

*********************************************************

출력버튼을 클릭하면 출력하는 화면이 뜨고 인쇄를 클릭하면

div태그에 쌓여진 부분만 출력하게 된다..

from. http://blog.naver.com/flydrago?Redirect=Log&logNo=40005671910 김경용

저작자표시 동일조건

'프로그래밍Tips' 카테고리의 다른 글

JAD, JADClipse 설치하기 (2)	2009.09.07
Tomcat DOC ROOT 변경 및 Deploy 방법 (0)	2009.03.23
솔라리스에서 ifconfig 설정하기 (0)	2008.09.29

[Javascript] 팝업창 띄우는 여러가지 방법

2007. 7. 20. 11:35

1.자동 띄우기

팝업창에 삽입
<html>
<head>
<title></title>
<script language="javascript">

</script>
</head>
<body onload="javascript:pop()">
이벤트 팝업창을 띄우기
</body>
</html>

2.프레임이 있는 팝업창 닫기

팝업창에 삽입
<html>
<head>
<title></title>
<script language="Javascript">

</script>
</head>
<body>
<a href="javascript:frameclose()">프레임셋 한방에 닫기</a>
</body>
</html>

3.팝업창 닫고 프레임이 없는 부모창에서 원하는 페이지로 이동하기

팝업창에 삽입
<html>
<head>
<title></title>
<script language="javascript">

</script>
</head>
<body>
<a href="javascript:MovePage();">자세한내용보기</a>
</body>
</html>

4.팝업창 닫고 프레임이 있는 부모창에서 원하는 페이지로 이동하기

팝업창에 삽입하고 팝업창의 설정은 프레임셋 페이지에 해야함
오픈창이 아닐경우에는 window.top.프레임이름.location.href="연결할파일" 적용한다
<html>
<head>
<title></title>
<script language="javascript">

</script>
</head>
<body>
<a href="javascript:MovePage();">자세한내용보기</a>
</body>
</html>

5.팝업창 자동으로 닫기

팝업창에 삽입
<html>
<head>
<title>Close Window Timer</title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
<script language="JavaScript">

</script>
</head>
<body onLoad="closeWin('5000')">
이창은 5초후 자동으로 창이 닫힘니다.<br>
</body>
</html>

6.프레임 나눈 팝업창 한번에 닫기

팝업창에 삽입
<html>
<head>
<title>Close Window Timer</title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
<script language="JavaScript">

</script>
</head>
<body onload="closeWin('5000')">
이창은 5초후 자동으로 창이 닫힘니다.<br>
</body>
</html>

7.하루동안 팝업창 띄우지 않기 소스 예제1

부모창인 index.htm에 삽입
<html>
<head>
<title>..</title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
<script language="javascript">

</script>
</head>
<body>
</body>
</html>

팝업창인 pop.htm에 삽입
<html>
<head>
<title></title>
<head>
<script language="JavaScript">
<!--
function setCookie( name, value, expiredays )
{
var todayDate = new Date();
todayDate.setDate( todayDate.getDate() + expiredays );
document.cookie = name + "=" + escape( value ) + "; path=/; expires=" + todayDate.toGMTString() + ";"
}
function closeWin()
{
if ( document.myform.event.checked )
setCookie("memo", "no" , 1); // 1일 간 쿠키적용

}
//-->
</script>
</head>
<body onunload="closeWin()">
<form name="myform">
<input type="checkbox" name="event">다음부터 이 창을 열지않음
<input type=button value="닫기" omclick="self.close()">
</form>
</body>
</html>

8.하루동안 팝업창 띄우지 않기 소스 예제2

부모창인 index.htm에 삽입
<html>
<head>
<title>..</title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
<head>
<SCRIPT LANGUAGE="JavaScript">

</script>
</head>
<body>
</body>
</html>

팝업창인 pop.htm에 삽입
<html>
<head>
<title></title>
<head>
<SCRIPT language="JavaScript">
<!--
function setCookie( name, value, expiredays )
{
var todayDate = new Date();
todayDate.setDate( todayDate.getDate() + expiredays );
document.cookie = name + "=" + escape( value ) + "; path=/; expires=" + todayDate.toGMTString() + ";"
}

function closeWin()
{
if ( document.forms[0].Notice.checked )
setCookie( "Notice", "done" , 1);
self.close();
}
//-->
</script>
</head>
<body onunload="closeWin()">
<form>
<input type=CHECKBOX name="Notice" value="">다시 팝업 안뜸
<a href="javascript:window.close()">닫기</a>
</form>
</body>
</html>

9.같은 브라우져에서 팝업 띄우기 않기

10.팝업창 가운데에 자동띄우기

팝업창에 삽입
<html>
<head>
<title>..</title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
<script language="JavaScript">

</script>
</head>
<body onload="winCentre()">
</body>
</html>

11.부모창에서 클릭하면 팝업창 가운데에 띄우기

부모창에 삽입
<html>
<head>
<title></title>
<head>
<script language="JavaScript">

</script>
<body>
<a href="팝업창파일" omclick="NewWindow(this,'name','100','100','yes');return false">
링크</a>
</body>
</html>

12.같은 브라우져에서만 팝업 띄우기 않기

부모창인 index.htm에 삽입 _새로 브라우져를 열면 팝업창이 뜸
<html>
<head>
<title>..</title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
<script language="javascript">

</script>
</head>
<body>
</body>
</html>

팝업창인 pop.htm에 삽입
<html>
<head>
<title></title>
<head>
<script language="JavaScript">

</script>
</head>
<body onunload="closeWin()">
<form name="myform">
<input type="checkbox" name="event">다음부터 이 창을 열지않음
<input type=button value="닫기" omclick="self.close()">
</form>
</body>
</html>

13.링크걸어서 지정된 사이즈로 열기

14.자동으로 지정된 크기로 브라우저 열기

15.해상도에 맞추어 전체장으로 늘어남

<html>
<head>
<title>..</title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
<script language="JavaScript">
function winMaximizer() {
if (document.layers) {
larg = screen.availWidth - 10;
altez = screen.availHeight - 20;
} else {
var larg = screen.availWidth;
var altez = screen.availHeight;
}
self.resizeTo(larg, altez);
self.moveTo(0, 0);
}
</script>
</head>
<body onload="winMaximizer()">
해상도에 맞추어 전체장으로 늘어남
</body>
</html>

16.이미지 클릭시 html문서없이 큰이미지로 새창띄우기

<html>
<head>
<title>..</title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
<script language="JavaScript">
var win1Open = null
function displayImage(picName, windowName,
windowWidth, windowHeight){
return window.open(picName,windowName,"toolbar=no,

scrollbars=no,resizable=no,width=" + (parseInt(windowWidth)+20) + ",height=" + (parseInt(windowHeight)+15))
} function winClose(){
if(win1Open != null) win1Open.close()
} function doNothing(){}
</script> <script language="JavaScript1.1">
function displayImage(picName, windowName,

windowWidth, windowHeight){
var winHandle = window.open("" ,windowName,"toolbar=no,scrollbars=no,

resizable=no,width=" + windowWidth + ",height=" + windowHeight)
if(winHandle != null){
var htmlString = "<html><head><title>Picture</title></head>"
htmlString += "<body leftmargin=0 topmargin=0 marginwidth=0 marginheight=0>"
htmlString += "<a href=javascript:window.close()><img src=" + picName + " border=0
alt=닫기></a>"
htmlString += "</body></html>"
winHandle.document.open()
winHandle.document.write(htmlString)
winHandle.document.close()
}
if(winHandle != null) winHandle.focus()
return winHandle
}
</script>
</head>
<body>
<a href="javascript:doNothing()"
onClick="win1Open=displayImage('큰 이미지파일', 'popWin1', '300', '400')" onOver="window.status='Click to display picture'; return true;" onMouseOut="window.status=''">
<img src=이미지파일" border="0"></a>
</body>
</html>

17.몇초후 웹페이지이동하기 소스예제1

<html>
<head>
<title>..</title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
<script language="JavaScript">
function nextWin()
{location = "이동할 URL"}
</script>
</head>
<body onload="setTimeout('nextWin()', 1000)"> 
바로 이동한 원하는 사이트로 이동함
</body>
</html>

18.몇초후 웹페이지이동하기 소스예제2

<html>
<head>
<title>..</title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
<script language="JavaScript">
self.location.replace('이동할 URL');
</script>
</head>
<body>
바로 이동한 원하는 사이트로 이동함
</body>
</html>

19.자동새로고침하기

<html>
<head>
<title>..</title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
<script language="JavaScript">

</script>
</head>
<body>
자동새로고침하기
</body>
</html>

20.해상도에 따라 다른 웹페이지 열기

<html>
<head>
<title>..</title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
<script language="JavaScript">
<!--
function redirectPage() {
var url800x600 = "main1.html"; //800*600 에서 열릴문서
var url1024x768 = "main2.html"; //1024*768 에서 열릴문서
var url1152x864 = "main3.html"; //1152*864 에서 열릴문서

if ((screen.width == 800) && (screen.height == 600))
window.location.href= url800x600;
else if ((screen.width == 1024) && (screen.height == 768))
window.location.href= url1024x768;
else if ((screen.width == 1152) && (screen.height == 864))
window.location.href= url1152x864;
else window.location.href= url800x600;
}
//-->
</script>
</head>
<body Onload="redirectPage()">
</body>
</html>

21.HTML파일 없이 이미지 사이즈에 맞게 팝업창 띄우기.
<script Language="Javascript">

var cnj_img_view = null;
function cnj_win_view(img){
img_conf1= new Image();
img_conf1.src=(img);
cnj_view_conf(img);
}

function cnj_view_conf(img){
if((img_conf1.width!=0)&&(img_conf1.height!=0)){
cnj_view_img(img);
} else {
funzione="cnj_view_conf('"+img+"')";
intervallo=setTimeout(funzione,20);
}
}

32.이미지사이즈에 맞게 새창이 열리며 휠마우스 효과를 내줌
그리고 메인(imgmove-main.html)에서 새창 띄워주는 부분

이 부분은 이미지를 보여줄 새창(img-move.html)입니다.
<style>
body {cursor:move;}
</style>
<body leftmargin=0 topmargin=0 marginwidth=0 marginheight=0 omLoad="fitWindowSize();">

<SCRIPT LANGUAGE="JavaScript">
// 이미지는 별도로 제공하지 않습니다.


var ie = 1;
var windowX, windowY;
var bLargeImage = 0;
var x,y;

var InitX = 500;

// 이미지가 새창에 맞게 조절되는 부분

// 휠마우스 효과

function move() {
if(bLargeImage){ window.scroll(window.event.clientX - 50,window.event.clientY -50);
}
}

// 오른쪽 왼쪽 마우스 클릭시 창닫는 부분

function click() {
if ((event.button==1) || (event.button==2) || (event.button==3)) {
top.self.close();
}
}
document.onmousedown=click

</script>
<img src="http://www.cginjs.com/cgi/js/test.jpg" border="0" ONMOUSEMOVE="move();">

'프로그래밍Tips' 카테고리의 다른 글

[java] sql문 실행의 결과 얻어진 ResultSet의 마지막값을 알고자 할 때 (0)	2007.07.20
[명령어] tar 묶을 때 특정 디렉토리 또는 화일만 빼고 묶기 (1)	2007.07.20
[Javascript] 팝업창 띄우기 및 하루에 한번만 보도록 선택하기 (0)	2007.07.20

[Javascript] 팝업창 띄우기 및 하루에 한번만 보도록 선택하기

2007. 7. 20. 11:24

1. 부모창에서

<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>

<body onload="javascript:win_open('popup.html')">

2. popup 화일에서 ( 여기서는 popup.html )

<script language="JavaScript">
function setCookie( name, value, expiredays ) {
var todayDate = new Date();
todayDate.setDate( todayDate.getDate() + expiredays );
document.cookie = name + "=" + escape( value ) + "; path=/; expires=" + todayDate.toGMTString() + ";"
}

function closeWin() {
if ( document.cnjform.notice.checked ){
setCookie("i_don_want", "no" , 1); //i_don_want: 쿠키이름
self.close();
}
}
</script>

<form name="cnjform" style="margin:0px;padding:0px;">
<table border="0" width="567">
<tr>
<td width="567">
<p align="right">
<input type="checkbox" name="notice" onclick="closeWin();"><font size=2><b>하루에 한번만 보기</b></font>
</p>
<td>
</tr>
</table>
</form>

'프로그래밍Tips' 카테고리의 다른 글

[명령어] tar 묶을 때 특정 디렉토리 또는 화일만 빼고 묶기 (1)	2007.07.20
자바 관련 사이트들입니다....이미지를 클릭하세요.. (0)	2007.05.25
간단한 유닉스(리눅스) 명령어 (1)	2007.03.20

[JavaScript]폼에서 한글입력,영문입력 지정하기

2007. 2. 21. 16:32

자바스크립트 한글 입력 비활성화 하기

자바스크립트 한글 입력 시작

Syntax

HTML : { ime-mode : sMode }

JavaScript : object.style.imeMode [ = sMode ]

* sMode ( active | inactive | disabled | auto )

active : 한글 모드으로 변환 이후에는 한글 모드

inactive : 영문모드로 복귀 후 이후에는 영문 모드

disabled : 영문모드만 가능

auto : 자동으로

Example

'프로그래밍Tips' 카테고리의 다른 글

간단한 유닉스(리눅스) 명령어 (1)	2007.03.20
오라클 실행창(도스창)에서 실행, 종료하기 (0)	2007.02.21
[티스토리]기능 추가하기... (0)	2007.01.26

PREV 1 NEXT

B_Pack Trip 평범한 직장인의 소확행