Отследить нажатие на конкретное изображение

@knuthamsun · Регистрация: 16.08.2014

Студворк — интернет-сервис помощи студентам

Всем привет! Выводятся изображения из Базы Данных. Например так:

HTML5
1
<a href = "http://www.google.ru" target="_blank"><img id = "2f018a2f0d81827177c583f0339b87f9" src = "banners/healthy.png" width = "468" height = "80"></a>

и так несколько штук. Присвоил каждому свои uniqid. Вопрос: как отследить нажатие ИМЕННО НА КОНКРЕТНОЕ изображение? ...с целью дальнейшей передачи это информации в БД, ну и обработки на местности.

P.S например, сколько раз нажали на картинку А, и сколько на Б => и записывать в БД. Я, как бы, догадываюсь, что дело в jQuery и Ajax, но хотелось бы что-то более конкретное

Всем спасибо

P.P.S лично я додумался аж до этого:

JavaScript
1
2
3
$(document).ready(function(){
    $("#...")
});

.. но что за #id передавать и как его получить в каждом конкретном нажатии.. не знаю(

@BANO · 01.07.2016, 17:59

knuthamsun, у вас по идее все эти картинки лежат в одном контейнере, можете показать весь html?

@knuthamsun · 01.07.2016, 18:00 **[ТС]**

<div>с баннерами вот:

HTML5
1
  <div id = "show_all_banners"><a href = "http://www.google.ru" target="_blank"><img id = "2f018a2f0d81827177c583f0339b87f9" src = "banners/healthy.png" width = "468" height = "80"></a><br /><br /></div><div id = "show_all_banners"><a href = "http://www.google.co.uk" target="_blank"><img id = "d3c77a13f9bccb0fa21264af1917d5e4" src = "banners/goodrich.png" width = "468" height = "80"></a><br /><br /></div><div id = "show_all_banners"><a href = "http://www.google.com.ua" target="_blank"><img id = "6456a66359838c5eddb24b8ebf077dfb" src = "banners/dreams.jpg" width = "468" height = "80"></a><br /><br /></div>

P.S. Да

В одном контейнере

@Raisin Zn · 01.07.2016, 18:06

Как вариант:

HTML5
1
<img id="2f018a2f0d81827177c583f0339b87f9" onClick="xxx(this);" src="banners/healthy.png" width="468" height="80">

JavaScript
1
2
3
function xxx(img) {
    alert(img.id);
};

Подойдет?

@BANO · 01.07.2016, 18:08

knuthamsun,

JavaScript
1
2
3
4
5
$("#show_all_banners > *").click(function(event){
    var id = event.target.tagName.toLowerCase() == "img" ? event.target.id : $("img", event.target).attr("id");
    // теперь мы знаем id на который кликнули
    return false // чтобы не перешло по ссылке
})

Добавлено через 38 секунд
Raisin Zn, inline listeners - зло

@knuthamsun · 01.07.2016, 18:14 **[ТС]**

Смотрите, идея в том, что мне нужно получить id и дальше его передать в базу данных. Как это может выглядеть?
P.S. ща гляну

Добавлено через 4 минуты
BANO, как мне теперь эту переменную id передать в БД для дальнейшей обработки? Например, увеличить счётчик нажатий.

@BANO · 01.07.2016, 18:15

knuthamsun, напишите php обработчик, а передать легко

JavaScript
1
$.post("ListenerURI", {id: id})

@knuthamsun · 01.07.2016, 18:17 **[ТС]**

Спасибо

Дальше буду сам разбираться

@BANO · 01.07.2016, 18:20

Не по теме:

knuthamsun, чтобы форум обработал обращение к человеку нужно в специальный тег его вогнать, вот я написал как

@knuthamsun · 01.07.2016, 18:26 **[ТС]**

BANO, ок, спасибо)

Добавлено через 2 минуты
BANO, я вообще хочу сделать, что-то типа контексной рекламы на сайте. Зарегился, и если нажал => получил денежки. С занесением в БД, конечно же и отслеживанием. Мож чего посоветуете почитать?)

@Raisin Zn · 01.07.2016, 18:30

Не по теме:

BANO:

Сообщение от BANO

Raisin Zn, inline listeners - зло

Это?:

JavaScript
1
onClick="xxx(this);"

Если честно, то самому не нравится, когда смешано HTML JS CSS в одной куче.
Но все же чем плохи эти слушатели?

Добавлено через 3 минуты

Не по теме:

Сообщение от knuthamsun

я вообще хочу сделать, что-то типа контексной рекламы на сайте. Зарегился, и если нажал => получил денежки.

Возможно стоит подумать о защите от "накруток", например с одного IP можно щелкнуть только по одной картинке с id="xxx", а при повторном клике, не защитывать клик.

Ну так для размышления и возможно вы об этом уже подумали...

@knuthamsun · 01.07.2016, 18:32 **[ТС]**

Raisin Zn а вам попадались мож материалы по этой теме? Мож чё посоветуете?

P.S. я все советы приму к сведенью, просто пока я ещё учусь) Уже говносайтики могу делать, и даже с каким-то функционалом...но ещё далеко до идеала

@BANO · 01.07.2016, 18:34

Сообщение от knuthamsun

Зарегился, и если нажал => получил денежки

а вотт приду я такой умный и вместо нажатия сделаю цикл, который будет просто так id посылать на ваш сервер

@knuthamsun · 01.07.2016, 18:36 **[ТС]**

BANO , на данном этапе я хочу добиться того, чтобы это хоть как-то работало. Для придания уверенности самому себе, что я могу) А дальше, конечно, буду разбираться с безопасностью)

@Raisin Zn · 01.07.2016, 18:48

Не по теме:

Сообщение от BANO

а вотт приду я такой умный

Необходимо сделать тест на сообразительность при регистрации, чтобы такие умные не смогли пройти! :)

Сообщение от knuthamsun

а вам попадались мож материалы по этой теме?

Материалов не знаю, думаю, что со временем можно выявить недочеты и исправить их.
Может делать проверку, каким то словом. Например, не просто нажать на ссылку, а просмотреть рекламируемую страницу в течении заданного времени, после чего появится код, который надо ввести в форму и нажать оплатить рекламу.

@BANO · 01.07.2016, 18:50

Не по теме:

Raisin Zn, тест типа
найдите ошибку в этой строке

JavaScript
1
test(grand!)

Предполагаемый ответ: шта, блин?
неправильный ответ:

JavaScript
1
test(grand);

@knuthamsun · 01.07.2016, 18:51 **[ТС]**

Raisin Zn

Может делать проверку, каким то словом. Например, не просто нажать на ссылку, а просмотреть рекламируемую страницу в течении заданного времени, после чего появится код, который надо ввести в форму и нажать оплатить рекламу

Собсно, так и хочу сделать)

@BANO · 01.07.2016, 19:00

Raisin Zn, ага, типа как в играх... посмотрите видео и получите алмазики)

knuthamsun, мне кажется легче капчу сделать

Новые блоги и статьи Все статьи Все блоги /
Отчёт о затраченных материалах за определенный период с макетом печатной формы Maks 21.04.2026 Отчёт из решения ниже размещён в конфигурации КА2. Задача: показать затраченные материалы за определённый период, с возможностью вывода печатной формы отчёта с шапкой и подвалом. В качестве. . .	Отчёт о спецтехнике находящейся в ремонте Maks 20.04.2026 Отчёт из решения ниже размещен в конфигурации КА2. Задача: отобразить спецтехнику, которая на данный момент находится в ремонте. Есть нетиповой документ "Заявка на ремонт спецтехники" который. . .	Памятка для бота и "визитка" для читателей "Semantic Universe Layer (Слой семантической вселенной)" Hrethgir 19.04.2026 Сгенерировано для краткого описания по случаю сборки и компиляции скелета серверного приложения. И пусть после этого скажут, что статьи сгенерированные AI - туфта и не интересно. И это не реклама -. . .	Запрет удаления строк ТЧ документа при определённом условии Maks 19.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "Аккумуляторы", разработанного в конфигурации КА2. У данного документа есть ТЧ, в которой в зависимости от прав доступа. . .
Модель заражения группы наркоманов alhaos 17.04.2026 Условия задачи сформулированы тут Суть: - Группа наркоманов из 10 человек. - Только один инфицирован ВИЧ. - Колются одной иглой. - Колются раз в день. - Колются последовательно через. . .	Мысли в слух. Про "навсегда". kumehtar 16.04.2026 Подумалось тут, что наверное очень глупо использовать во всяких своих установках понятие "навсегда". Это очень сильное понятие, и я только начинаю понимать край его смысла, не смотря на то что давно. . .	My Business CRM MaGz GoLd 16.04.2026 Всем привет, недавно возникла потребность создать CRM, для личных нужд. Собственно программа предоставляет из себя базу данных клиентов, в которой можно фиксировать звонки, стадии сделки, а также. . .	Знаешь почему 90% людей редко бывают счастливыми? kumehtar 14.04.2026 Потому что они ждут. Ждут выходных, ждут отпуска, ждут удачного момента. . . а удачный момент так и не приходит.

@BANO Ренегат 1740 / 1085 / 386 Регистрация: 06.08.2014 Сообщений: 5,203 Записей в блоге: 1
	01.07.2016, 17:59
	knuthamsun, у вас по идее все эти картинки лежат в одном контейнере, можете показать весь html? 0

@knuthamsun 0 / 0 / 0 Регистрация: 16.08.2014 Сообщений: 78
	01.07.2016, 18:14 [ТС]
	Смотрите, идея в том, что мне нужно получить id и дальше его передать в базу данных. Как это может выглядеть? P.S. ща гляну Добавлено через 4 минуты BANO, как мне теперь эту переменную id передать в БД для дальнейшей обработки? Например, увеличить счётчик нажатий. 0

@knuthamsun 0 / 0 / 0 Регистрация: 16.08.2014 Сообщений: 78
	01.07.2016, 18:17 [ТС]
	Спасибо Дальше буду сам разбираться 0

@BANO
	01.07.2016, 18:20
	Не по теме: knuthamsun, чтобы форум обработал обращение к человеку нужно в специальный тег его вогнать, вот я написал как 0

@knuthamsun 0 / 0 / 0 Регистрация: 16.08.2014 Сообщений: 78
	01.07.2016, 18:26 [ТС]
	BANO, ок, спасибо) Добавлено через 2 минуты BANO, я вообще хочу сделать, что-то типа контексной рекламы на сайте. Зарегился, и если нажал => получил денежки. С занесением в БД, конечно же и отслеживанием. Мож чего посоветуете почитать?) 0

@knuthamsun 0 / 0 / 0 Регистрация: 16.08.2014 Сообщений: 78
	01.07.2016, 18:32 [ТС]
	Raisin Zn а вам попадались мож материалы по этой теме? Мож чё посоветуете? P.S. я все советы приму к сведенью, просто пока я ещё учусь) Уже говносайтики могу делать, и даже с каким-то функционалом...но ещё далеко до идеала 0

@knuthamsun 0 / 0 / 0 Регистрация: 16.08.2014 Сообщений: 78
	01.07.2016, 18:36 [ТС]
	BANO , на данном этапе я хочу добиться того, чтобы это хоть как-то работало. Для придания уверенности самому себе, что я могу) А дальше, конечно, буду разбираться с безопасностью) 0

@BANO Ренегат 1740 / 1085 / 386 Регистрация: 06.08.2014 Сообщений: 5,203 Записей в блоге: 1
	01.07.2016, 19:00
	Raisin Zn, ага, типа как в играх... посмотрите видео и получите алмазики) knuthamsun, мне кажется легче капчу сделать 0