javascript - What does paragraph about figuring out XUL elements mean in MDN document: "How to convert an overlay extension to restartless" -

-

recently friend of mine , have been working on firefox extension. handed code me today, , i've been trying make restartless. used tutorial how convert overlay extension restartless (on mdn). since don't have experience working javascript , extensions in general, wondering if understand step number 6 means here in tutorial. saying can't use "no more xul overlays", , understand this. don't understand how part:

figure out xul elements need create add-on add interface, needs go xul window, , how it. docs: document.getelementbyid(), document.createelement(), element reference, node reference (dom elements nodes).

i decided against using document.loadoverlay, since it's buggy. i'm not sure if helps much, here code our overlay.xul. again, sorry if question basic, appreciated. if need provide more code please let me know. @ point thought code our overlay.xul file important.

<?xml version="1.0" encoding="utf-8"?> <overlay id="my-overlay"           xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">     <script type="application/javascript;version=1.7" src="overlay.js"/> </overlay>

xul overlays can used wide variety of things in firefox. step 6: no more xul overlays focuses more on ui elements other possible uses of overlays (e.g. loading scripts, doing).

in xul overlay extension, ui elements added providing xul overlay file each portion of interface modified. xul overlay extension not need consider removal of interface elements, removed when extension removed or disabled.

in restartless extension, ui elements added programmatically each time extension started. ui elements added once; , must added both each open window , when each new window opened. when extension disabled, or removed, ui elements must programmatically removed firefox.

the portion quoted attempting describe process of converting actual xul overlay (used modify firefox ui) programmatically inserting (and removing) ui elements. common ui element toolbar button, anything. because anything, description relatively vague.

that entire section, step 6: no more xul overlays, use expansion. remember planning based on code used when converting extension xul overlay. had wanted clean code bit, , account more cases. however, having example in there helpful. i'll see if can update in next week or (if else not beat me it).

in case:
based on overlay code included in question, section not talking directly how using xul overlay might desired. part quoted:

figure out xul elements need create add-on add interface, needs go xul window, , how it. docs: [document.getelementbyid()][3], [document.createelement()][4], [element reference][5], [node reference][6] (dom elements nodes).

is talking adding ui elements firefox, not doing overlay.

what going need determine how going apply script, overlay.js, whatever adding to. remember, need able remove when extension disabled/removed/updated.

in order provide more detailed information, going need know adding script to. this, need include copy of chrome.manifest file. might helpful know script functionality may more appropriately handled without applying script in way implied overlay. however, should ask new, separate question, not modify question ask different.


Comments

Post a Comment

Popular posts from this blog

node.js - Mongoose: Cast to ObjectId failed for value on newly created object after setting the value -

-
this question has answer here: what's mongoose error cast objectid failed value xxx @ path “_id”? 7 answers even though has been asked many times because entity has no valid objectid field. i came across situation objectid set value can casted objectid still error. the schema: var serviceschema = parammongoose.schema({ servicename:{ type: parammongoose.schema.types.objectid , ref: 'servicenames',required:true } }); pseudo code: servicefromdb=new service({servicename:'some name'}); servicefromdb.servicename='000000000000000000000001'; servicefromdb.save(function(paramerror,paramdata){ if(paramerror){ console.log('but but...',servicefromdb,paramerror) } }); the output of code is: but but... { servicename: 000000000000000000000001, _id: 55079a90286f49280364f78b } { [casterror: cast objectid faile...
Read more

[C++][SFML 2.2] Strange Performance Issues - Moving Mouse Lowers CPU Usage -

-
i've been working on making 2d map editor past 2 weeks or so, , i've run strange problem. trying optimize code, example, making functions should've been functions begin with, did made cpu usage go through roof. i've tried commenting out different sections of code thought culprits (scrolling, rendering, other calculations) no avail. think issue might trying call things within different functions, sake of making modular possible, i'd functionality. the other major change i've made since file i'm comparing i've ported variables external cpp file, since having variables global makes lot easier use within different functions. simple issue, can't life of me understand why happens. with original code, around 2-3% cpu usage. new code, around 20-35%, but, if move mouse around, it'll drop around 6-8%. tl;dr: after trying optimize code using functions, i've somehow killed performance, , found strange quirk moving mouse reduces cpu usage.. /...
Read more

ios - Possible to get UIButton sizeThatFits to work? -

-
i have been using method of resizing uibuttons depreciated, , not robust. , other reasons, want sizethatfits work uibuttons. i've read online, i'm not sure if should work (seems working some, not others, difference maybe between style, i'm using custom). here simple test code recreate issue (i put in viewdidload test, shouldn't matter, , real code part of large project): uibutton *btn = [uibutton buttonwithtype:uibuttontypecustom]; [btn settitle:@"this test long title need word wrap more single line when displayed on tiny ipod in portrait view." forstate:uicontrolstatenormal]; btn.titlelabel.linebreakmode = uilinebreakmodewordwrap; // depreciated - nothing replace it? cgrect r = btn.frame; r.origin.x = 0; r.origin.y = 0; r.size.width = 320; r.size.height = [btn.titlelabel.text sizewithfont:btn.titlelabel.font constrainedtosize:cgsizemake(r.size.width,100000) linebreakmode:btn.titlelabel.linebreakmode].height; // returns approx 86 , changes correctly ...
Read more