Javascript won't work in IE7

It works fine in Firefox 2+ but in IE7 the alert window doesnt appear and the script doesnt work.

Maybe I'm missing something

Heres the form the script is tied to:

[HTML] <form id="Quiz" name="Quiz" method="get" >
<table width="405" table="table" height="24" border="0" align="center">

<tr>
<td width="96" valign="top" bgcolor="#990000"><span class="style1"><font color="#FFFFFF" face="Arial, Helvetica, sans-serif"><strong>Answer</strong></font></span></td>
<td width="299" rowspan="2" valign="top"><label>
<input name="Answer" type="text" id="Answer" size="34" />
</label></td>
</tr>
<tr>
<td height="39" colspan="2">
<div align="left"><label>
<input type="submit" name="Submit" value="Submit" onClick="checkAnswer(this.form)" />
</label>
</div></td>
</tr>
</table>
</form>[/HTML]

Heres the script, its an external script preloaded in the head section:

Expand|Select|Wrap|Line Numbers

 function checkAnswer (form)

{

    var Answer = form.Answer.value;

    if (Answer == "clarkston park")

    {

    alert ("!!!! Yes you are Correct !!!!  ... Your gift will be there from 12:45pm - 1:15pm")

    }

    else if (Answer == "Clarkston Park")

    {

    alert ("!!!! You are Correct !!!!  ... Your gift will be there from 12:45pm - 1:15pm");

    location = "http://someplace.com";

    }

    else

    {

    alert ("You are Incorrect. Please try again. **Hint: C.P.**")

    }

}

Dec 25 '07 #1

Subscribe Post Reply

1503

mplungjan

A few things are going on here

1. Never use onClick of a submit button - instead use the onSubmit of the form and return false if the form itself should not be submitted.

2. You should not rely on javascript to hide an answer to a password-like question.

3. Your script can be simpler:

[HTML] <form id="Quiz" name="Quiz" method="get"
onSubmit="return checkAnswer(this)">
.
.
<input type="submit" name="Submit" value="Submit" />
</form>[/HTML]

Expand|Select|Wrap|Line Numbers

 
function checkAnswer (form) {

  var answer = form.Answer.value;

  if (answer!="") answer=answer.toLowerCase();

  if (answer == "clarkston park")  {

    alert ("!!!! Yes you are Correct !!!!  ... Your gift will be there from 12:45pm - 1:15pm")

     location = "http://someplace.com";

  }

  else {

    alert ("You are Incorrect. Please try again. **Hint: C.P.**")

  }

  return false; // cancel the form

}

Dec 25 '07 #2

neoseeker191

Changing it to onSubmit results in the script not working at all in Firefox or IE. The other changes still aren't making it work, unfortunately.

I appreciate the help.

Dec 25 '07 #3

mplungjan

I believe you may have pasted the script incorrectly or missed something in the html you gave me.
Here is the script combined with your code and it works as intended in IE, Firefox and Safari on Windows XP

Expand|Select|Wrap|Line Numbers

 
<html>

<head>

<script>

function checkAnswer (form) {

  var answer = form.Answer.value;

  if (answer!="") answer=answer.toLowerCase();

  if (answer == "clarkston park")  {

    alert ("!!!! Yes you are Correct !!!!  ... Your gift will be there from 12:45pm - 1:15pm")

    location = "http://www.google.com/search?q=clarkston+park";

  }

  else {

    alert ("You are Incorrect. Please try again. **Hint: C.P.**")

  }

  return false; // cancel the form

}

</script>

</head>

<body>

<form id="Quiz" name="Quiz" method="get" onSubmit="return checkAnswer(this)">

<table width="405" table="table" height="24" border="0" align="center">

              <!--DWLayoutTable-->

              <tr>

                <td width="96" valign="top" bgcolor="#990000"><span class="style1"><font color="#FFFFFF" face="Arial, Helvetica, sans-serif"><strong>Answer</strong></font></span></td>

                <td width="299" rowspan="2" valign="top"><label>

                  <input name="Answer" type="text" id="Answer" size="34" />

                </label></td>

              </tr>

              <tr>

                <td height="39" colspan="2">

                    <div align="left"><label>

                      <input type="submit" name="Submit" value="Submit" />

                      </label>

                  </div></td>

              </tr>

            </table>

          </form>

</body>

</html>

Dec 26 '07 #4

by: NecroJoe | last post by:

I am using PHP to generate a little javascript for one of my pages. In short it allows a user to select a value from a list and pop it into a form field on a seperate page. This works well unless...

Javascript

LinkButton without Javascript???

by: domtam | last post by:

First of all, my ASP.NET application has to support browser with Javascript disabled. In the application There is a control that looks like a text hyperlink, but the server-side has to do...

ASP.NET

Batch import of multiple excel files into the database

by: ryjfgjl | last post by:

If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...

Data Management

Merging data from multiple Excel files

by: ryjfgjl | last post by:

In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...

Data Management

Migrating Website to Cloud - Emmanuel Katto

by: emmanuelkatto | last post by:

Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel

General

Looking to do Android software development, any suggestions? Is flutter better?

by: nemocccc | last post by:

hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?

General

Is that possible of reading the .csv file in column wise and the column have different lengths ?

by: Sonnysonu | last post by:

This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...

C / C++

How to build RAID in BIOS?

by: Hystou | last post by:

There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...

Computer Hardware

Maximizing Business Potential: The Nexus of Website Design and Digital Marketing

by: jinu1996 | last post by:

In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

Online Marketing

The easy way to turn off automatic updates for Windows 10/11

by: Hystou | last post by:

Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...

Windows Server

Discussion: How does Zigbee compare with other wireless protocols in smart home applications?

by: tracyyun | last post by:

Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...

General

Javascript won't work in IE7

Similar topics