How To Fix jQuery msgBox IE Security Warning Error

Posted on the 01 April 2014 by Abhishek Somani @somaniabhi

jQuery MsgBox is a jQuery plugin highly configurable to replace the basic functionality provided by the standard javascript alert(), confirm(), and prompt() functions. BROWSER COMPATILITY: Firefox,Chrome,Safari,Opera , IE > 7 But for IE Version 8 it throws a security warning error as it loads & Removes the div with background image using background-url which is a know bug in IE * Solution : Remove the Background Image Url and use CSS instead. Replace Line 167 of Plugin or Overide the Show method of Plugin:


divMsgBox.css("background-image", "url('"+msgBoxImagePath+"msgBoxBackGround.png')");

with


divMsgBox.css("background-color", "#FFFFFF");

For Auto Scroll Modify the CSS with :


div.msgBoxContent 
{ 
    font-size:11pt; 
    margin:0 3px 6px 3px; 
    display:inline-block; 
    float:left; 
    height:90px; 
    width:319px; 
    overflow-y: auto; 
}

For Full Functionality with JS and CSS Visit this fiddle Post Comments And Suggestions !! How To Fix jQuery msgBox IE Security Warning Error