change this to jquery

Question

How would I change the below to jquery? It works in IE but not Firefox so I am hoping if I change it to jquery it will work for both.

THIS

function subform() {
 if (parent.option_view.document.vform_.dispatchEvent('onsubmit') != false) {
  parent.option_view.document.vform_.submit();
 }
}

AND THIS

img class="save_bttn" src="/images/save.gif" height="16" width="16" border="0" onclick="subform()"

IS INSIDE ONE CHILD FRAME

and

It is trying to init in another child frame that is why its going to parent option_view.

*note: I was not trying to scream with the caps I was just trying to show where talking was and where the javascript is

Answer 1

Maybe:

$("#vform_").submit();

?

Answer 2

fireEvent is a IE only feature. I don't think including JQuery just to fix this is the best solution. (why add more download time/process time if you can avoid it). Switch to using The W3C equivalent: dispatchEvent. Take a look at http://www.howtocreate.co.uk/tutorials/javascript/domevents on how to use EventListener...

Answer 3

There are two ways I would suggest you do this, the first with jquery, the second without:

$('.save_bttn').bind('click', function(e) {
if (parent.option_view.document.vform_.dispatchEvent('onsubmit') != false) {
  parent.option_view.document.vform_.submit();
 }
});

The other is:

<img class="save_bttn" id='somebutton' ... />
document.getElementById('somebutton').onclick = function(e) {
  // if(...)
}

I would think that your using this subform() function means that there is something flawed in your approach. I am not certain why you have needed dispatchEvent, as you could have just submitted directly from the onclick event handler, but these should work, or, at least, be close enough so that someone here can correct me. :)