2013.12.18 11:10
 


 

getElementById(), getElementsByName() 이란?

 

getElementById()의 경우는 오브젝트의 id속성을 통해 인식하고

getElementsByName()의 경우는 오브젝트의 name을 통해 인식한다.

 

FF에서는 위의 룰에 따라 식별하며 IE는 알아서 식별해준다.

FF의 경우 getElementById()을 사용시 textarea에 id="myTextArea"가 없는 경우 또는

getElementsByName()을 사용시 textarea에 name="myTextArea"가 없는 경우 에러가 발생한다.

 

그리고 둘의 차이는 단수냐 복수냐 즉 단일 오브젝트냐 복수의 오브젝트(배열지정)냐로 구분할수 있다.

위의 예제처럼 2개의 동일한 id name의 텍스트 필드가 있을경우

getElementById()로 지정할경우 <texarea id="myTextArea" name="myTextArea">text1</textarea> 밖에 핸들링할수 없다.

물론 배열로 지정할경우 에러가 발생할 것이다.(FF)

getElementsByName()로 지정할경우 texarea 둘다 핸들링 가능하다. 물론 배열로 지정하지 않고

objTextarea.value를 사용하면 undefined 상태가 된다.

 
 
Posted by 대학교닷컴 대학교닷컴
2013.12.18 11:08
 


 

Form.elements[]

설명

폼의 입력 엘리먼트들 readonly HTMLCollection element

 

구문

elements는 HTML 폼 내에 나타나는 폼 엘리먼트들(Input, Select, Textarea 객체 등)을 담은 배열처럼 작동하는 HTMLCollection 객체다. 배열 내에 들어 있는 엘리먼트들은 HTML 소스 코드에 나타난 순서대로 들어 있다. 각 엘리먼트에는 그 엘리먼트의 종류를 나타내는 type 프로퍼티가 있다.

사용방법
elements[] 배열 내 어떤 아이템이 HTML <input> 태그를 나타내고 name="name" 어트리뷰트를 통해 이름이 주어져 있으면, 이 아이템의 이름은 form 의 프로퍼티가 되고 이 프로퍼티로 이 아이템을 참조할 수 있다. 따라서 다음과 같이 번호가 아니라 이름으로 엘리먼트를 참조할 수 있다. form.name


 

 
 
Posted by 대학교닷컴 대학교닷컴
2013.12.10 16:17
 


 

자바스크립트(JavaScript) 문자열 함수


문자열.indexOf("찾고자하는문자(열)"); 

   문자의 index 값 출력, 0부터 시작, 대소문자 구분, 중복시 앞의 값, 존재하지 않을 경우 -1


문자열.lastIndexOf("찾고자하는문자(열)"); 

   뒤쪽에서부터 찾기 시작, indexOf와 찾는 방향만 다른 함수.


문자열.charAt(Index번호)

   문자열에서 index번호에 해당되는 문자 리턴.


문자열.substring(시작인덱스번호, 끝인덱스번호)

   문자열에서 시작인덱스번호번터 시작해서 끝인덱스번호-1까지 리턴. 끝인덱스 생략시 문자열끝까지


문자열.slice(시작인덱스번호, 끝인덱스번호)

   substring과 같지만 음수도 가능(음수는 오른쪽기준 0부터시작)


문자열.substr(시작인덱스번호, 리턴길이)

   문자열의 시작인덱스에서 시작해서 리턴길이만큼 리턴.


문자열.toUpperCase()

   문자열을 대문자로 변환.


문자열.toLowerCase()

   문자열을 소문자로 변환.


문자열.length

   문자열 길이


문자열.replace(/찾는문자/g, 바꿀문자)

   문자열에서 찾는문자 전부를 변환.

 
 
Posted by 대학교닷컴 대학교닷컴
2013.12.09 14:13
 


 

엔터를 통해 강제로 Submit 하는 방법

 

onkeydown="javascript: if (event.keyCode == 13) {go_view();}"

 

엔터를 통해 강제로 Submit를 막기 위한 방법은 여러가지가 있습니다.

가장 쉬운 방법은 보이지 않게.. 입력박스를 하나 더만들면 됩니다.

------------------------------------------------



Example #1 소개용 예제


<script language="vbscript">
Sub txtEMPNUMKey_onKeyUp
    If window.event.keyCode = 13 Then call SelectRtn()
End Sub

sub SelectRtn()
    MsgBox "Call selectRtn"
End Sub
</script>

<form name="frmTest">
<input type="text" name="txtEMPNUMKey">

<input type="text" name="txttmp" style="display:none;">
</form>


------------------------------------------------ 

또 다른 방법으로. Javascript 등으로 강제로 제어를 할 수 있습니다.

------------------------------------------------


Example #2 소개용 예제


<script language="vbscript">
Sub txtEMPNUMKey_onKeyUp
    If window.event.keyCode = 13 Then call SelectRtn()
End Sub

sub SelectRtn()
    MsgBox "Call selectRtn"
End Sub
</script>

<form name="frmTest">
<input type="text" name="txtEMPNUMKey" onkeyDown='javascript_:{if(event.keyCode==13) event.returnValue=false;}'>
</form>


------------------------------------------------

 

 
 
Posted by 대학교닷컴 대학교닷컴

티스토리 툴바