'Computer/Html & Script'에 해당되는 글 2건

  1. 2008.12.11 콤보박스 자동 확장하기
  2. 2008.12.05 입력상자에서 숫자만 입력 가능하게 하기
Computer/Html & Script2008. 12. 11. 15:54
마우스를 올리면 자동으로 확장됩니다.



<TABLE border="0" bgcolor="black">
  <TR>
    <TD width="100" height="25" valign="top" bgcolor="white">
      <SELECT  style='width:50'
            NAME="aaaaa" style="position:absolute"
            onmouseover="this.style.zIndex=2;this.size=this.length"
            onmouseout="this.size=1;this.style.zIndex=0"
            onClick="this.size=1;this.style.zIndex=0">
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
        <option value="5">5</option>
        <option value="6">6</option>
        <option value="7">7</option>
        <option value="8">8</option>
        <option value="9">9</option>
      </SELECT>
    </TD>
    <TD bgcolor="white">마우스를 올리면 자동으로 확장됩니다.</TD>
  </TR>
</TABLE>

'Computer > Html & Script' 카테고리의 다른 글

입력상자에서 숫자만 입력 가능하게 하기  (0) 2008.12.05
Posted by jinzs
Computer/Html & Script2008. 12. 5. 13:09
-- html부분 --

 <INPUT type="text"  onKeyPress="NumObj(this);" style="ime-mode:disabled;">

설명: style="ime-mode:disabled;" 에서 한글 입력을 막아줍니다.

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

-- script부분 --

<SCRIPT LANGUAGE="JavaScript">
function NumObj(obj){
	if (event.keyCode >= 48 && event.keyCode <= 57) { //숫자키만 입력
		return true;
	} else {
		event.returnValue = false;
	}
}
</SCRIPT>


설명: 숫자에 해당하는 코드값이 들어오면 값을 다시 리턴시켜줍니다.


'Computer > Html & Script' 카테고리의 다른 글

콤보박스 자동 확장하기  (0) 2008.12.11
Posted by jinzs