Flipkart

Tuesday, March 23, 2010

Iframe Popup's

<span style="color: #330099; font-weight: bold;">This is the Ifram panel which has to be written in Aspx page or Masterpage</span>

<asp:panel borderstyle="None" id="pnlPopup" runat="server" style="display: none;">
<iframe frameborder="0" id="ifrmPopup" runat="server" style="border: 0pt none; height: 500px; width: 800px;"></iframe>
</asp:panel>
<ajaxtoolkit:modalpopupextender backgroundcssclass="modalpopupclass" id="mpePopup" popupcontrolid="pnlPopup" runat="server" targetcontrolid="hdnMPE">
</ajaxtoolkit:modalpopupextender>
<asp:button id="hdnMPE" runat="server" style="display: none;">


<span style="color: #330099; font-weight: bold;">===  Script for opening popup  ====</span>

<script language="javascript" type="text/javascript">
function funPopup(id) {

var frm = document.getElementById('ctl00_ContentPlaceHolder1_ifrmPopup');
frm.src = "../ModalPopups/Delete.aspx"; <span style="color: rgb(51, 0, 153);"> (Your page URL which has to be opened)</span>
frm.style.height = "220px";
frm.style.width = "750px";
var obj1 = $find('ctl00_ContentPlaceHolder1_mpePopup');
if (obj1 != null) {
obj1.show();
}
return false;
}
</script>

================  Popup css ==================

.modalpopupclass
{
background-color:Gray;
filter:alpha(opacity=40);
opacity:0.4;
}


================ Add in webConfig  ============

<add assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="ajaxToolkit">



================ Method to call for image ===========


<asp:imagebutton id="img" imagealign="Middle" imageurl="~/Images/Image.gif" runat="server">

===============  .cs (Page Load)  ===========

imgDelete.Attributes.Add("onclick", "javascript:return funPopup()");


<span style="color: #330099; font-weight: bold;">=====For closing popup (this has to be written in popup.aspx page)====== </span>

<script language="javascript" type="text/javascript">
function funPopupClose() {
window.parent.document.getElementById('ctl00_ContentPlaceHolder1_ifrmPopup').src = "";
var objF = window.parent.$find('ctl00_ContentPlaceHolder1_mpePopup');
objF.hide();
//window.parent.document.forms[0].submit();
return false;
}
</script></asp:imagebutton></add></asp:button>

No comments:

Post a Comment