我做了一个作业，最后得到了这个正确的代码:
<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),
);我不知道他们甚至在问我，我很困惑，如果有人能帮助我，我将不胜感激!
最佳答案
这就是我认为他们在问的问题:
脚本 1 - 显示随机图像，当用户点击图像时，发送坐标和自拼图开始以来花费的时间。提示是使用表单字段。所以你需要创建一个带有隐藏输入字段的表单。当用户点击图像时，设置这些字段的值(时间、坐标、图像名称等)并提交表单。表单需要通过脚本二来处理。
脚本 2 - 决定是否应向用户显示获胜、失败或重试消息，并将此回复转发给用户。
关于javascript - php 表单发送到处理程序，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34868926/