javascript - Chrome extension: Insert fixed div as UI -

-

i want insert div fixed position using chrome extension. overlay page viewing. concern want work on page without altering (other inserting fixed div), don't know if possible way i'm doing it. currently, button won't show up, , had lot of trouble getting div show up. way, positioning temp now, position correctly once on page! :) here's have:

here manifest:

{     "name":"poop",     "version":"0.1",     "manifest_version":2,     "description":"shitty app i'm making",     "background":{         "scripts":[             "scripts/modernizr.min.js",              "scripts/background.js"             ],         "persistent": false     },     "permissions":[         "contextmenus",          "tabs",         "http://*/*",         "https://*/*"         ],     "icons":{         "16":"images/icon_16.png",         "128":"images/icon_128.png"     } }

here function in background.js performing functionality:

function insertuidiv() {            var prephtmlstyle   =   "document.documentelement.style.height = '100%';" +                             "document.body.style.height = '100%';" +                             "document.documentelement.style.width = '100%';" +                             "document.body.style.width = '100%';";      var insertdiv       =   "var div = document.createelement( 'div' );" +                             "var btnform = document.createelement( 'form' );" +                             "var btn = document.createelement( 'input' );" +                             //append elements                             "document.body.appendchild( div );" +                             "div.appendchild( btnform );" +                             "btnform.appendchild( btn );" +                             //set attributes div                             "div.id = 'mydivid';" +                             "div.style.position = 'fixed';" +                              "div.style.top = '50%';" +                             "div.style.left = '50%';" +                             "div.style.width = '100%';" +                                "div.style.height = '100%';" +                              "div.style.backgroundcolor = 'red';" +                              //set attributes btnform                             "btnform.action = '';" +                             //set attributes btn                             //"btn.removeattribute( 'style' );" +                             "btn.type = 'button';" +                             "btn.value = 'hello';" +                             "btn.style.position = 'absolute';" +                             "btn.style.top = '50%';" +                             "btn.style.left = '50%';";        chrome.tabs.executescript( null, { code: prephtmlstyle } );          chrome.tabs.executescript( null, { code: insertdiv } );               }

manipulating content background.js bad idea. why don't use content script?

manifest.json

{     "name":"poop",     "version":"0.1",     "manifest_version":2,     "description":"shitty app i'm making",     "background":{         "scripts":[             "scripts/modernizr.min.js",              "scripts/background.js"             ],         "persistent": false     },     "content_scripts": [       {         "matches": ["https://*/*", "http://*/*"],         "js": ["content.js"],         "run_at": "document_end"       }     ],     "permissions":[         "contextmenus",          "tabs",         "http://*/*",         "https://*/*"         ],     "icons":{         "16":"images/icon_16.png",         "128":"images/icon_128.png"     } }

content.js

document.documentelement.style.height = '100%'; document.body.style.height = '100%'; document.documentelement.style.width = '100%'; document.body.style.width = '100%';  var div = document.createelement( 'div' ); var btnform = document.createelement( 'form' ); var btn = document.createelement( 'input' );  //append elements document.body.appendchild( div ); div.appendchild( btnform ); btnform.appendchild( btn ); //set attributes div div.id = 'mydivid'; div.style.position = 'fixed'; div.style.top = '50%'; div.style.left = '50%'; div.style.width = '100%';    div.style.height = '100%'; div.style.backgroundcolor = 'red';  //set attributes btnform btnform.action = '';  //set attributes btn //"btn.removeattribute( 'style' ); btn.type = 'button'; btn.value = 'hello'; btn.style.position = 'absolute'; btn.style.top = '50%'; btn.style.left = '50%';

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

VBA function to include CDATA -

-
i have following function include cdata: function cdatasection() dim objdom domdocument dim objkmlrootelement ikmldomelement dim objkmlelement ikmldomelement dim cdata ikmldomcdatasection set objdom = new domdocument set objkmlrootelement = objdom.createelement("balloonstyle") objdom.appendchild objkmlrootelement set objkmlelement = objdom.createelement("text") objkmlrootelement.appendchild objkmlelement set cdata = objdom.createcdatasection("text") cdata.data = "<![cdata[<b>latitude = $[latitude]</b>?]]>;" end function when run above, getting error "user defined data type not found" function. yes ripster says find library reference. vba window tools>references for list of relevant references see... http://msdn.microsoft.com/en-us/library/windows/desktop/ms763701%28v=vs.85%29.aspx however, if have hard time tracking down reference, replace dim sta
Read more