JSF:: h:commandLink onsubmit(return validateRow(this)) problem

I have a h:commandLink in one of the column in datatable.

JSF

<h:commandLink id="save" actionListener="#{ApplicationManagerBean.update}"  
rendered="#{routeappcode.edit}"
value="save" onclick="return validateRow(this)"/>

Generated HTML is

 <a id="routeappcodesummary:summarytable:2:save" 
 onclick="var cf = function(){return validateRow(this)};
 var oamSF = function(){return oamSubmitForm('routeappcodesummary','routeappcodesummary:summarytable:2:save');};return (cf()==false)? false : oamSF();" 
    href="#">save</a>

Mojarra 1.2_15

    <a href="#" onclick="var a=function(){return validateRow(this);};var b=function()
{if(typeof jsfcljs == 'function'){jsfcljs(document.getElementById('j_id_jsp_1765393453_2'),
{'j_id_jsp_1765393453_2:j_id_jsp_1765393453_3:0:j_id_jsp_1765393453_7':'j_id_jsp_1765393453
_2:j_id_jsp_1765393453_3:0:j_id_jsp_1765393453_7'},'');}return false};return (a()==false) ?
 false : b();">test</a>

Here the generated javascript for onclick encapsulates the script provided in JSF tag.

function validateRow(link){
    //link is not a link object but some window object.
    var parent = link.parentNode;
}

Here in javascript function we don't get a link object but a window object. Reason is script provided in JSF tag was encapsulated 开发者_高级运维and due to that value of this reference changes.

How can I solve this problem, so that I can get link object in my script?

Using onmouseup won't work in IE 6.

Using JSF 1.2

---

You can't indeed give your JavaScript function the reference to this, as the onclick code will be encapsulated in a JavaScript function.

You can try to find this link element in your validateRow() function using some JavaScript code, as the one proposed by Stig Henriksen.

Another idea is to add a fake CSS class on your link, and search you element using this class:

<h:commandLink id="save" actionListener="#{ApplicationManagerBean.update}"
    rendered="#{routeappcode.edit}" value="save"
    onclick="return validateRow();" styleClass="saveLink"/>

then, in your JavaScript code (I use jQuery here, but you can use pure JS instead):

function validateRow() {
    // We retrieve a jQuery object:
    var jQueryObject = $("a.saveLink");
    // If you prefer to get a "pure" JavaScript object
    var pureJavaScriptObject = $("a.saveLink").get(0);
    // continue your work here...
}

---

Don't know why JSF does that, but here is a workaround for getting the link using jQuery:

  <h:commandLink id="save" actionListener="#{ApplicationManagerBean.update}"  
    rendered="#{routeappcode.edit}"value="save" 
    onclick="return validateRow($('a[id*=save]')[0])"/>