IE6 Dropdownlist disappears using Ajax Modalpopupextender

Question

0.00/5 (No votes)

See more:

Hello,

I've inserted simple example code below that if you run it using IE 6 you will see the dropdownlist control disappears when you display a Ajax modalpopupextender.

Can someone show me how to modify this code so that the dropdownlist control does NOT disappear. I appreciate any help to solve this problem.

Thank You!

XML

<![CDATA[<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApp.WebForm1" %>]]>
<![CDATA[<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>]]>
<html>
<head runat="server">
</head>
<body>
    <form id="form1" runat="server">
    <asp:scriptmanager id="ScriptManager1" runat="server" xmlns:asp="#unknown">
    </asp:scriptmanager>
    <div>
        <table>
            <tr>
                <td>State:</td>
                <td>
                    <asp:dropdownlist id="ddlState" runat="server" autopostback="true" xmlns:asp="#unknown">
                        <asp:listitem>WI</asp:listitem>
                        <asp:listitem>NY</asp:listitem>
                        <asp:listitem>GA</asp:listitem>
                    </asp:dropdownlist>
                </td>
            </tr>
            <tr>
                <td> </td>
            </tr>
            <tr>
                <td></td>
                <td>
                    <asp:button runat="server" text="Try It Using IE6" id="btnTryIt" onclick="btnTryIt_Click" xmlns:asp="#unknown" />
                </td>
            </tr>        
        </table>
    </div>
    <asp:button id="btntar" runat="server" style="display: none" xmlns:asp="#unknown" />
    <cc1:modalpopupextender id="mpePanel" runat="server" targetcontrolid="btntar" behaviorid="ClosePanel" xmlns:cc1="#unknown">
          PopupControlID="pnlTest"&gt;
    </cc1:modalpopupextender>
    <asp:panel id="pnlTest" runat="server" backcolor="Brown" width="300px" height="250px" enableviewstate="false" xmlns:asp="#unknown">
        <div style="color: White;">I created this simple example of a dropdown control (that disappears) using an AJAX ModalPopupExtender. Can someone modify this code where the state DROPDOWN CONTROL will not disapper in IE6 while this modalpopup window is displayed? I would greatly appreciate it!</div>
        <div align="center" style="padding-top: 20px;">
            <input type="button" runat="server" id="btnClose" onclick="$find('ClosePanel').hide();" value="Close" />  
        </div>
    </asp:panel>    
   
    </form>
</body>
</html>

C#

using System;
using System.Web;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
namespace WebApp
{
    public partial class WebForm1 : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
        }
        protected void btnTryIt_Click(object sender, EventArgs e)
        {
            mpePanel.Show();
        }
    }
}

Posted 22-Jul-10 3:04am

vfhgujaqwe

Updated 22-Jul-10 3:26am

Sandeep Mewara

v2

Add a Solution

Comments

Sandeep Mewara 22-Jul-10 9:27am

Well, almost whole world has moved on to IE7 & IE8 now. I doubt someone replicating and looking into IE6 issues.

3 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

E.F. Nijboer · Answer 1 · 2010-07-22T05:06:00

The dropdown component is explicitly hidden because in IE6 this would otherwise be above the modalpopup. Most good javascript popup libraries that use div element as popup do this. Look at the link below (that is not normally available on the site though) and view the example on the bottom of the page. Above that you see a dropdown that is hidden when using IE6.

http://www.javascripttoolbox.com/lib/popup/example.php[^]

Normally the dropdown will be shown again after the popup is closed.

Good luck!

**Dalek Dave** · Answer 2 · 2010-07-22T05:07:00

Solution 2

STOP!

Do nothing for IE6, refuse to work on it, sabotage every product that requires it!

It is unsupported, has major flaws and is being phased out across the world.

If people still use it and can find functionality, that is their lookout.

Posted 22-Jul-10 5:07am

Dalek Dave

Comments

E.F. Nijboer 22-Jul-10 12:50pm

Try explain that to several large companies (some very large and international) that I do work for and some of them are now slowly moving towards IE8 but still aren't there. I must say this is something microsoft infected the world with them self together with a flawed implementation of an xml parser and still people trust these products today. It's like people simply trust anything as long as they have to pay for it... very strange. It's not that simple to get big companies to update their systems because for years software has been developed depending on the flawed implementation and counting on the ongoing strange behaviour they have. But I surely understand your point and couldn't agree more with you. :)

Ps. even this site codeproject.com isn't correctly displayed on my office laptop that has IE7 installed. At home using Ubuntu and firefox I can watch it in full glory :-P

abhishek2003 · Answer 3 · 2011-05-08T19:19:00

Usually the dropdown comes up always on top thats why in IE 6,It sets them invisible when showing the Modal Popup and it gets visible when the hide() method is executed.
IT HAPPENS ONLY IN IE6. IT WORKS FINE IN IE7,IE8 AND MOZILLA
To get it run on IE6, we need to fetch all dropdowns of document and make them visible.

var count = document.getElementsByTagName("select").length;
for (i = 0; i < count; i++)
{
document.getElementsByTagName("select")[i].style.display='block';
document.getElementsByTagName("select")[i].style.visibility='visible';
}

IE6 Dropdownlist disappears using Ajax Modalpopupextender

3 solutions

Solution 1

Solution 2

Solution 3

Add your solution here

Preview 0