Firefox Keeps Spinning When Using Simple Javascrtipt

Guerino1 · Share | #1 (**permalink**) 03-10-2012, 06:16 AM

Hi,

I'm trying to learn Javascript using the WS3 tutorials. I run the following simple example and it works fine in all browsers except Firefox. The example renders a button that, when clicked, renders a dialog to prompt you for text input.

In Firefox, it appears that after completing the example process, the code never finishes loading loading the page, and the page load icon (in the page tab at the top) just continues to spin.

Any thoughts on why and how to fix it? Again, it works fin in Chrome and Safari.

Code:

<html>
  <head>
    <script type="text/javascript">
      function show_prompt()
      {
        var name=prompt("Please enter your name","Harry Potter");
        if (name!=null && name!="")
        {
          document.write("<p>Hello " + name + "! How are you today?</p><br/>");
          document.write("<p>Today's Date is: " + Date() + "</p>");
        }
      }
    </script>
  </head>
  <body>
    <input type="button" onclick="show_prompt()" value="Press This Button To Show The Prompt Dialog Box" />
  </body>
</html>

Thanks for any help you can offer,

Frank

RiptideTempora · #2 (**permalink**) 03-10-2012, 08:47 AM

Quote:

Originally Posted by Guerino1

Hi,

I'm trying to learn Javascript using the WS3 tutorials. I run the following simple example and it works fine in all browsers except Firefox. The example renders a button that, when clicked, renders a dialog to prompt you for text input.

In Firefox, it appears that after completing the example process, the code never finishes loading loading the page, and the page load icon (in the page tab at the top) just continues to spin.

Any thoughts on why and how to fix it? Again, it works fin in Chrome and Safari.

Code:

<html>
  <head>
    <script type="text/javascript">
      function show_prompt()
      {
        var name=prompt("Please enter your name","Harry Potter");
        if (name!=null && name!="")
        {
          document.write("<p>Hello " + name + "! How are you today?</p><br/>");
          document.write("<p>Today's Date is: " + Date() + "</p>");
        }
      }
    </script>
  </head>
  <body>
    <input type="button" onclick="show_prompt()" value="Press This Button To Show The Prompt Dialog Box" />
  </body>
</html>

Thanks for any help you can offer,

Frank

The document.write() is always a little buggy for some reason, in my experience anyway.

You might want to look at .getElementById("containerDIVelement") and .innerHTML = "<P>etc</P>";

For example:

Code:

<html>
  <head>
    <script type="text/javascript">
      function show_prompt()
      {
        var name=prompt("Please enter your name","Harry Potter");
        if (name!=null && name!="")
        {
          var element = document.getElementById("sweetNothings");
          element.innerHTML = "<p>Hello " + name + "! How are you today?</p><br/>\n" +
          "<p>Today's Date is: " + Date() + "</p>";
        }
      }
    </script>
  </head>
  <body>
    <input type="button" onclick="show_prompt()" value="Press This Button To Show The Prompt Dialog Box" />
    <div id="sweetNothings">
      <!-- This is empty -->
    </div>
  </body>
</html>

Guerino1 · #3 (**permalink**) 03-12-2012, 04:41 AM

Hi Riptide,

Thanks for the suggestions. I'll definitely try them out.

FG