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

Popular posts from this blog

c++ - Creating new partition disk winapi -

-
i'am trying create new partition , mount volume new, thought createfile let me this, code : lpctstr lpfilename=l"\\\\.\\device\\harddisk0\\partition3"; handle handl=createfile( lpfilename, generic_read | generic_write, file_share_read | file_share_write, null, create_always, file_attribute_normal, null ); if (handl==invalid_handle_value) { qdebug()<<"handl invalid"<<" error"<<getlasterror();} bool success = definedosdevice(ddd_raw_target_path,l"i:",l"\\device\\harddisk0\\partition3"); if(!success) qdebug()<<" definedosdevice failed "<<getlasterror(); bflag = getvolumenameforvolumemountpoint( l"i:\\", // input volume mount point or directory /** u in dir
Read more

Android Prevent Bluetooth Pairing Dialog -

-
i'm developing internal application uses bluetooth printing. want bluetooth pairing occur without user input. have managed working trapping android.bluetooth.device.action.pairing_request broadcast. in broadcast receiver call setpin method, , pairing works ok, bluetoothpairingdialog displayed second or two, disappears - see link below. https://github.com/android/platform_packages_apps_settings/blob/master/src/com/android/settings/bluetooth/bluetoothpairingdialog.java since broadcast non-ordered, can't call abortbroadcast() , , wondering if there other way prevent pairing dialog appearing. can hook window manager in way? i haven't been able come way without modifying sdk. if you're oem, it's easy (i'm on 4.3): in packages/apps/settings/androidmanifest.xml, comment intent filter pairing dialog: <activity android:name=".bluetooth.bluetoothpairingdialog" android:label="@string/bluetooth_pairing_request"
Read more

php - joomla get content in onBeforeCompileHead function -

-
i'm developing joomla system plugin. need add javascript , css files if [myshortcode] shortcode found in content. how can content in onbeforecompilehead function function onbeforecompilehead() { $document = jfactory::getdocument(); //add scripts if shortcode found ... $document->addstylesheet($cssfile, 'text/css', null, array()); the $content = jresponse::getbody(); not work. thanks try this, for style sheet, $document = jfactory::getdocument(); $document->addstylesheet('http://domain.com/templates/css/style.css'); for javascript file $document = jfactory::getdocument(); $document->addscript('full url'); also can this, $document = jfactory::getdocument(); // add javascript $document->addscriptdeclaration(' window.event("domready", function() { alert("an inline javascript declaration"); }); '); // add styles $style = 'body {'
Read more