2012-03-29 5 views
0

ich habe einfach tr eine td aus der Datenbank kommt diebenötigen jQuery Dialog zur Bestätigung und senden Ajax Anfrage an Controller Aktion

<tr> 
<td > 
    <td style=" display:none"> <?php echo $record['id_to_send'];?></td> 
<?php if($record['user_value'] == 1) 
<a href="#"><img src="Green.png" /></a> 
else <a href="#"><img src="Red.png" /></a>?> 
</td> 
</tr> 

Was ich tun möchte, ist, dass, wenn Grün-Bild will ich jQuery Dialog geklickt wird mit bestätigen Taste und wenn der Benutzer bestätigen, dass ich will ajax-Request an mein Controller Action1 senden mit Daten $record['id_to_send']; .wenn Red Bild geklickt wird nach Bestätigung möchte ich ajax-Request an mein Controller Action2 senden mit Daten $record['id_to_send'];

+0

JQuery UI kommt mit einem schönen modalen. http://jqueryui.com/demos/dialog/ – Magrangs

+0

@Magrangs wie ajax Anfrage auf OK senden? –

Antwort

2

um aJAX auf OK senden Bestätigung:

$("<div>Confirmation</div>").dialog({ 
    modal:true, 
    buttons: { 
     "OK": function() { 
      sendAjax(); //Your ajax function 
      $(this).dialog("close"); 
     }, 
     "Cancel": function() { 
      $(this).dialog("close"); 
     } 
    } 
}); 
+0

wie Hintergrund deaktivieren? Ich meine, dass der Benutzer nicht in der Lage ist, mit anderen Elementen auf der Seite zu interagieren, wenn das Popup-Fenster erscheint. –

+1

@Teknords - Das ist das, was "modal: true" tut. –

+1

Sie sollten die modale Option auf true setzen. Überprüfen Sie den Code erneut. –

Verwandte Themen