본문 바로가기

WEB_Programming/Javascript

JavaScript 습작...

1.1. 자바스크립트 기능모음

http://cafe.naver.com/imeji.cafe?iframe_url=/ArticleRead.nhn%3Farticleid=69

1.2. 모달 다이얼로그 창 호출 하기

<script language="javascript">
/**
* 모달 다이얼로그 창 호출
*/
function modalDialog()
{
// 옵션 저장
var option = "dialogWidth:270px;dialogHeight:135px;center:yes;dialogHide:yes;help:off;resizable:no;scroll:no;status:no;";
window.showModalDialog( "./alert.html", window, option );

}
</script>

1.3. 다른 스크립트 호출하기 및 자바 내부 메소드 오버라이드 하기

<script language="javascript">
function goDel(){
alert("------------");\
var r = confirm("삭제하시겠습니까?");
//alert(r);
if(r == true) {
//alert("삭제");
pbform.action = "work_del_proc.asp";
pbform.submit();
}
}

function window.confirm(str){
execScript('n = msgbox("'+str+'","0")', "vbscript");
return(n == 6);
}
</script>

1.4. 숫자만 입력하게 만드는 자바 스크립트(한글까지 처리)

<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>


<SCRIPT LANGUAGE="JavaScript">
<!--
function onlyNumber()
{

event.returnValue=false;
var regxStr = /[0-9|]+/;
var regxStr2 = /[^0-9]+/;
var keychar = String.fromCharCode(event.keyCode);
//alert(event.keyCode + " :: " + keychar);

if((regxStr.test(keychar) || event.keyCode == 8)) {
event.returnValue=true;
}
else {
alert('숫자만 입력하셔야 합니다.');
if(event.keyCode == 229) {
var field = document.form.aa;
var fieldText = document.form.aa.value;
var len = document.form.aa.value.length;

if(regxStr2.test(document.form.aa.value)) {
field.value = field.value.substring(0, len-1);
}
}

return;
}

}

//-->
</SCRIPT>

<BODY>
<FORM METHOD=POST ACTION="" name="form">
<INPUT TYPE="text" NAME="aa" onKeyDown="onlyNumber()">
</FORM>

</BODY>
</HTML>

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

Javascript Trim 기능 구현  (0) 2009.01.28
JQuery 기본 Selector  (0) 2009.01.25
[JAVASCRIPT] insertBefore  (0) 2008.08.11
[HTML] 동영상 플레이 처리하기  (0) 2008.07.30
[JavaScript]이미지 버튼 스크롤  (0) 2008.07.19