PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

получить значения атрибутов инпута по событию его

Форумы портала PHP.SU » PHP » Программирование на PHP » Вопросы новичков (Модераторы: OrmaJever, Саныч, Строитель)

Страниц (1): [1]

Описание: получить значения атрибутов инпута по событию его

Поиск в теме | Версия для печати

Tyoma5891	Отправлено: 13 Октября, 2014 - 14:37:35
Частый посетитель Покинул форум Сообщений всего: 621 Дата рег-ции: Авг. 2013 Помог: 5 раз(а)	Добрый день, коллеги! столкнулся с такой проблемкой есть например 3 инпута: CODE (html): скопировать код в буфер обмена <input type='button' id='idimg0' datatitle='Рейлинг (трубка) 600мм zhasmin' dataimgurl='http://dream-home.creatis-media.in.ua/wp-content/uploads/2014/09/ox_1343380564.jpg' value='zhasmin'><input type='button' id='idimg1' datatitle='Рейлинг (трубка) 600мм shampan' dataimgurl='http://dream-home.creatis-media.in.ua/wp-content/uploads/2014/09/ox_1399124641.jpg' value='shampan'><input type='button' id='idimg2' datatitle='Рейлинг (трубка) 600мм pesok' dataimgurl='http://dream-home.creatis-media.in.ua/wp-content/uploads/2014/09/ox_1380465144.jpg' value='pesok'> тоесть по сути 3 кнопки, вопрос в том каким образом отследить какая нажата с помощью jquery и соответственно считать данные ее атрибутов... заранее спасибо (Добавление) если это поможет эти инпуты я формирую сам на пхп

3d_killer	Отправлено: 13 Октября, 2014 - 15:04:19
Участник Покинул форум Сообщений всего: 1916 Дата рег-ции: Апр. 2011 Откуда: Ростов-на-Дону Помог: 21 раз(а)	а смысл какая, сделай им одинаковый класс например button и datatitle напиши как data-title и далее код CODE (javascript): скопировать код в буфер обмена $(document).on('click','.button',function(){alert($(this).data('title'));}); (Добавление) и все data пиши как data-url data-img и т.д. (Отредактировано автором: 13 Октября, 2014 - 15:05:01)

Tyoma5891	Отправлено: 13 Октября, 2014 - 16:38:44
Частый посетитель Покинул форум Сообщений всего: 621 Дата рег-ции: Авг. 2013 Помог: 5 раз(а)	ну вообщем генерю такие баттоны сейчас: CODE (html): скопировать код в буфер обмена <input type='button' id='idimg' data-title='Рейлинг (трубка) 600мм zhasmin' data-imgurl='http://dream-home.creatis-media.in.ua/wp-content/uploads/2014/09/ox_1343380564.jpg' value='zhasmin'><input type='button' id='idimg' data-title='Рейлинг (трубка) 600мм shampan' data-imgurl='http://dream-home.creatis-media.in.ua/wp-content/uploads/2014/09/ox_1399124641.jpg' value='shampan'><input type='button' id='idimg' data-title='Рейлинг (трубка) 600мм pesok' data-imgurl='http://dream-home.creatis-media.in.ua/wp-content/uploads/2014/09/ox_1380465144.jpg' value='pesok'> пишу такой код обработки: CODE (javascript): скопировать код в буфер обмена jQuery(document).ready(function($){ $("#idimg").on("click", function(){ alert($(this).data('title')); var title = $(this).data('title'); var imgurl = $(this).data('imgurl'); $('.product_title entry-title').text(title); $("#exampleimg").attr("src", imgurl); }); }); для проверки поставил алерт alert($(this).data('title')); но почему то алерт выскакивает только на первую кнопку value='zhasmin' на отсальные не реагирует, и при этом последующий код не выполняется с заменой картинки и тайтла.... что делаю не так?

Мелкий	Отправлено: 13 Октября, 2014 - 16:42:40
Активный участник Покинул форум Сообщений всего: 11926 Дата рег-ции: Июль 2009 Откуда: Россия, Санкт-Петербург Помог: 618 раз(а)	http://validator[dot]w3[dot]org/ ----- PostgreSQL DBA

Viper	Отправлено: 13 Октября, 2014 - 16:43:19
Активный участник Покинул форум Сообщений всего: 4555 Дата рег-ции: Февр. 2007 Откуда: Симферополь Помог: 98 раз(а)	Tyoma5891 наверное самая распространенная ошибка с тех времен как появился jQuery... id должен быть на странице уникальный. ----- Список фильмов с описанием, блекджеком и... для Joomla? -> https://киноархив[dot]com Демо нового движка для сайта php.su -> php[dot]su, проект на гитхабе

3d_killer	Отправлено: 13 Октября, 2014 - 16:48:35
Участник Покинул форум Сообщений всего: 1916 Дата рег-ции: Апр. 2011 Откуда: Ростов-на-Дону Помог: 21 раз(а)	3d_killer пишет: сделай им одинаковый класс я же написал, а вы за ID уцепились

Tyoma5891	Отправлено: 13 Октября, 2014 - 16:58:06
Частый посетитель Покинул форум Сообщений всего: 621 Дата рег-ции: Авг. 2013 Помог: 5 раз(а)	3d_killer пишет: 3d_killer пишет: сделай им одинаковый класс я же написал, а вы за ID уцепились не работает с классом баттон

3d_killer	Отправлено: 13 Октября, 2014 - 17:00:12
Участник Покинул форум Сообщений всего: 1916 Дата рег-ции: Апр. 2011 Откуда: Ростов-на-Дону Помог: 21 раз(а)	сделай класс ololo я к примеру написал (с таким кодом все работает, если не работает значит где то не правильно переписали)

Tyoma5891	Отправлено: 13 Октября, 2014 - 17:41:54
Частый посетитель Покинул форум Сообщений всего: 621 Дата рег-ции: Авг. 2013 Помог: 5 раз(а)	Viper пишет: Tyoma5891 наверное самая распространенная ошибка с тех времен как появился jQuery... id должен быть на странице уникальный. хорошо как тогда сдедлать мой вариант рабочим? буду генерить айди уникальный, как тогда получать мне данные атрибутов инпутов в коде jquery для каждого?

3d_killer	Отправлено: 13 Октября, 2014 - 18:11:30
Участник Покинул форум Сообщений всего: 1916 Дата рег-ции: Апр. 2011 Откуда: Ростов-на-Дону Помог: 21 раз(а)	вместо id='idimg' напиши class='idimg' тут вместо решертки поставь точку $("#idimg") => $(".idimg") и все, а и да class='idimg' на всех кнопках должен быть одинаковый!!! надеюсь с этого раза поймете (Добавление) странно что вы не можете копи-паст кода сделать как я написал первое сообщение у меня оно прекрасно работает: http://jsfiddle[dot]net/dj1c861L/1/ (Добавление) вот с картинкой: [url] http://jsfiddle[dot]net/dj1c861L/2/ [/url] (Добавление) видимо вы разделом ошиблись надо было писать в "напишите за меня" (Добавление) http://jsfiddle[dot]net/dj1c861L/3/ (Отредактировано автором: 13 Октября, 2014 - 18:14:32)

Tyoma5891	Отправлено: 13 Октября, 2014 - 19:01:53
Частый посетитель Покинул форум Сообщений всего: 621 Дата рег-ции: Авг. 2013 Помог: 5 раз(а)	и так все заработало с первого сообщения Вашего) как всегда банальная невнимательность, синтаксическая ошибка забыл в конце добавить закрытие функции, я просто немного по своему переписал через обертку документ .реди, а потом за нее забыл а кавычки не добавил в конце и все... спасибо Вам! +1 добавил! (Отредактировано автором: 13 Октября, 2014 - 19:02:17)

3d_killer	Отправлено: 13 Октября, 2014 - 19:02:55
Участник Покинул форум Сообщений всего: 1916 Дата рег-ции: Апр. 2011 Откуда: Ростов-на-Дону Помог: 21 раз(а)	рад что получилось

Поиск в теме | Версия для печати

Страниц (1): [1]

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« Вопросы новичков »

Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.