Join the AMA (Ask Me Anything) with the Firefox leadership team to celebrate Firefox 20th anniversary and discuss Firefox’s future on Mozilla Connect. Mark your calendar on Thursday, November 14, 18:00 - 20:00 UTC!

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Can't Hide elements without/with jQuery

  • 6 replies
  • 2 have this problem
  • 1 view
  • Last reply by cor-el

more options

I've created new Addon for my Firefox that I will use myself, but can't get it hide elements with or without jQuery. It doesn't matter at all do I use whole jQuery.

XUL file creates toolbar with a button which have "oncommand='Unlock()'" and it also includes .js file which have function Unlock()

Well. Anyways I think my default files has been setup correctly, because I have "alert('Starting...');" before the hide element line and it says "Starting..." with alert, but after that it doesn't made effects for the element in example "idofelement"

js file contains "document.getElementById('idofelement').style.visibility = 'hidden' I have tested different kind of methods that hide's the element in example style.display = 'none', but none of them works.

It always says "Starting..." so it executes the function correctly, but nothing happens after that.

I've created new Addon for my Firefox that I will use myself, but can't get it hide elements with or without jQuery. It doesn't matter at all do I use whole jQuery. XUL file creates toolbar with a button which have "oncommand='Unlock()'" and it also includes .js file which have function Unlock() Well. Anyways I think my default files has been setup correctly, because I have "alert('Starting...');" before the hide element line and it says "Starting..." with alert, but after that it doesn't made effects for the element in example "idofelement" js file contains "document.getElementById('idofelement').style.visibility = 'hidden' I have tested different kind of methods that hide's the element in example style.display = 'none', but none of them works. It always says "Starting..." so it executes the function correctly, but nothing happens after that.

Chosen solution

Found the solution. I've Googled this for many days, but didn't found a solution. Just used keywords "firefox addon getelementbyid" and selected "troubles" with it and found solution. I had to use:

content.document.getElementById("id") so in other words I had to add the 'content' word in front of document.

Thanks!

Read this answer in context 👍 0

All Replies (6)

more options

I just tested and document.getElementById("idofelement").style.visibility = "hidden" works in Firefox 26.0. You are doing something wrong. If you can show us your entire code, we can help you.

more options

Latest thing I tried was with jQuery. $("#portal-logo").hide();

So you can replace the $("#portal-logo").hide(); with all of those I mentioned above, but I can't get it work. I guess there's some permission problem.

Source attached via Dropbox.

more options

That also worked.

This is not Firefox's fault. You have made mistakes in your code. I can look into it later. If you find your mistake, don't forget to share it here.

more options

Oh O_o Well. Respond if you can later. I've to check it out too.

Thanks anyway :) and yeah. Sure I will share it here so people can find the solution from already made topics.

more options

Chosen Solution

Found the solution. I've Googled this for many days, but didn't found a solution. Just used keywords "firefox addon getelementbyid" and selected "troubles" with it and found solution. I had to use:

content.document.getElementById("id") so in other words I had to add the 'content' word in front of document.

Thanks!

more options

Or maybe better window.content.document