워터마크 구현

Programming/Javascript | 2013. 1. 24. 00:06
Posted by 오요미

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">

<title>워터 마트 구현</title>

<script language = "javascript" type="text/javascript">

//초기값인 상태라면 텍스트박스 값 지우기 : 워터마크 지우기

function clearField(field) {

if(field.value == field.defaultValue){

field.value = '';

}

}

//아무것도 입력되지 않았다면, 초기값으로 다시 지정 : 아이디/비밀번호

function checkField(field) {

if(field.value == ''){

field.value == field.defaultValue;

}

}

</script>

</head>

<body>

아이디 : <input type="text" value="아이디" onfocus="clearField(this)" onblur="checkField(this);"/><br />

비밀번호 : <input type="password" value="비밀번호" onfocus="clearField(this)" onblur="checkField(this);"/><br />

<input type="submit" value="로그인" />

</body>

</html>

'Programming > Javascript' 카테고리의 다른 글

iframe  (0) 2013.08.26
새로고침 종류  (0) 2013.05.30
복사 방지, 소스보기 막는 소스  (0) 2013.01.23
체크박스 전체선택 전체 해제  (0) 2013.01.23
주문자와 배송지 정보 같게 설정하는 checkbox  (0) 2013.01.22
 

복사 방지, 소스보기 막는 소스

Programming/Javascript | 2013. 1. 23. 23:51
Posted by 오요미

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">

<title>마우스 오른쪽 버튼 사용금지</title>

<script language="javascript" type="text/javascript">

//[1] 마우스 오른쪽 버튼 사용 금지

function clickMouse()

{

if((event.button ==2 ) || (event.button == 3)){

return (false);

}

}


function clickKey(){

if((event.shiftKey) && (event.keyCode == 121)){

return false;

}

}


function noAction(){

return false;

}


document.onmousedown = clickMouse;

document.onkeydown = clickKey;

document.oncontextmenu = noAction;

document.ondragstart = noAction;

document.onselectstart = noAction;

</script>

</head>

<body>


본문에 있는 데이터를 기본적으로 읽어가지 못하도록 방지하는 스크립트


</body>

</html>

'Programming > Javascript' 카테고리의 다른 글

새로고침 종류  (0) 2013.05.30
워터마크 구현  (0) 2013.01.24
체크박스 전체선택 전체 해제  (0) 2013.01.23
주문자와 배송지 정보 같게 설정하는 checkbox  (0) 2013.01.22
웹브라우저 관련 예제들  (0) 2013.01.22
 

체크박스 전체선택 전체 해제

Programming/Javascript | 2013. 1. 23. 23:32
Posted by 오요미

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">

<title>체크박스 전체 선택 전체 해제</title>

<script language = "javascript" type="text/javascript">

var checkflag = "false";

//false이면 전체선택, true이면 전체해제.

function check(field) {

if(checkflag == "false"){

for(i=0; i<field.length; i++) {

field[i].checked = true; //모든 체크박스를 체크한다.

}

checkflag = "true";

return "전체 해제";

//버튼객체의 value속성으로 반환(this.value.list로 넘겨져 왓기 때문)

}

else {

for(i=0; i < field.length; i++) {

field[i].checked = false; //모든 체크박스를 해제한다.

}

checkflag = "false";

return "전체 선택";

//버튼 객체의 value 속성으로 반환(this.value로 넘겨져 왔기 때문)

}

}//end function

</script>

</head>

<body>

<form name="MyForm" action="" method="post">

<input type="checkbox" name="list" id="list" value="1" />C#<br/>

<input type="checkbox" name="list" id="list" value="1" />JAVA<br/>

<input type="button" value="전체선택" onclick="this.value=check(this.form.list);"/>

</form>

</body>

</html>




 
블로그 이미지

오요미

공부할 수 있는 순간을 감사하며 공부하라.

카테고리

분류 전체보기 (121)
Electronics (1)
Programming (72)
Culturallife (30)
English (11)
취업 (1)
대학원 (4)
Life (1)