Modalpopupextender, little problem with IE6-5

Nov 18, 2007 at 1:59 PM
hi every one .. i have alittle english .. but i will try to describe my problem with this control ..

am using ModalPopupExtender ajax control to pop up panel .. this panel contains gif image .. am putting the target id and PopupControlID for this control is my panel .. i want it this ..

ok .. any way .. its working well . but the gif image not working in enternet explorer version 5 and 6 .. but i IE7 its working well . plz help

am putting my example .. maybe its usefull for some people here .. my regards


html code ------------------------------------------------------------------------------------
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Untitled Page</title>
<style type="text/css">

.modalBackground
{
background-color:Gray;
filter:alpha(opacity=60);
opacity:0.60;
}

.updateProgress
{
border-width:1px;
border-style:solid;
background-color:#FFFFFF;
position:absolute;
width:150px;
height:50px;
}
.updateProgressMessage
{
margin:3px;
font-family:Trebuchet MS;
font-size:small;
vertical-align: middle;
}

</style>

<script type="text/javascript">
function onShow()
{
var modalPopup = $find('mdlPopup');
modalPopup.show();
}
</script>
</head>
<body>
<form id="form1" runat="server">
<ajaxToolkit:ToolkitScriptManager ID="ScriptManager1" runat="server" />
<div>

<ajaxToolKit:ModalPopupExtender
ID="mdlPopup" runat="server" TargetControlID="pnlPopup"
PopupControlID="pnlPopup" BackgroundCssClass="modalBackground" />

<asp:Panel ID="pnlPopup" runat="server" CssClass="updateProgress" Style="display: none">
<div align="center" style="margin-top: 13px">
<span class="updateProgressMessage">تحميل الكليات ...</span>
<asp:Image ID="Image2" runat="server" ImageUrl="Images/simple.gif" />
</div>
</asp:Panel>

<br />
<div style="width: 306px; height: 100px; text-align: right">
<br />
الرقم :