latest version of firefox and chrome issue with javascript

Question

onclick="javascript:selectAllCheckBox(this,document.thisJSP.chkUser);"

Here , the Latest version of firefox and chrome shows below error message :-

TypeError: document.thisJSP is undefined

Where .thisJSP is my Form Name ...

Thnx in advance.

Here is my Form

<form action="AjaxRightsMenu.jsp" name="thisJSP" method="POST">
  <FieldSet>
    <Legend vAlign="Top">
      <Font color="green">User Details </Font>
    </Legend>
    <div vAlign="Top" style="overflow: scroll; height: 280px; max-height: 280px">
      <input type="hidden" name="hdnScrollValue" value="<%=myController.scrollValue%>">
      <Table Align="left" border="1" cellpadding="0" cellspacing="1" vAlign="Top" Width="100%">
        <Thead>
          <tr>
            <th width="9%" class="unsortable">
              <B><input type="button" name="chkSelectAll" value="Check All" onclick="javascript:selectAllCheckBox(this,document.thisJSP.chkUser);"></B>
            </th>
            <th align="left" Width="10%" colspan="1">Group Name</th>
            <th align="left" Width="10%" colspan="1">Loc Name</th>
            <th align="left" Width="10%" colspan="1">APP Name</th>
            <th align="left" Width="10%" colspan="1">Menu Name</th>
            <th align="left" Width="10%" colspan="1">View Rights</th>
            <th align="left" Width="10%" colspan="1">Add Rights</th>
            <th align="left" Width="10%" colspan="1">Edit Rights</th>
            <th align="left" Width="10%" colspan="1">Del Rights</th>
            <th align="left" Width="10%" colspan="1">Auth Rights</th>
          </tr>
        </Thead>

Please provide full code which allows us to reproduce your issue. — Hidden Hobbes
– Hidden Hobbes, Commented May 5, 2018 at 6:12
Are DOM elements supposed to be accessible by name directly from document? Shouldn't you use document.getElementsByName to get to the elements? — Andre Pena
– Andre Pena, Commented May 5, 2018 at 6:14
@HiddenHobbes Please find the javascript below and the input tag from which this onclick event gets call...!!! <input type="button" name="chkSelectAll" value="Check All" onclick="javascript:selectAllCheckBox(this,document.thisJSP.chkUser);"> — NJM
– NJM, Commented May 5, 2018 at 6:19
place your code here, specially where you define your form class or object. maybe it's because new JavaScript class definition. — Hamid
– Hamid, Commented May 5, 2018 at 6:22
FYI, you don't need to put javascript: at the beginning of onclick attributes. That's only needed when you put JS in a URL. — Barmar
– Barmar, Commented May 5, 2018 at 6:22

chiliNUT · Accepted Answer · 2018-05-05 12:01:06Z

0

document.forms['thisJSP'].elements['chkUser']

See https://stackoverflow.com/a/16732108/2079345 and https://developer.mozilla.org/en-US/docs/Web/API/Document/forms

answered May 5, 2018 at 12:01

chiliNUT

19.5k14 gold badges72 silver badges116 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Pengfei Cao · Accepted Answer · 2018-05-05 06:29:57Z

0

AFAK, your code is so UGLY!

Here is some suggestions:

separate your ui definition and it's logic by define a new function;
Use document.getElementById() function to reach the DOM element, not by name;
You should try jQuery.

answered May 5, 2018 at 6:29

Pengfei Cao

712 bronze badges

1 Comment

NJM Over a year ago

Thanks fro your advice but if you can provide example that can rellate my code then it would appreciated as m not in more touch with jQuery.

Collectives™ on Stack Overflow

latest version of firefox and chrome issue with javascript

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related