Question

I have below html code in one of the opensource project.

 <form action="/wiki/bin/view/Main/Search">
 <div class="globalsearch">
 <label class="hidden" for="headerglobalsearchinput">Search</label>
 <input id="headerglobalsearchinput" class="globalsearchinput withTip" type="text"      size="15"      value="search..." name="text" autocomplete="off">
 <input class="button" type="image" src="/wiki/resources/icons/xwiki/search.png" alt="Go"      value="Go">
 </div>
 </form>

on click of serach.png icon, call goes to server side. Actually i want to do some stuff in javascript function on click of search icon. But i am not able to figure out whichh javascript
gets called on click of search icon. Is there any way i can figure the flow of javascript function with the help of firebug or IE 8 debugger or chrome debugger ? As the type is image there should be some javascript function which must be submitting the form.

Answer 1

if you are using google chrome and push ctrl+shift+i and click scripts and then push the pause button on the right hand side. That will then pause the scripts when they next run. you can step through and such when it’s paused and debug that way?