jquery modal return value
-
have a jquery on my aspx page which loads a seperate aspx page through iframe inside a jquery modal. I am passing the the value of a textbox to the jquery-modal. Now I have a gridview in modal popup and evrytime i select a row I want to return those values back to base(parent page and populate some textboxes with gridview row in modal. I am unable pass values back to base page. my jquery is as below:-
$(function() {
/* Modal Dialog Box Configuration */$("#addForm").dialog({ autoOpen: false, modal: true, width: 500, scroll: true, overlay: { "background-color": "#000", "opacity": "0.5", "-moz-opacity": "0.5" } }); $("#btnAddSession").click(function(event) { var url = "Result.aspx?key=" + encodeURIComponent($("#<%= txtSearch.ClientID %>").val()); alert(url); $("#popup").attr("src", url); $("#addForm").dialog("open"); //event.preventDefault(); return false; }); });
my div is as below:-
<div id="addForm" title="Dialog Title" >
<iframe id="popup" width="480"></iframe>
</div>This opens the new aspx in the jquery modal and passes the value of textbox which i access serverside to perform my search and bing to gridview. But unable to pass values back to base page.