Наибольший интерес здесь представляет скрипт обработки нажатий на клавиши (строки 13-37). Чтобы немного сократить его код я использовал библиотеку jQuery (строка 12). Разберем его подробнее. С помощью функции ready указываем, что наш код должен выполняться только после полной загрузки страницы. Функция keypress назначает обработчик, который будет вызываться при нажатии на любую клавишу. В нашем случае этим обработчиком является анонимная функция (строки 18-33). Примечание. Вы можете назначить обработчик любому блоку на странице. Для этого с помощью функции $(…) укажите нужный блок. В первом параметре наша функция получает объект с данными о возникшем событии (в данном случае это нажатие на клавишу). Код нажатой клавиши содержится в свойстве keyCode этого объекта. Кроме того, если свойство ctrlKey указывает на то, была ли нажата клавиша «Ctrl» (ctrlKey == true). Аналогичное назначение имеет свойство altKey (устанавливается в true, если нажата клавиша «Alt»). Т. е. мы проверяем, была ли нажата комбинация клавиш «Ctrl+Enter» и если да, то с помощью window. getSelection() получаем выделенный текст и отправляем AJAX запрос. В параметре url указываем название PHP скрипта, который добавляет данные об опечатке в базу, а в параметре data – выделенный текст и адрес страницы. После получения ответа от сервера будет вызвана функция, указанная в параметре success (строки 28-30). Она просто покажет сообщение сервера посетителю. Таблица, в которой будут храниться сообщения, называется errorsdata и имеет 5 полей: 1) id – первичный ключ; 2) addtime – время добавления сообщения; 3) errmes – текст сообщения; 4) userip – IP адрес посетителя; 5) pageUrl – адрес страницы, на которой была найдена ошибка. Теперь рассмотрим PHP скрипт, сохраняющий сообщения в базе данных.
Понравилась статья? Получай обновления и будь всегда в курсе событий!