이미지로 만든 버튼에(input type="image" src="abc.jpg" )
자바스크립으로 리셋기능을 주고싶은데..
어떻게 해야져?
function reset()
{
document.formname.reset();
}
제가 아는건 버튼에 onclick줘서 이렇게 주는건데 안돼네여.. ㅜㅜ
소스와 알기 쉽게 설명 부탁합니다..
내공 드려요 ^^
<input type="image" src="abc.jpg" onClick= "this.form.reset();return false;">
image버튼은 submit버튼 기능을 가지고 있지요.
그래서 클릭하면 submit 이벤트가 발생합니다. submit 하면서 그림내에서 클릭한 마우스 포인터 좌표값 (x , y좌표값)을 함께 submit시켜서 이미지의 어느 영역을 클릭했는지를 서버에서 확인 할 수 있습니다.
다시 본론으로 돌아와서 reset()만 시키면 reset()메서드를 실행하고 자동적으로 submit 됩니다.
따라서 reset()메서드를 실행하고 return false 합니다.
false를 return 함으로써 submit을 취소하는 겁니다.
제가 테스트해본 소스인데요..
<script>
function aa()
{
document.f.reset();
}
</script>
<form name=f>
<input type=text name=1>
<input type=text name=2>
</form>
<img src="a.gif" onclick=aa();>
혹시 < form > form>영역을 써주셨는지요...확인해보세용..
<form name=f>
<input type=text name=1>
<input type=text name=2>
<img src="a.gif" onclick="f.reset()">
</form>
'JAVASCRIPT' 카테고리의 다른 글
[javascript] jquery date() 함수에서요... (0) | 2014.04.23 |
---|---|
[javascript] 페이지 이동 (replace, href, go, reload), 이전페이지 가기. (0) | 2014.04.04 |
[javascript] ID 검사할 때, 영어 + 숫자 만 가능하게... (0) | 2014.04.04 |
JAVASCRIPT 전문 블로거 (0) | 2014.04.04 |
[Javascript] BackSpace 뒤로가기 키 막기 이벤트 (0) | 2014.04.04 |
화면에서 복사 후 붙여넣기시 클립보드값 제어 (0) | 2014.04.04 |
JavaScript KeyCode(자바스크립트 키코드) 표 (0) | 2014.04.04 |
[javascript]달력을 통해 입력폼에서 날짜를 받아서 오늘 날짜와 비교 (0) | 2014.03.27 |