javascript working on mozilla firefox but not on IE 6

[itgaurav198]

Hi,

I have the following script

function submitForm1()
{
   document.forms[0].action="SearchRecords";
   document.forms[0].submit();
}

[HTML]<select name="l" onchange="submitForm1();">[/HTML]

This script is working on firefox but not in IE6.
Can anybody tell me why this is happening and the alternative solution to perform the same function.

Thanks

[itgaurav198]

Hi,

I have the following script

function submitForm1()
{
   document.forms[0].action="SearchRecords";
   document.forms[0].submit();
}
 

[HTML]<select name="l" onchange="submitForm1();">[/code][/HTML]


This script is working on firefox but not in IE6.
Can anybody tell me why this is happening and the alternative solution to perform the same function.

Thanks

[r035198x]

Hi,

I have the following script

function submitForm1()
{
   document.forms[0].action="SearchRecords";
   document.forms[0].submit();
}

[HTML]<select name="l" onchange="submitForm1();">[/HTML]

This script is working on firefox but not in IE6.
Can anybody tell me why this is happening and the alternative solution to perform the same function.

Thanks

Java != Javascript

Moved to Javascript forum

[gits]

threads merged ... since they cover the same topic/question ...

[acoder]

So what happens in IE? Any errors?

[itgaurav198]

So what happens in IE? Any errors?

Hi,
There is neither any response nor any error means it does not call SearchRecords at all.

Thanx

[acoder]

There is neither any response nor any error means it does not call SearchRecords at all.

Is 'SearchRecords' a valid server file?

You're using forms[0]. Is there only one form in the page?

[itgaurav198]

Is 'SearchRecords' a valid server file?

You're using forms[0]. Is there only one form in the page?

Hi,

There is only one form and also SearchRecords is valid after all this is working on Firefox.
Is it possible that we have to make some changes in settings of IE?If yes, what will be those settings.

Thanks

[acoder]

Can you post the rest of the code or a link? If the code is too long, post the relevant parts.

[itgaurav198]

Can you post the rest of the code or a link? If the code is too long, post the relevant parts.

Hi,
Thax for ur consideration. but I think the code in original post is sufficient to find the error. In this I have one dropdown and based on that I call the javascript function that sets the action attribute for the form and submits it to that servlet.

Thanks

[rizwan6feb]

There is nothing wrong with the original code, even if IE6 is being used. There can be error in the code above these two statements:

document.forms[0].action="SearchRecords";
document.forms[0].submit();
 

which is causing the form not to submit. Try using alert functions to debug the statements above the form submission code

[itgaurav198]

There is nothing wrong with the original code, even if IE6 is being used. There can be error in the code above these two statements:

document.forms[0].action="SearchRecords";
document.forms[0].submit();
 

which is causing the form not to submit. Try using alert functions to debug the statements above the form submission code

Hi,
I have tried both of the following

function submitForm1()
{
alert("hvgfjh");
   document.forms[0].action="SearchRecords";
   document.forms[0].submit();
}

function submitForm1()
{
   document.forms[0].action="SearchRecords";
alert("hvgfjh");
   document.forms[0].submit();
}

In IE6
In first one the alert box works but in second no alert box appears.
In IE7
But both are working on IE7

Thanks

[itgaurav198]

Hi,
I have tried both of the following

function submitForm1()
{
alert("hvgfjh");
   document.forms[0].action="SearchRecords";
   document.forms[0].submit();
}

function submitForm1()
{
   document.forms[0].action="SearchRecords";
alert("hvgfjh");
   document.forms[0].submit();
}

In IE6
In first one the alert box works but in second no alert box appears.
In IE7
But both are working on IE7

Thanks

Hi,

Its working in case of radiobutton but not on onchange event of dropdown.

Thanks

[itgaurav198]

Hi,

Its working in case of radiobutton but not on onchange event of dropdown.

Thanks

Hi,

Sorry for the previous post.
Please ignore the previous reply because it works for both radiobutton and dropdown in IE 7 but not with IE 6.

Thanks

[itgaurav198]

Hi,

Sorry for the previous post.
Please ignore the previous reply because it works for both radiobutton and dropdown in IE 7 but not with IE 6.

Thanks

Hi,

The complete code is as below

<%@ page import="java.util.ArrayList"%>
<%@ page import="javax.servlet.*"%>
<%@ page import="javax.servlet.http.*"%>
 
<html>
<head>
<title> Form </title>
<script language="javascript" type="text/javascript">
 
function submitForm1()
{
 
   document.forms[0].action="SearchRecords";
   alert("fghfhfhf");
 
   document.forms[0].submit();
}
 
function submitForm2()
{
document.forms[0].action="Search";
document.forms[0].submit();
}
</script>
 
<%
ArrayList al=(ArrayList)session.getAttribute("str_");
%>
 
 
</head>
 
 
 
<body bgcolor="fuschia">
 
 
 
<center>
 
    <font size=7 color="red"> Please Enter the following information: </font>
       <form name="form1" method="POST">
 
           <table cellspacing="2" cellpadding="2" border="0">
               <tr>
           <td><input type="hidden" name="role" id="role"></td>
            </tr>
 
        <tr>
        <td align="left"><font size=5>Last Name</font></td>
        <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type=text name="sn" value="<%=request.getAttribute("lname") %>"></td>
        </tr>
 
        <tr>
        <td align="left"><font size=5>FullName</font></td>
        <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type=text name="cn" value="<%=request.getAttribute("fname")%>"><td>
        </tr>
 
        <tr>
        <td align="left"><font size=5>Location</font></td>
        <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <select name="l" onchange="submitForm1();">
        <%if(request.getAttribute("location")!=null)%>
        <Option value="<%=request.getAttribute("location")%>><%=request.getAttribute("location")%></Option>
        <Option value="Chandigarh">Chandigarh</Option>
        <Option value="Pune">Pune</Option>
        <Option value="Banglore">Banglore</Option>
        </select>
        </td>
        </tr>
 
           <tr>
           <td align="left"><font size=5>Role</font></td>
           <%try{%>
           <TD>
            <select name="erRoles" id="erRoles"> 
            <option>- - - - - - -</option>
            <%for(int i=0;i<al.size();i++){%>
            <Option value="<%=al.get(i).toString()%>"><%=al.get(i).toString()%></Option>
            <%}%>
            </select>
            </TD>        
            <%}
            catch(Exception e)
            {
              e.printStackTrace();
             }%>
            </tr> 
 
            <tr>
            <td align="right"><input type=submit name=action value="Submit" onclick="submitForm2();"></td>
            <td align="left">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type=reset name=action value="Reset"></td>
            </tr>
        </table>
 
    </form>
</center>
</body>
</html>

In IE 6
In submitForm1() if I use alert before document.forms[0].action="SearchRecords"; then it only shows the alert box but do not submit the form to SearchRecords servlet and if i use it after document.forms[0].action="SearchRecords"; it neither shows alert box now submits the form to SearchRecords servlet.

[acoder]

Hi,
Thax for ur consideration. but I think the code in original post is sufficient to find the error.

No it wasn't. I've spotted the error by looking at your full code.

You've named your submit button "action" which is causing problems when setting the action property. Rename it to something else, even 'action1' will do.

[itgaurav198]

No it wasn't. I've spotted the error by looking at your full code.

You've named your submit button "action" which is causing problems when setting the action property. Rename it to something else, even 'action1' will do.

Hi,

The same situation even after changing the name of button.
When I change the dropdown list value the page shows an error on left bottom side of Browser and shows that "Object doesn't support this property or method" for document.forms[0].action="SearchRecords".

Thanks

[itgaurav198]

Hi,
The following code works properly

<%@ page import="javax.servlet.*"%>
<%@ page import="javax.servlet.http.*"%>
 
<html>
<head>
<title> Form </title>
<script language="javascript" type="text/javascript">
 
function submitForm1()
{
 
   document.forms[0].action="SearchRecords";
   alert("hjgjh");
 
   document.forms[0].submit();
}
</script>
 
</head>
 
 
 
<body bgcolor="fuschia">
<center>
 
    <font size=7 color="red"> Please Enter the following information: </font>
       <form name="form1" method="POST">
           <table cellspacing="2" cellpadding="2" border="0">            
        <tr>
        <td align="left"><font size=5>Location</font></td>
        <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <select name="l" onchange="submitForm1();">
        <Option value="Chandigarh" selected="selected">Chandigarh</Option>
        <Option value="Pune">Pune</Option>
        <Option value="Banglore">Banglore</Option>
        </select>
        </td>
        </tr>
        </table>
 
    </form>
</center>
</body>
</html>

Then why the code posted before doesn't work in IE.
Please reply it is really urgent and important.
Thanx

[acoder]

Then why the code posted before doesn't work in IE.

Now you don't have that submit button named "action" anymore, so it doesn't 'think' that the action object is being set to "SearchRecords" anymore.

[itgaurav198]

Now you don't have that submit button named "action" anymore, so it doesn't 'think' that the action object is being set to "SearchRecords" anymore.

Hi,
I just want to call the submitForm1() function on onchange event of location dropdown and want to submit the form to SearchRecords in the code below:(Please see the bold part in code)
[HTML]<%@ page import="java.util.ArrayList"%>
<%@ page import="javax.servlet.*"%>
<%@ page import="javax.servlet.http.*"%>

<html>
<head>
<title> Form </title>
<script language="javascript" type="text/javascript">

function submitForm1()
{

document.forms[0].action="SearchRecords";
alert("fghfhfhf");

document.forms[0].submit();
}
function submitForm2()
{
document.forms[0].action="Search";
document.forms[0].submit();
}
</script>

<%
ArrayList al=(ArrayList)session.getAttribute("str_");
%>


</head>



<body bgcolor="fuschia">



<center>

<font size=7 color="red"> Please Enter the following information: </font>
<form name="form1" method="POST">

<table cellspacing="2" cellpadding="2" border="0">
<tr>
<td><input type="hidden" name="role" id="role"></td>
</tr>

<tr>
<td align="left"><font size=5>Last Name</font></td>
<td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type=text name="sn" value="<%=request.getAttribute("lname") %>"></td>
</tr>

<tr>
<td align="left"><font size=5>FullName</font></td>
<td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type=text name="cn" value="<%=request.getAttribute("fname")%>"><td>
</tr>

<tr>
<td align="left"><font size=5>Location</font></td>
<td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<select name="l" onchange="submitForm1();">
<%if(request.getAttribute("location")!=null)%>
<Option value="<%=request.getAttribute("location")%>><%=re quest.getAttribute("location")%></Option>
<Option value="Chandigarh">Chandigarh</Option>
<Option value="Pune">Pune</Option>
<Option value="Banglore">Banglore</Option>
</select> </td>
</tr>

<tr>
<td align="left"><font size=5>Role</font></td>
<%try{%>
<TD>
<select name="erRoles" id="erRoles">
<option>- - - - - - -</option>
<%for(int i=0;i<al.size();i++){%>
<Option value="<%=al.get(i).toString()%>"><%=al.get(i).toS tring()%></Option>
<%}%>
</select>
</TD>
<%}
catch(Exception e)
{
e.printStackTrace();
}%>
</tr>

<tr>
<td align="right"><input type=submit name=action value="Submit" onclick="submitForm2();"></td>
<td align="left">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;< input type=reset name="submitButton" value="Reset"></td>
</tr>
</table>

</form>
</center>
</body>
</html>[/HTML]

But it warks fine in Firefox and not in IE.if I use alert after document.forms[0].action="SearchRecords"; it shows neither alert nor submits the form and if i use alert before document.forms[0].action="SearchRecords"; it shows alert box but don't submit the form. It also shows a Browser warning on bottom left corner Object doesn't support Line 13(i.e.document.forms[0].action="SearchRecords";)

Thanks

[acoder]

As I told you before, you have to change the name of the submit button. IE is very easily confused!

On line 89, you have:[HTML]<input type=submit name=action value="Submit" onclick="submitForm2();">[/HTML] Change "action" to "action1" or some other name that is not the name of a method or attribute.

[itgaurav198]

As I told you before, you have to change the name of the submit button. IE is very easily confused!

On line 89, you have:[HTML]<input type=submit name=action value="Submit" onclick="submitForm2();">[/HTML] Change "action" to "action1" or some other name that is not the name of a method or attribute.

Hi,
I have tried it but still its not working

Thanks

[acoder]

Hi,
I have tried it but still its not working

Thanks

So what happens now? Any errors? Can you also post your revised code?

[itgaurav198]

So what happens now? Any errors? Can you also post your revised code?

Hi,

Revised code as below

<%@ page import="java.util.ArrayList"%>
<%@ page import="javax.servlet.*"%>
<%@ page import="javax.servlet.http.*"%>
 
<html>
<head>
<title> Form </title>
<script language="javascript" type="text/javascript">
 
function submitForm1()
{
 
   document.forms[0].action="SearchRecords";
   alert("fghfhfhf");
 
   document.forms[0].submit();
} 
function submitForm2()
{
document.forms[0].action="Search";
document.forms[0].submit();
}
</script>
 
<%
ArrayList al=(ArrayList)session.getAttribute("str_");
%>
 
 
</head>
 
 
 
<body bgcolor="fuschia">
 
 
 
<center>
 
    <font size=7 color="red"> Please Enter the following information: </font>
       <form name="form1" method="POST">
 
           <table cellspacing="2" cellpadding="2" border="0">
            <tr>
        <td><input type="hidden" name="role" id="role"></td>
            </tr>
 
        <tr>
        <td align="left"><font size=5>Last Name</font></td>
        <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type=text name="sn" value="<%=request.getAttribute("lname") %>"></td>
        </tr>
 
        <tr>
        <td align="left"><font size=5>FullName</font></td>
        <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type=text name="cn" value="<%=request.getAttribute("fname")%>"><td>
        </tr>
 
        <tr>
        <td align="left"><font size=5>Location</font></td>
        <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <select name="l" onchange="submitForm1();">
        <%if(request.getAttribute("location")!=null)%>
        <Option value="<%=request.getAttribute("location")%>><%=request.getAttribute("location")%></Option>
        <Option value="Chandigarh">Chandigarh</Option>
        <Option value="Pune">Pune</Option>
        <Option value="Banglore">Banglore</Option>
        </select>        </td>
        </tr>
 
        <tr>
        <td align="left"><font size=5>Role</font></td>
        <%try{%>
        <TD>
            <select name="erRoles" id="erRoles"> 
            <option>- - - - - - -</option>
            <%for(int i=0;i<al.size();i++){%>
            <Option value="<%=al.get(i).toString()%>"><%=al.get(i).toString()%></Option>
            <%}%>
            </select>
            </TD>      
            <%}
            catch(Exception e)
            {
              e.printStackTrace();
             }%>
            </tr> 
 
            <tr>
            <td align="right"><input type=submit name=action value="Submit" onclick="submitForm2();"></td>
            <td align="left">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type=reset name="submitButton" value="Reset"></td>
            </tr>
        </table>
 
    </form>
</center>
</body>
</html>

The same situation ie when i use alert box before setting document.forms[0].action="SearchRecords" it shows the alert bax on onchange event but don't submit the code but when i place alert before document.forms[0].action="SearchRecords" neither it shows alert box nor it submits the form.

Even in both the cases it shows a warning (that browser shows when page loads) and the details are

Line: 12
Char: 4
Error: Object doesn't support this property or Method
Code: 0
URL: ...........................

Thanks

[acoder]

You've not actually made the change.

Change line 89 to:
[HTML]<td align="right"><input type=submit name="action1" value="Submit" onclick="submitForm2();"></td>[/HTML]

[itgaurav198]

You've not actually made the change.

Change line 89 to:
[HTML]<td align="right"><input type=submit name="action1" value="Submit" onclick="submitForm2();"></td>[/HTML]

Hi,
Sorry, actually i have changed the one button code and not the other now this is working fine.

But still I am not clear why the same (wrong) code was working fine on Firefox.
Can you tell me the reason or some link where i can find out these differences between firefox and IE.
Thanks
Thanks a lot

[acoder]

The situation is same as described in above post.

Now you've renamed the reset button to "action". Use a different name.