Question

我做了一项任务，最后得到了正确的代码：

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<title>Assignment 2</title>
<script type="text/javascript">
  var imageURLs = [
       "p1.jpg"
     , "p2.jpg"
     , "p3.jpg"
     , "p4.jpg"
  ];
  function getImageTag() {
    var img = '<img src=\"';
    var randomIndex = Math.floor(Math.random() * imageURLs.length);
    img += imageURLs[randomIndex];
    img += '\" alt=\"Some alt text\"/>';
    return img;
  }
$(document).ready(function() {
    $("img").on("click", function(event) {
        var x = event.pageX - this.offsetLeft;
        var y = event.pageY - this.offsetTop;
        alert("X Coordinate: " + x + " Y Coordinate: " + y);
    });
});
</script>
</head>
<body>
<script type="text/javascript">
  document.write(getImageTag());
</script>
</body>
</html>

所以现在下一个任务说明了这一点：你的任务是通过创建两个PHP脚本为任务1B添加一些验证。

第一个PHP脚本，它将创建一个包含随机选择的img标记的HTML文档。 HTML文档将包含一个表单，用于存储和发送数据（点击坐标）到第二个（处理程序）脚本。

第二个PHP脚本是将使用答案检查提交的坐标的处理程序。如果单击位于答案的10个像素内，则向用户显示祝贺消息，否则计算他们离答案的距离。您还应该显示用户发送答案所花费的秒数。

提示：第一个脚本需要将数据发送到第二个脚本，即当前时间戳和表示向用户显示哪个图像的值。第一个脚本可以使用隐藏的输入字段将此数据发送到第二个脚本。

然后是：

Image and Answer Data

$puzzles = array ( 
    array( 'src' => "http://307.myweb.cs.uwindsor.ca/samples/wheres_waldo/pics/p2.jpg",
           'x' => 235,
           'y' => 389),
    array( 'src' => "http://307.myweb.cs.uwindsor.ca/samples/wheres_waldo/pics/p3.jpg",
           'x' => 437,
           'y' => 221),
    array( 'src' => "http://307.myweb.cs.uwindsor.ca/samples/wheres_waldo/pics/p4.jpg",
           'x' => 469,
           'y' => 110),
 );

我不知道他们甚至都在问我，我很困惑，如果有人能帮助我，我将不胜感激！

Answer 1

我认为这是他们所要求的：

脚本1-显示随机图像，当用户点击图像时，发送拼图开始后的坐标和时间。提示是使用表单字段。因此，您需要创建一个包含隐藏输入字段的表单。当用户单击图像时，设置这些字段的值（时间，坐标，图像名称等）并提交表单。表单需要由脚本二处理。

脚本2-决定是否应该向用户显示获胜，丢失或再次尝试消息，并将此回复转发给用户。

php表单发送给处理程序

1 个答案: