'for web2.0/javascript'에 해당되는 글 4건

  1. 2008/08/12 텍스트박스 강제 onChange 이벤트 발생 시키기 (2)
  2. 2008/02/05 자바스크립트 날짜 함수
  3. 2007/09/11 높이 구하기~ Div Object Height (1)
  4. 2007/05/21 Javascript jason
for web2.0/javascript2008/08/12 19:21

텍스트박스 강제 onChange 이벤트 발생 시키기

텍스트 박스는 키 스트로크 없이 값을 변경할 때 온체인지 이벤트를 발생시키지 않는다.
따라서 외부 스크립트에 의해서 텍스트 박스의 값이 변경될 때에는 필요에 의해
강제로 온체인지 이벤트를 발생시켜야 한다.
[주의] 이벤트 핸들러가 설정되지 않은 상태라면 에러가 발생된다.






<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
    function aa(){
        alert(document.f1.a.value);
    }
//-->
</SCRIPT>
</HEAD>
<BODY>
<form name="f1">
    <input type="text" name="a" onchange="aa();">
    <button onclick="document.f1.a.value = document.f1.a.value + 'a';return false;">No onchange event</button>
    <button onclick="document.f1.a.value = document.f1.a.value + 'a';document.f1.a.onchange();return false;">Fire onchange event</button>
</form>
</BODY>
</HTML>

Posted by maketalk.net
TAG fire onchange, force fire the onchange event, force onchange, input type=text, onchange, 강제 이벤트, 이벤트 발생, 이벤트핸들러, 자바스크립트, 자바스크립트 이벤트, 텍스트, 텍스트박스, 핸들러
Trackback 0 Comment 2
for web2.0/javascript2008/02/05 15:42

자바스크립트 날짜 함수

자바스크립트 날짜 계산 함수

<script language="JavaScript">
<!--
/**
 param date : Date Objeet
 return string "YYYYMMDD"
 usage : getDateObjToStr(new Date());
*/
function getDateObjToStr(date){
 var str = new Array();

 var _year = date.getFullYear();
 str[str.length] = _year;
 
 var _month = date.getMonth()+1;
 if(_month < 10) _month = "0"+_month;
 str[str.length] = _month;
 
 var _day = date.getDate();
 if(_day < 10) _day = "0"+_day;
 str[str.length] = _day
 var getDateObjToStr = str.join("");

 return getDateObjToStr;
}

/**
 getDateObjToStr 함수 필요
 return Today "YYYYMMDD"
*/
function getToday(){
 var d = new Date();
 var getToday = getDateObjToStr(d);
 return getToday;
}

/**
 데이트 계산 함수
 param date : string "yyyymmdd"
 param period : int
 param period_kind : string "Y","M","D"
 param gt_today : boolean
 usage : calcDate("20080205",30,"D");
*/
function calcDate(date,period, period_kind,gt_today){

 var today = getToday();

 var in_year = date.substr(0,4);
 var in_month = date.substr(4,2);
 var in_day = date.substr(6,2);
 
 var nd = new Date(in_year, in_month-1, in_day);
 if(period_kind == "D"){
  nd.setDate(nd.getDate()+period);
 }
 if(period_kind == "M"){
  nd.setMonth(nd.getMonth()+period);
 }
 if(period_kind == "Y"){
  nd.setFullYear(nd.getFullYear()+period);
 }
 var new_date = new Date(nd);
 var calcDate = getDateObjToStr(new_date);
 if(gt_today){ // 금일보다 큰 날짜 반환한다면
  if(calcDate > today){
   calcDate = today;
  }
 }
 return calcDate;
}
//-->
</script>

참고하세요~^^
Posted by maketalk.net
TAG Javascript Date 함수, 날짜계산, 날짜함수, 년/월/일 날짜계산, 자바스크립트, 자바스크립트 날짜, 자바스크립트 년월일 날짜계산
Trackback 0 Comment 0
for web2.0/javascript2007/09/11 13:52

높이 구하기~ Div Object Height

DIV 와 같은 HTML Object의 Height를 구할 때...아래와 같이..하면 얻어집니다..

if(document.getElementById){
oHeight = document.getElementById(id).offsetHeight;
}
else if (document.layers){
oHeight = document.layers[id].clip.height;
}



Posted by maketalk.net
TAG div height, div object height, Hieght, javascript, javascript object height, object height, 자바스크립트
Trackback 0 Comment 1
for web2.0/javascript2007/05/21 08:38

Javascript jason

<html>
<head>
<script language=javascript>
function test(argTest)
{
 'x' in argTest ? alert('x = ' + argTest.x) : "";
 'y' in argTest ? alert('y = ' + argTest.y) : "";
 'z' in argTest ? alert('z = ' + argTest.z) : "";
}

function functest() {
 return 'this is from a function';
}

</script>
</head>
<body>
<button onclick="test({x:1, y:'two'});">Test x,y</button><br>
<button onclick="var zarg='z arg'; test({z:zarg});">Test z</button><br>
<button onclick="var f = functest(); test({x:f});">Test function</button><br>
</body>
</html>

Posted by maketalk.net
TAG Jason, javscript, 대한민국
Trackback 0 Comment 0