jquery pop ups после подтверждения jquery

Question

У меня есть окно с подтверждением после нажатия на ссылку «Удалить» в jsp. Теперь проблема заключается в том, что страница удаления успеха отображается в том же окне.

Я бы хотел показать его во всплывающем окне.

Я попытался использовать javascript onclick(), но это не wotking. Итак, как я могу это сделать?

<script type="text/javascript" src="jquery-1.4.2.min.js"></script> 
<script type="text/javascript" src="jconfirmaction.jquery.js"></script> 


<script type="text/javascript"> 

      $(document).ready(function() { 


       $('.ask-plain').click(function(e) { 

        e.preventDefault(); 
        thisHref = $(this).attr('href'); 

        if(confirm('Delete this record?')) { 
         window.location = thisHref; 
        } 

       }); 

       $('.ask-custom').jConfirmAction({question : "Anda Yakin?", yesAnswer : "Ya", cancelAnswer : "Tidak"}); 
       $('.ask').jConfirmAction(); 
      }); 

     </script> 

<meta http-equiv="content-type" content="text/html; charset=utf-8" /> 


<SCRIPT TYPE="text/javascript"> 
<!-- 
function popup(mylink, windowname) 
{ 
if (! window.focus)return true; 
var href; 
if (typeof(mylink) == 'string') 
    href=mylink; 
else 
    href=mylink.href; 
window.open(href, windowname, 'width=750,height=430,scrollbars=no'); 
return false; 
} 
//--> 
</SCRIPT> 

---Delete image 
<td width="3%" align="left"><a href="cir_delete.jsp?cir_id=<%=rs.getString("cir_id")%>" class="ask"><IMG SRC="12.png" ALT="Delete" BORDER="0"></a></td> 

Thanx

Answer 1

при нажатии на кнопку удаления, то окно подтверждения показывается, а затем форма представить.

Что вам нужно сделать, это отправить форму через jquery, cathc, результат и показать передать его во всплывающее окно. Я скоро приведу пример.

Я сделал это один раз с jconfirm:

<script type="text/javascript"> 
     $(document).ready(function(){ 
      // give all your delete links a class="del" then when this is clicked, execute following: 
      $(".del").click(function() { 
      //get the href from th link you clicked 
      var href = $(this).attr("href"); 
       activate JConfirm 
       jConfirm('Can you confirm this?', 'Confirmation Dialog', function(r) { 
        // if confirm is clicked: 
        if(r){ 
         //post the form serialised to the url 
         $.post(href, $("#yourtestform").serialize(), 
          function(data){ 
          // the posted form will return html data, load this data in a hidden div 
          $('#loadhtml').html = data; 
          // now that the data is loaded, open a colorbox with the hidden div as content (don't forget to include the colorbox.js 
          $('#loadhtml').colorbox(); 
          }; 
         ); 
        } 
        //if the person clicked cancel: do nothing 
        else{ 
         return false; 
        } 
       }); 
       // insure that the form doesn't post itself again after jquery is finished 
       return false; 
      }); 
     }); 
    </script> 

Я предполагаю, что вы хотите использовать модальное всплывающее окно, как colorbox или что-то определит DIV в нижней части, где вы можете загрузить HTML после поста и скрыть it:

<div style="display:hidden" id="loadhtml"> 
</div> 

Answer 2

Если вам нужна самая продвинутая версия - jconfirmaction.jquery.js, вы поделитесь ею.