Home/ Questions/Q 969905
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-16T02:43:14+00:00

Working on the same page as before,but now I’m using it as a playground

  • 0

Working on the same page as before,but now I’m using it as a playground for messing around with jQuery so I can learn it for my’boss.’ Unfortunately, I can’t get the javascript in this file to execute, let alone give me a warning. All of the PHP and HTML on the page work perfectly, it’s just the script that’s the issue. What am I doing wrong?

<?php

  if( isset($_POST['mushu']) )
  {
    playAnimation();
    clickInc();
  }

  function playAnimation()
  {
     echo "<img src='cocktail-kitten.jpg' id='blur'>";
  }

  function clickInc()
  {
    $count = glob("click*.txt");

    $clicks = file($count[0]);
    $clicks[0]+=1;

    $fp = fopen($count[0], "w") or die("Can't open file");
    fputs($fp, $clicks[0]);
    fclose($fp);

    echo $clicks[0];

  }
?>

<html>

  <head>

    <title>Adobe Kitten</title>

    <script type="text/javascript" src="jquery.js"></script>

  </head>

  <body>

    <form action="<?php $_SERVER['PHP_SELF']; ?>"
          method="post">
    <input type="submit"
           value="Let's see what Mushu is up to."
           name="mushu">
    </form>

    <script>
      $(document).ready( function()
      {
        $('#blur').click( function()
        {
          $(this).blur( function()
          {
            alert('Handler for .blur() called.');
          });
        });
      });
    </script>
  </body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You’re calling playAnimation() before your <html> tag, so your html is malformed. JQuery probably can’t find the #blur element because it’s not actually inside your web page, much less within the <body>.

    Move the if( isset($_POST['mushu'])) ... block of code somewhere after the body tag.

    • 0