분류:: 컴퓨터/인터넷 << 인터넷/홈피

[Javascript] Confirm 함수와 사용하기

 


[Javascript] Confirm 함수와 사용하기


"확인", "취소" 버튼을 띄워준다

기본형태

  1. <script language="JavaScript">
  2.     var returnValue = alert("Alert");
  3.     document.write(returnValue);
  4. </script>



If문으로 나누어 이벤트를 처리할 수 있습니다.
Button을 클릭하면 alert를 띄운 후  확인(True) / 취소(False) 선택
폼 전송 확인시

  1. <script type="text/javascript">
  2. <!--
  3. function button_event(){
  4. if (confirm("정말 까리합니까?") == true){    //확인
  5.      document.form.submit();
  6.     }else{   //취소
  7.      return;
  8.     }
  9. }
  10. //-->
  11. </script>
  12. <input type="button" value="삭제하기" onclick="Javascript:button_event();">
 



url 값으로 전송할때
If문으로 나누어 이벤트를 처리할 수 있습니다.
이미지나 버튼을 클릭하면 확인(True) / 취소(False) 선택
url에 변수값 넣어 전송시 사용 한다
( location.href ) 사용

주의  location.href 의 따옴쵸 사용을 잘못하면 작동이 안된다.
주의 링크를 먼저 타면 Confirm 과 관계없이 실행이 되어버린다.
(예) class="del"> 삭제

  1. <script type="text/javascript">
  2. <!--
  3. function del_ok(num){
  4.     if (confirm("정말로 삭제하시겠습니까?")) {
  5.     //return true;
  6.     location.href = "./delete.php?mode=delete&idx="+num+"&tname=<?=$tname?>";
  7.     } else {
  8.     return false;
  9.     }
  10. }
  11. //-->
  12. </script>
  13. <a href="./delete.php?del=yes&idx=<?=$idx?>" class="del"><img src="images/btn_del.gif" alt="삭제" onClick="del_ok();return true;"/></a>
  14.  
 
댓 글


Name Password
내 용
싸인펜의 사진창고    인터넷 자료창고   설계자료 모음