jquery - DataTables plugin changes header & footer background color accidentally -
i'm using datatables jquery plugin display grid. have modal popup changes background color of entire form and, accidentally, background color of before mentioned table's header & footer background color. code used initialize popup:
var modalbackground = $("#modalbackground"); var notifications_archiveholder = $("#notifications_archiveholder"); var notifications_showarchivepopupholder = $("#notifications_showarchivepopupholder"); var archiveurl = "@url.action("archive")"; var showarchiveurl = "@url.action("showarchive")"; function showarchivepopup() { $.get(archiveurl, function (content) { if (notifications_archiveholder.html().length <= 10) { notifications_archiveholder.html(content); initarchivepopup(); } }) } function initarchivepopup() { modalbackground.show(); //set positon var h = $(window).height(); var w = $(window).width(); var hh = notifications_archiveholder.height(); var hw = notifications_archiveholder.width(); var posx = (h / 2) - 100; var posy = (w / 2) - 200; notifications_archiveholder.css("position", "fixed"); notifications_archiveholder.css("top", posx); notifications_archiveholder.css("left", posy); notifications_archiveholder.show(); $("body").css("overflow", "hidden"); }
the popup hosted in following div:
<div id="notifications_archiveholder" style="background-color: white; display: none; z-index: 9999;"></div>
and div who's css class makes entire background gray , changes table's header & footer background color:
<div id="modalbackground" class="graphicscreen" style="display: none; position: fixed; top: 0px; left: 0px;"></div> .graphicscreen { position: fixed; width: 100%; height: 100%; margin: 0; padding: 50px; background-color: #878786; z-index: 9990; -ms-filter: "progid:dximagetransform.microsoft.alpha(opacity=30)"; filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; }
any idea why happens , how prevent ? in advance.
i found problem (with help): referencing jquery-ui.css in modal popup, , causing overwrite of properties of data table. curious..
Comments
Post a Comment