'W3C/HTML DOM'에 해당하는 글 55건

1. availHeight
availHeight 속성은 클라이언트의 디스플레이 화면의 세로길이를 반환한다.
(윈도우즈 작업표시줄 포함)
screen.availHeight

2. availWidth
availWidth 속성은 클라이언트의 디스플레이 화면의 가로길이를 반환한다.
(윈도우즈 작업표시줄 포함)
screen.availWidth

3. height
height 속성은 클라이언트의 디스플레이 화면의 세로길이를 반환한다.
(모니터 해상도)
screen.height

4. width
height 속성은 클라이언트의 디스플레이 화면의 가로길이를 반환한다.
(모니터 해상도)
screen.width

<!-- 모니터 해상도와 스크롤바를 제외한 해상도 반환 -->
<html>
<body>
<script type="text/javascript">
document.write("Screen resolution: ")
document.write(screen.width + "*" + screen.height)
document.write("<br />")
document.write("Available view area: ")
document.write(screen.availWidth + "*" + screen.availHeight)
</script>
</body>
</html>

WRITTEN BY
손가락귀신
정신 못차리면, 벌 받는다.

트랙백  0 , 댓글  0개가 달렸습니다.
secret
1. accessKey Property
accessKey 속성은 텍스트 필드에 접근할 수 있는 키보드 키를 지정하거나 반환한다.
지정된 키로 요소에 포커스를 주기 위해 Alt + accessKey 를 사용한다.
textObject.accessKey = accessKey

<!-- alt+"n,p,c" 키를 사용하여 포커스 활성화 -->
<html>
<head>
<script type="text/javascript">
function access(){
  document.getElementById('myName').accessKey = "n"
  document.getElementById('myPwd').accessKey = "p"
  document.getElementById('myCheck').accessKey = "c"

}
</script>
</head>

<body onload="access()">
<form>
Name: <input type="text" id="myName" /><br />
Password: <input type="password" id="myPwd" /><br />
<input type="checkbox" id="myCheck" />Remember password
</form>
</body>
</html>


2. maxLength Property
maxLength 속성은 텍스트 필드의 문자 최대수를 지정하거나 반환한다.
textObject.maxLength = number

<!-- 텍스트 필드에 허용된 문자 최대수를 반환 -->
<html>
<head>
<script type="text/javascript">
function maxLen(){
  alert( document.getElementById( 'myName' ).maxLength )
}
</script>
</head>

<body>
<form>
<input type="text" id="myName" maxlength="50" /><br />
<input type="button" onclick="maxLen()" value="Max Length" />
</form>
</body>
</html>


3. tabIndex Property
tabIndex 속성은 텍스트 필드의 탭순서를 지정하거나 반환한다.
textObject.tabIndex = number

<!-- 텍스트 필드에 포커스를 주면 해당 탭순서 출력 -->
<html>
<head>
<script type="text/javascript">
function checkTab( x ){
  alert( x.tabIndex )
}
</script>
</head>

<body>
<form id="myForm">
<input tabindex="1" onfocus="checkTab(this)" /><br />
<input tabindex="2" onfocus="checkTab(this)" /><br />
<input tabindex="3" onfocus="checkTab(this)" />
</form>
</body>
</html>

WRITTEN BY
손가락귀신
정신 못차리면, 벌 받는다.

트랙백  0 , 댓글  0개가 달렸습니다.
secret
1. value Property
value 속성은 radio 버튼의 속성 값을 지정하거나 반환한다.
radioObject.value = sometext

<!-- 라디오 버튼을 클릭하여 텍스트 박스에 라디오 값 출력 -->
<html>
<head>
<script type="text/javascript">
function check(browser){
  document.getElementById('answer').value = browser
}
</script>
</head>

<body>
<form>
<input type="radio" name="browser" onclick="check(this.value)" value="Internet Explorer" />Internet Explorer<br />
<input type="radio" name="browser" onclick="check(this.value)" value="Firefox" />Firefox<br />
<input type="radio" name="browser" onclick="check(this.value)" value="Netscape" />Netscape<br />
<input type="radio" name="browser" onclick="check(this.value)" value="Opera" />Opera<br />
<input type="text" id="answer" size="20" />
</form>
</body>
</html>


WRITTEN BY
손가락귀신
정신 못차리면, 벌 받는다.

트랙백  0 , 댓글  0개가 달렸습니다.
secret
1. checked Property
checked 속성은 체크박스에 체크할지를 지정하거나 반환
checkboxObject.checked = true|false

<!-- 체크목록을 텍스트 필드에 출력 -->
<html>
<head>
<script type="text/javascript">
function chooseShow(){
  txt = ""
  myform = document.forms[0].coffee
  for( i = 0; i < myform.length; ++i ){
    if( myform[i].checked ){
      txt = txt + myform[i].value + " "
    }
  }
  document.getElementById('showStr').value = "You choosed " + txt
}
</script>
</head>

<body>
<form>
<input type="checkbox" name="coffee" value="water" />water<br />
<input type="checkbox" name="coffee" value="sugar" />sugar<br />
<input type="checkbox" name="coffee" value="cream" />cream<br />
<input type="button" value="Choose Show" onclick="chooseShow()" /><br />
<input type="text" id="showStr" size="50" />
</form>
</body>
</html>

WRITTEN BY
손가락귀신
정신 못차리면, 벌 받는다.

트랙백  0 , 댓글  0개가 달렸습니다.
secret
1. id Property
id 속성은 버튼의 id를 지정하거나 반환한다.
buttonObject.id = id

2. type Property
type 속성은 폼 요소의 type을 반환한다.
buttonObject.type

3. value Property
value 속성은 버튼에 보여지는 텍스트를 지정하거나 반환한다.
buttonObject.value = sometext

4. disabled Property
disabled 속성은 버튼을 사용할 것인지를 지정하거나 반환한다.
buttonObject.disabled = true|false

<!-- 이미지의 URL을 변경 -->
<html>
<head>
<script type="text/javascript">
function buttonInfo(){
  var prop = document.getElementById('myButton')
  alert("id: " + prop.id)
  alert("type: " + prop.type)
  alert("value: " + prop.value)
  prop.disabled = true
}
</script>
</head>

<body>
<form>
<input id="myButton" type="button" value="Button Info" onclick="buttonInfo()" />
</form>
</body>
</html>

WRITTEN BY
손가락귀신
정신 못차리면, 벌 받는다.

트랙백  0 , 댓글  0개가 달렸습니다.
secret