Form Submit Using java Script Not working in IE

jad2006

Hi
i have a requirement to pass the parameters say account No to a javaScript when the user clicks a link , The form action will also be set in JavaScript, and form is submitted in JavaScript,Its working fine in firefox browser, but its not working in IE , Is there any other way other than Calling the
JavaScript Function from <a:href =javascript:viewAccountDetail>, This solution does not suit for me since it shows the account No in Status Bar.Thanks in Advance

Expand|Select|Wrap|Line Numbers

  function viewAccountDetail(friendlyID,finCompID)

    {

    document.getElementById('accountNo').value=accountNo;

    document.forms['accounts'].action=friendlyID;

        document.forms['accounts'].method="post";

    document.forms['accounts'].submit();

        return true;

    }

[HTML]<form id="accounts" name="accounts" method="post">
<input type="hidden" id="accountNo" name="accountNo" />
</form>

<a href="javascript:void(0);" onClick="return viewAccountDetail('${account.URL}','${account.acco untNo});">Account Desc</a>[/HTML]

iam_clint

i would do something like this.

Expand|Select|Wrap|Line Numbers

 
function viewAccountDetail(friendlyID,finCompID)    {

    document.getElementById('accountNo').value=account  No;

    form = document.getElementById("accounts");

    form.setAttribute("action", friendlyID);

    form.setAttribute("method", "POST");

    form.submit();

    return true;

 }

phvfl

Hi Jad,

Welcome to TSDN,

I think the problem is that you were returning true from the function, returning false would prevent the link from being followed, I have also changed the funciton slightly so that the getElementById is not required. The following code works:

Expand|Select|Wrap|Line Numbers

 
function viewAccountDetail(friendlyID,finCompID){

    document.accounts.accountNo.value=finCompID;

    document.forms['accounts'].action=friendlyID;

    document.forms['accounts'].method="post";

    document.forms['accounts'].submit();

    return false;

}

[HTML]
<body>
<form id="accounts" name="accounts" method="post">
<input type="hidden" id="accountNo" name="accountNo" />
</form>
<a href="http://www.google.com" onClick="return viewAccountDetail('#','123456');">Account Desc</a>
</body>
[/HTML]

I also changed the value that was being assigned to the hidden input from accountNo to finCompID which was being passed in but not used as the accountNo variable did not seem to be declared in your code. I used dummy variables in the call to the function and changed the href of the link to google so that I could confirm it wasn't being followed.

iam_clint

i would rather use getElementById myself document.forms.accounts would work also.

would also use setattribute.

jad2006

Thanks iam_clint,phvfl.It works fine
and a special thanks to gits for making my post presentable

gits

hi ...

no problem ... simply remember to use the code-tags next time for yourself ;) ...

kind regards

Form Submit Using java Script Not working in IE

re: Form Submit Using java Script Not working in IE

re: Form Submit Using java Script Not working in IE

re: Form Submit Using java Script Not working in IE

re: Form Submit Using java Script Not working in IE

re: Form Submit Using java Script Not working in IE

Similar JavaScript / Ajax / DHTML bytes

/bytes/development

/bytes/it

/bytes/about