FireFox addon making toolbar icons disappear

Question

I just completed mine first FF add-on . But after install it making the existing toolbar icons to disappear.

This is how mine chrome.manifest file looks like.

content myext content/ 
overlay chrome://browser/content/browser.xul    chrome://myext/content/overlay.xul
locale  myext   en-US   locale/en-US/
skin    myext   classic/1.0 skin/
style       chrome://browser/content/browser.xul chrome://myext/skin/overlay.css
style chrome://global/content/customizeToolbar.xul chrome://myext/skin/overlay.css

Any ideas why this happening ?

Let me know if i need to post contents of more files.

Thanks

Edit: overlay.xul >

<?xml version="1.0"?> 
<?xml-stylesheet href="chrome://myext/skin/overlay.css" type="text/css"?> 
<!DOCTYPE overlay SYSTEM "chrome://myext/locale/overlay.dtd"> 
<overlay id="myext-overlay" 
    xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> 

    <script src="loader.js"/>
    <script src='jquery.js'/>
    <script src="overlay.js"/>
    <script src="jquery.cookie.js"/>
    <script src="Jquery-ui.js"/>
    <script src="json2.js"/>
    <script src="script.js"/>


    <statusbar id="status-bar">
      <statusbarpanel role="button"
                        onmouseup="KH.bind_btn_click()"
                        tooltiptext="myext">
            <image src="chrome://myext/skin/icon.png" />
        </statusbarpanel>
    </statusbar>

</overlay>

Dir structure >

/content
    overlay.xul
    [otehr js files]
/locale
/skin
/chrome/manifest
/install.rdf

Show us your directory structure and the contents of overlay.xul — BrunoLM, Dec 24 '10 at 12:15
Could be a problem with jQuery. I had the problem once too. My advice is not to include jQuery (or any custom JavaScript) into global space (your add-on should only create a few global objects to not mess with the other add-ons). — Felix Kling, Dec 24 '10 at 12:27
@Felix any suggestion .. how can i use jquery without breaking FF ? .. — Arshdeep, Dec 24 '10 at 12:37
How to use jQuery in Firefox extension: http://stackoverflow.com/q/491490/340760 — BrunoLM, Dec 24 '10 at 12:44

score 1 · Accepted Answer · answered Dec 24 '10 at 12:32

Some of your javascript files are breaking Firefox.

The namespace on Firefox addons are global, meaning that if you use the name of something that already exists it will cause conflicts. Here is a blog post about Global Namespace polution.

Here you may find a simple article to create namespaces for you addon.

score 0 · Answer 2 · answered Jan 10 '11 at 21:19

If your scripts attempt to access the DOM before the load event fires then this will trigger XBL binding on the affected nodes before overlay loading has finished. In particular when toolbar XBL binds it attempts to restore the custom toolbar configuration however for this to work all the overlays need to have been loaded so that the buttons are all available in the palette. There will be a workaround in Firefox 4 in the specific case of the toolbar but in general you should still avoid accessing the DOM before the load event.

FireFox addon making toolbar icons disappear

2 Answers2