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

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