Question

I have a deal with a 3rd party web page. And If I click on some of link, then a new “div”-window appears. This link element has the next code:

<a style="font-weight:600;font-size:15px;color:#7bb32e" href="javascript:openTag('code')" id="ext-gen1512">code</a>

I need to get an openTag function code in order to understand how it works.

In order to do this I use firebug. I tried make some approaches:
1) I tried to put “openTag” to command line of firebug and run it. But firebug tell that this function doesn`t exist (Reference error).

2)I tried to search the function name through all the files which were loaded with the page. But it was not success.

3) I created two html elements in my notepad and inserted them near that working thml element by using firebug. The code of these elements are:

1) <span onclick="openTag('mgmt')">mgmt 3</span>
2) <a href="javascript:openTag('mgmt')">mgmt 4</a>

When I click on the first span element, firefox console say that there is a reference error. Function openTag doesnt exist.
But when I click on the second "a" element, its ok. There is no errors and the new “div”-window appears as it has to be.

Please, help me to get openTag function code or figure out where this function is located.

Answer 1

1. Open Firebug and switch to ‘Script’ panel. Reload the page if necessary.
2. Click ‘Break on next’ button (look for pause icon) on the top-left of Firebug.
3. Click your link. Unless there are event listeners for mouse events registered, the debugger will stop inside the code of your function.