2013-06-11 3 views
5

HTML에서 delete_icon은 이미지 파일로, 클릭하면 이메일 ID이 확인 메시지없이 삭제됩니다. delete_icon을 클릭하면 표시 할 팝업을 추가하고 싶습니다. 위에서 언급 한 팝업이 열리고 yes을 클릭하면 인스턴스가 삭제되어야하며, 그렇지 않으면 인스턴스가 반환되어야합니다. jQuery 또는 JavaScript에서 어떻게해야합니까?삭제 확인 메시지를 추가하는 방법

+0

당신이 같은 얼룩말 대화 또는 JQuery와 UI의 대화로 플러그인 확인 상자를 사용하여 처리하는 것이 더 좋을 것를 다음과 같이 더 잘 사용할 수 있습니다. ACcordingly 당신은 버튼 클릭 인덱스에 대한 응답을 처리 할 수 ​​있습니다. –

+0

수동으로 처리해야 할 것이 많으므로 다음 링크를 참조하십시오. http://tutorialzine.com/2010/12/better-confirm-box-jquery-css3/ –

+0

@MonkL'jQuery'는 추가 정보입니다. 라이브러리 ... 당신이 그것을 원한다면 ** 왜 순수한 JS **에서 그것을하지 않았습니까? –

답변

0

시도이

$('.delete_icon').click(function(){ 
     if(confirm('Are sure want to delete record?')) 
     { 
    var obj = $(this) 
var csrf_token = "{{ csrf_token }}"; 
var email = $(this).attr('value'); 
var id = $(this).attr('id'); 
$.ajax({ 
    data:{csrfmiddlewaretoken: csrf_token,id:id,cancel_email:email}, 
    type:'POST', 
    url: '/report/notification/', 
    cache:false, 
    success: function(response) { 
     $(obj).parent('p').remove(); 
     return false; 
    } 
    }); 
}); 
} 

});

+0

코드에 익숙하지 않은 사람들을 위해 코드 또는 주석 앞에 설명을 추가 할 수 있습니다. –

+0

@ Sangram, 나는 작동하지 않는 위의 하나를 시도했다 –

1

흠. 당신은 간단한 자바 스크립트로 이것을한다.

<script type="text/javascript"> 
function deleteImage(x){ 
    var conf = confirm("Are you sure you want to delete this image?"); 
    if(conf == true){ 
     alert("OK... you chose to proceed with deletion of "+x); 
    } 
} 
</script> 

기본 브라우저 확인 상자 사용. 그리고 이것은 함수의 예제 사용입니다.

<input name="myBtn" type="button" onClick="deleteImage('images/pic.jpg')" value="Delete Image"> 
+0

내 애플 리케이션에서, 순수한 흰색 배경과 함께있는 팝업 상자를 사용하여 기본 브라우저를 포함하여 기본 브라우저 확인 상자에 관심이 없다. 사용자 정의에 가서, 내 경우에 그것을 사용자 정의하는 방법을 말해 줄 수 있습니다. 나는 장고 웹 프레임 워크에서 개발, 내 js 코드와 HTML을 업데이 트했습니다. –

2

<a href="url_to_delete" onclick="return confirm('Are you sure want to dele');">Delete</a> 
관련 문제