1. #1
    Ext User
    Join Date
    May 2009
    Posts
    5
    Vote Rating
    0
    balaji.krish is on a distinguished road

      0  

    Default Masking of div elements not working in IE

    Masking of div elements not working in IE


    Hi,

    I've a list of controls inside a Div element, and i'm trying to mask the div element using Ext.el.mask('div'). This works fine in Mozilla and in Safari browsers.
    In IE the masking is not happening for all the controls inside the div, but I'm able to see the title and the message alert on that masking.

    Could someone provide solution for the above problem ?

    Regards,
    Balaji

  2. #2
    Sencha User fangzhouxing's Avatar
    Join Date
    Mar 2007
    Posts
    464
    Vote Rating
    1
    fangzhouxing is on a distinguished road

      0  

    Default


    Try to use defer like this:

    Code:
    		this.getEl().mask('', 'x-mask-loading')
    		var f = function(result) {
                            ... do something!
    		}
    		f.defer(100,this,[result])

  3. #3
    Ext User
    Join Date
    May 2009
    Posts
    5
    Vote Rating
    0
    balaji.krish is on a distinguished road

      0  

    Default


    Hi


    this.getEl().mask('', 'x-mask-loading')
    var f = function(result) {
    ... do something!
    }
    f.defer(100,this,[result])


    What we need to do in that function ? Am not having any specific thing to do there,
    am just masking that div.

    Regards,
    Balaji

  4. #4
    Sencha User fangzhouxing's Avatar
    Join Date
    Mar 2007
    Posts
    464
    Vote Rating
    1
    fangzhouxing is on a distinguished road

      0  

    Default


    After mask , you do nothing?

  5. #5
    Ext User
    Join Date
    May 2009
    Posts
    5
    Vote Rating
    0
    balaji.krish is on a distinguished road

      0  

    Default


    Hi fangzhouxing,

    Am attaching the screenshot for your reference.

    The masking is proper in Mozilla,

    After masking , if i click on the "Edit" button, the masking will be removed.

    Am able to acheive this by over riding the following piece of code.



    Ext.override( Ext.Element, {
    mask: function( msg, msgCls )
    {
    if(!Ext.isIE7 && this.getStyle("position") == "static"){
    this.setStyle("position", "relative");
    }
    if(!this._mask){
    this._mask = Ext.DomHelper.append(this.dom, {cls:"ext-el-mask"}, true);
    }
    this.addClass("x-masked");
    this._mask.setDisplayed(true);
    if(typeof msg == 'string'){
    if(!this._maskMsg){
    this._maskMsg = Ext.DomHelper.append(this.dom, {cls:"ext-el-mask-msg", cn:{tag:'div'}}, true);
    }
    var mm = this._maskMsg;
    mm.dom.className = msgCls ? "ext-el-mask-msg " + msgCls : "ext-el-mask-msg";
    mm.dom.firstChild.innerHTML = msg;
    mm.setDisplayed(true);
    mm.center(this);
    }
    if(Ext.isIE && !(Ext.isIE7 && Ext.isStrict) && this.getStyle('height') == 'auto'){
    this._mask.setHeight(this.getHeight());
    }
    return this._mask;
    }
    });




    Regards,
    Balaji
    Attached Images

Thread Participants: 1

film izle

hd film izle

film sitesi

takipci kazanma sitesi

takipci kazanma sitesi

güzel olan herşey

takipci alma sitesi

komik eğlenceli videolar