Question

Please excuse my ignorance I am not very familiar with JavaScript and have been tasked with repairing a bug by a developer no longer at the company.

The onclick works perfectly in FireFox, however in IE 7&8 (the only ones we test for), it appears to run through the onclick functions properly, then instead of the data being submitted to the form URL in goStep3(), it runs through every onclick on the page, with href="#" then finally submits with incorrect information as the variable has been overwritten 50 times.

<a href="#" onclick="trackSponsor(62, 64265); goStep3(1896, 64265, 0); return false;">view</a>

EDIT:
When I run trackSponsor(62, 64265); goStep3(1896, 64265, 0); return false; in the Developer Tools in IE8 I get an error of returning false outside of a function….removing that it works just fine.

Is the line that I believe is causing the problems?

trackSponsor() is working properly and returns false

goStep3() is quite a large function however it works by retrieving values from 4 other functions within, assigning the values to a URL within theAction

It completes the function by EDIT:

var yr = $("#find-yr").attr('value');
var me = $("#find-me").attr('value');
var mo = $("#find-mo").attr('value');
var keywords = $("#find-keywords").attr('value');
var theAction = PATH_BASE+'find/step3/'+p_term+'/'+p_id+'/'+p_l_id+'/';

document.forms['FindForm'].action = theAction;
document.FindForm.submit(); 
return true;

I have tried returning false from this function, as well as changing the document.FindForm.submit() to the ‘correct’ syntax of document.forms['FindForm'].submit() and it still does not submit until running through all of the other onclick s on the page.

Thanks in advance!

Notes:

jQuery is being used as well.

Javascript is not throwing any errors.

This works fine in FireFox

I can see it going through all of the other functions in the other onclicks using Developer Tools and stepping through the page it does not submit the results of goStep3 until it has gone through all of the other onclick functions on the page.

Answer 1

The problem was called because of how IE uses the bubble! Thanks all for your help, I have included the code solution to be placed in goStep3().

    var browserName = navigator.appName;
if (browserName == "Microsoft Internet Explorer") {
    window.event.cancelBubble = true;       
}