input button 에서 image 로 변경 도와주세요 정보
input button 에서 image 로 변경 도와주세요
본문
아래는 예입니다.
adm/member_list.php 에서 체크박스 선택 후 선택수정 또는 삭제 부분입니다.
// 요건 type을 button 에서 image로 변경
echo "<input type=image src='<?=$g4[admin_path]?>/img/icon_insert.gif' value='선택수정' onclick=\"btn_check(this.form, 'update')\"> ";
// 요건 손안댄것 원본 그대로
echo "<input type=button class='btn1' value='선택삭제' onclick=\"btn_check(this.form, 'delete')\">";
버튼을 이미지로 변경한것 뿐입니다. 이미지는 임의로 넣어 봤구요
체크박스가 선택됐을때는 문제 없이 정상 동작합니다.
체크박스가 하나도 선택되지 않았을때가 문제인데요
정상동작은 선택하라고 alert 와 함께 경고창 사라지고 페이지에 머무릅니다. return false 동작
하지만 image로 변경 하면 선택하라고 alert와 뜨고 확인누르면 페이지가 reflash 됩니다.
뭐가 문제 일까요???
도와주세요~~~
adm/member_list.php 에서 체크박스 선택 후 선택수정 또는 삭제 부분입니다.
// 요건 type을 button 에서 image로 변경
echo "<input type=image src='<?=$g4[admin_path]?>/img/icon_insert.gif' value='선택수정' onclick=\"btn_check(this.form, 'update')\"> ";
// 요건 손안댄것 원본 그대로
echo "<input type=button class='btn1' value='선택삭제' onclick=\"btn_check(this.form, 'delete')\">";
버튼을 이미지로 변경한것 뿐입니다. 이미지는 임의로 넣어 봤구요
체크박스가 선택됐을때는 문제 없이 정상 동작합니다.
체크박스가 하나도 선택되지 않았을때가 문제인데요
정상동작은 선택하라고 alert 와 함께 경고창 사라지고 페이지에 머무릅니다. return false 동작
하지만 image로 변경 하면 선택하라고 alert와 뜨고 확인누르면 페이지가 reflash 됩니다.
뭐가 문제 일까요???
도와주세요~~~
댓글 전체
아래꺼 둘중에 하나 선택해서 사용하세요.
input type image 는 submit 과 동일한 역할을 합니다.
폼을 전송시켜줘요.
button 에 onclick 이벤트를 이미지로 보이고 싶으시면 image 속성변경한다고 될게 아니라
이미지 태그에 onclick 을 주는게 맞아요.
echo "<img src=\"<?=$g4[admin_path]?>/img/icon_insert.gif\" onclick=\"btn_check(this.form, 'delete')\" style=\"cursor:point;\" />";
or
echo "<a href=\"#\" onclick=\"btn_check(this.form, 'delete')\" ><img src=\"<?=$g4[admin_path]?>/img/icon_insert.gif\" /></a>";
css 로 하실꺼면
<input type=button class='btn1' value='선택삭제' onclick="btn_check(this.form, 'delete')" style="background-image:<?=$g4[admin_path]?>/img/icon_insert.gif; width:지정;height: 지정;border:0px;">
이런식으로도 가능합니다.
input type image 는 submit 과 동일한 역할을 합니다.
폼을 전송시켜줘요.
button 에 onclick 이벤트를 이미지로 보이고 싶으시면 image 속성변경한다고 될게 아니라
이미지 태그에 onclick 을 주는게 맞아요.
echo "<img src=\"<?=$g4[admin_path]?>/img/icon_insert.gif\" onclick=\"btn_check(this.form, 'delete')\" style=\"cursor:point;\" />";
or
echo "<a href=\"#\" onclick=\"btn_check(this.form, 'delete')\" ><img src=\"<?=$g4[admin_path]?>/img/icon_insert.gif\" /></a>";
css 로 하실꺼면
<input type=button class='btn1' value='선택삭제' onclick="btn_check(this.form, 'delete')" style="background-image:<?=$g4[admin_path]?>/img/icon_insert.gif; width:지정;height: 지정;border:0px;">
이런식으로도 가능합니다.
a 태그로 btn_check(document.formname, 'update') 요렇게 해야 되네요.. 답변 진심 감사합니다 ^^
<input type="image" 는 폼 태그 안에 선언을 하는대요. 클릭시 onclick 이벤트를 먼저 체크 후에
폼을 전송하게 됩니다. 말씀하신 부분에선 onclick="함수명(this)" 과 onclick="return 함수명(this)" 두가지로 선언을 할수 잇는데요. return 명령어는 종료하라는 명령입니다. 이벤트에서 전달 받은 함수에서는 반드시
return false
return true 명령어를 입력해주어야 종료 아니면 실행을 하게 만들거든요.
function 함수명()
{
return false; // 클릭 이벤트를 종료
return true; // 클릭 이벤트를 실행
}
onclick 이벤트는 클릭을 했을때 발생을 합니다.
폼을 전송하게 됩니다. 말씀하신 부분에선 onclick="함수명(this)" 과 onclick="return 함수명(this)" 두가지로 선언을 할수 잇는데요. return 명령어는 종료하라는 명령입니다. 이벤트에서 전달 받은 함수에서는 반드시
return false
return true 명령어를 입력해주어야 종료 아니면 실행을 하게 만들거든요.
function 함수명()
{
return false; // 클릭 이벤트를 종료
return true; // 클릭 이벤트를 실행
}
onclick 이벤트는 클릭을 했을때 발생을 합니다.
감사합니다 ^^