Skip to main content

IE6 Fix - Modal popup extender

To avoid dropdowns and iframes shown above modal pop up

JS

function pageLoad() {
 var bid = [];
 jQuery.each(bid, function () {
  try {
   var val = this;
   modalbehavior = $find(this);
   //Add the functions to handle the ModalPopupExtender's 'Shown'/'Hidden' event.
   modalbehavior.add_shown(mpeShown);
   modalbehavior.add_hiding(mpeHidden);
  } catch (err) { //do nothing }
 });
}

function mpeShown() {
            //If the browser is IE6, add a iframe into the modal panel.
            document.documentElement.style.overflow = 'hidden';
    if (Sys.Browser.name == "Microsoft Internet Explorer" && Sys.Browser.version < 7) {
                $('li').hide();
                $('select').hide();

                for (var i = 0; i < window.frames.length; i++) {
                    var doc = window.frames[i];
                    try {
                        if (doc.frameElement.id != "frameHelp") {
                            $('select', window.frames[i].document).hide();
                        }
                    } catch (err) { }
                }
            }
        }
 function mpeHidden() {
            document.documentElement.style.overflow = 'auto';
       if (Sys.Browser.name == "Microsoft Internet Explorer" && Sys.Browser.version < 7) {
                $('li').show();
                $('select').show();
                for (var i = 0; i < window.frames.length; i++) {
                    try {
                        $('select', window.frames[i].document).show();
                    } catch (err) { }
                }
            }
        }

To avoid the popup being displayed in one corner of the page.

This improper positioning is due to the postion property of the div that contains the modal pop up.
To fix this add style attribute - "position: static;" 

To close the popup on background click

$(document).delegate("#_backgroundElement", "click", function () {
            $find('').hide();
        });
Labels:

Comments

Post a Comment

Popular posts from this blog

Creating multi module project with maven

Creating my first multi module project with maven I got a superb step by step article for maven project creation in eclipse while googling. This article is good for beginners like me :) , no need do too many things, just follow the steps at the end you will see “Hello World” in the browser. Check the below link for the wonderful article. http://skillshared.blogspot.in/2012/11/how-to-create-multi-module-project-with.html Thanks Semika Loku Kaluge
Post a Comment
Read more

Unable to convert MySQL date/time value to System.DateTime - Solved

Few days back I got an exception like 'Unable to convert Mysql date/time value to system.datetime' but this happened only after deploying and locally everything was working fine. After googling for sometimes found the reason that, it was due to the formatting difference between Mysql and C# also empty date value is causing some issue. Later found the below solution to fix'em. Add an extra property(Convert Zero Datetime = true) to connectino string. e.g server=localhost;User Id=root;password=pwd;database=test; Convert Zero Datetime=true Solution obtained from StackOverflow :)
Post a Comment
Read more

Converting String to a Executable line in JAVA

I've been searching for converting a string into a executable line so that I could process it... after searching for sometime, as usual I got a solution in the name of BeanShell scripting awesome one... This is another scripting language built with Java, which is powerful and was able to solve my need... This is the link for it : http://www.beanshell.org/manual/bshmanual.html#Download_and_Run_BeanShell Hope this helps you as well... If anyone requires any help on this, a basic one ;) ... sure post a comment, will help if I could...
Post a Comment
Read more