How to use Firefox Firebug on Superfish v1.4.8 Vertical Menu sample but on the sub-menus not the top menu.
Superfish Menu
I basically want to be able to freeze Firebug on a sub-menu selection to process but unsure how to.
Thanks.
You can set a breakpoint within the menu's javascript handling code to abort processing before any of the mouse-out or "hide the menu" type code is executed, which would leave the menu in the open state for you to inspect. You do that via the 'Script' tab in Firebug and right-clicking on the code line(s) you wish to break on.
Related
I want to inspect the markup of CKEditors Styles Dropdown.
The problem is, I can't click firebugs 'inspect'-button, because the dropdown immediately closes when clicking somewhere outside of it.
I want to see what exact markup is being used so I can style it better.
I found a way to do it even if it is a little tricky.
If you are using Chrome you can press F8 while having the developer tools opened. F8 pauses on next script execution.
So if you hover over the desired element, then press F8, then move your mouse a bit inside/over the element, the script execution will pause with that dropdown opened and you will be able to rightclick -> inspect it, as long as in pause.
This may be a simple question.
I have a working menu with
slidingSubmenus: false
so clicking on submenus opens them up.
(I'm also using widescreen as I want the menu to always appear).
However they all start with menu collapsed. How do I launch it with all submenus open (expanded?)
Add mm-opened class to the submenu's parent LI tag.
I have a complicated mess of code (built by a team of 7 over the course of several years) that incorporates multiple libraries - jQuery and angularjs, specifically.
I know that the value of a variable changes when I click a certain radio button, but I have no idea what is running when that happens to cause the variable to change. I've tried console.log in every place I can think of, but am somehow still missing the action that's changing the variable.
I know how to debug with Firebug if I know where to place my breakpoint, but in this case, I don't. Is there any way to tell Firebug to start debugging at the line that executes immediately after the radio button is clicked? In other words, when I click the radio button, open Firebug's Script panel to the first line in order of execution, wherever that line may be.
If you have chrome you can right click on the checkbox -> inspect element -> event listeners
Is there any way to tell Firebug to start debugging at the line that
executes immediately after the radio button is clicked?
Yes, this feature is called Break On Next.
Note that Firebug has much more features to debug your scripts besides setting breakpoints within the Script panel. These features are described in the 'Script Debugging' page inside the Firebug wiki.
Furthermore the Watch side panel allows you to inspect the variable to see, at which step it is changed.
I'd like to write a userstyle to modify the right-click menu in Firefox, but need its XUL class and ID. What is it?
(I'd usually use DOM Inspector to find it out, but one can't inspect a right-click menu because focus is lost when switching to the DOM Inspector window.)
The right click context menu that appears when you right click on a webpage has the id = contentAreaContextMenu. You can see here some information on modifying it.
hi
I am creating firefox plugin.I have one button-1.png image and I have added it to customize toolbar.I have used one button.xul file to add button in toolbar.I have also used chrome.manifest, install.rdf,button.css,button.js.
It is showing button in toolbar,I dragged that button and dropped on toolbar.
Now my question is, when I click on that button, I want to pop up a small window.
so please tell me,what should I write in button.xul & button.js to pop up a small window.
How will I get a pop up window,when I click on a button?
What changes I need to do in button.xul & button.js?
You can use the window.open method to open a popup window. Take a look at this link. If you want to open a popup(and not a window) then you can use a panel. You can anchor a panel to an element (say button) when opening it using the openpopup method. Some examples are available here as well.