How To Fix jQuery msgBox IE Security Warning Error

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 !!