я сделал назначение и в конечном итоге с этим правильным кодом:формы PHP отправки обработчика
<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>
так что теперь следующее задание говорит, что это: Ваша задача состоит в том, чтобы добавить некоторые проверки в задачу 1B, создав два скрипта PHP.
Первый PHP-скрипт, который будет создавать HTML-документ, содержащий метку img, которая выбрана случайным образом. 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),
);
Я понятия не имею, что они даже просят меня, и я очень смущен, если кто-нибудь может помочь мне, что это было бы весьма признателен!