PHP запрос при наведении мыши. Как сделать?

Question

[FeNiX1996l]

Здравствуйте. Имеется например див с сообщениями. При наведении на этот див мышкой должен происходит запрос в базу данных о том, что эти сообщения прочитаны. Как это сделать? Подскажите пожалуйста.

Answer 1

[Матвей Мамонов]

В написанном использую JQuery.

$element = "путь к элементу (CSS)";

$($element).on("mouseover", function() {
$.ajax({
			type: /* post или get */,
		  url: /* путь к php файлу */,
			data: /* данные, которые нужно послать скрипту (объект) */,
		  dataType: /* json | text | html */,
		  success: function(answ) {
				
				// ответ с сервера посылаем простым выводом (print или echo в php) и он записывается в переменную answ
				
		  }
		});
});

Comments

[Матвей Мамонов]

Поправлюсь. Пожалуй, лучше использовать mouseenter. Ибо суть задачи - отправить запрос при наведении, а не отправлять, пока мышь наведена на элемент.

[FeNiX1996l]

Матвей Мамонов: Каждое уведомление будет в диве, а все эти уведомления будут в одном большом диве. При наведении на самый главный див...как отправить данные каждого нового уведомление в базу?
У меня например 10 уведомлений. Зашел на страницу с уведомлениями и там 10 новых. Мой курсор будет где-то на сайте. Например при навадении на BODY отправить запрос каждого нового уведомления в базу и записать в поле "Reade" слово "YES"

[FeNiX1996l]

Матвей Мамонов: что-то типо вк ОТВЕТЫ

[Матвей Мамонов]

FeNiX1996l: так вы там в кавычках просто и укажите нужный див. Там просто css путь нужен.

[Матвей Мамонов]

FeNiX1996l: а если ответы у вас, как в ВК, на отдельной странице, то почему бы просто не отправить запрос при загрузке страницы? Но тогда и аякс для этого использовать глупо. Короче говоря, вам просто нужно определиться, на каком элементе (или в каком случае вообще) ловить событие. А так мой шаблрн должен подойти, я думаю.

Answer 2

[GavriKos]

Ловите событие мышки javascript-ом, оправляете на сервер ajax-запрос (с id сообщения), там его обрабатываете и помечаете в базе сообщения как прочитанные. пример кода не напишу.

Answer 3

[Сергей]

AJAX, Jquery, Hover

Answer 4

[Руслан]

Вам помогут две ссылки
api.jquery.com/on
api.jquery.com/jquery.post

Answer 5

[Dmitry Bay]

при рендеринге добавляете на непрочитанный див класс noread например.

в итоге будет


далее, добавляете jquery событие -
noread.mouseover(function(){
// здесь отправляете любым методом данные на сервер.
//отключаете mouseover событие для этого элемента.
})

Comments

[FeNiX1996l]

насчет пшп и мускул я знаю, что и как. Мне бы код аякса.

Answer 6

[frees2]

$(document).ready(function() { $('.canal2').hover(function(){ $(this).remove();