Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 02.04.2014, 23:54
Кандидат Javascript-наук
Отправить личное сообщение для rafaello Посмотреть профиль Найти все сообщения от rafaello
 
Регистрация: 09.11.2012
Сообщений: 103

Передать параметр при ajax
Добрый вечер!
Нет 100% познаний в javascript, поэтому прошу вашего совета.
Есть Tooltip в связке с ajax. То есть, при наведении на ссылку, содержащую класс "showTip L1" делается запрос на отдельный файл demo3.php, и его содержимое выводится во всплывающей подсказке. (Готовый код содрал на забугорном сайте). Вот здесь соорудил пример этого кода, только вот, почему то там не работает PHP, ну да ладно, сейчас дело не в нем...
Еще один момент. Там две ссылки, и у них разные классы, у первой "showTip L1", у второй "showTip L2", и в зависимости от того, на какую ссылку наводишь курсор, соответственно передается разный параметр в php-файл, который обрабатывает этот параметр, и возвращает для показа во всплывающей подсказке.
Собственно вопрос в следующем:
Этот скрипт будет установлен на доску объявлений, где количество объявлений постоянно меняется, то есть, те самые ссылки-заголовки объявлений все время разные. Поэтому, я подумал, что бесмысленно добавлять параметр L1, L2, L3 и т.д. в код скрипта, расположенного в хедере.
Но мне просто необходимо передать этот параметр в php-файл, чтобы там сделать запрос в базу данных, и вытащить данные для каждого объявления свои.
Возникает вопрос.
Каким образом можно заставить javascript, чтобы он прочитал этот самый параметр L1, L2 в момент наведения на ссылку и передал прочитанный параметр в php-файл?
Ответить с цитированием
  #2 (permalink)  
Старый 03.04.2014, 00:25
Аватар для Aetae
Тлен
Отправить личное сообщение для Aetae Посмотреть профиль Найти все сообщения от Aetae
 
Регистрация: 02.01.2010
Сообщений: 6,592

Всё можно, но как он должен угадать то какой там нужен параметр, коли он не указан? По какому алгоритму?
__________________
29375, 35
Ответить с цитированием
  #3 (permalink)  
Старый 03.04.2014, 07:26
Кандидат Javascript-наук
Отправить личное сообщение для rafaello Посмотреть профиль Найти все сообщения от rafaello
 
Регистрация: 09.11.2012
Сообщений: 103

Сообщение от Aetae Посмотреть сообщение
Всё можно, но как он должен угадать то какой там нужен параметр, коли он не указан? По какому алгоритму?
Надо просто передать само название параметра(L1, L2, L3) и все.

<a class="showTip L1" href="#">link one</a>
<a class="showTip L2" href="#">link two</a>
<a class="showTip L3" href="#">link thre</a>
<a class="showTip L4" href="#">link for</a>
<a class="showTip L5" href="#">link five</a>
<a class="showTip L6" href="#">link six</a>


При наведении на ту или иную ссылку, просто передать само название - L1, L2, L3 и т.д.
Ответить с цитированием
  #4 (permalink)  
Старый 03.04.2014, 08:05
Кандидат Javascript-наук
Отправить личное сообщение для rafaello Посмотреть профиль Найти все сообщения от rafaello
 
Регистрация: 09.11.2012
Сообщений: 103

Простым языком:
При наступлении события "mouseover" надо прочитать само название L1, L2 и передать его на php-файл...

Я думаю, здесь надо применить innerHTML, только вот как правильно?

Последний раз редактировалось rafaello, 03.04.2014 в 08:49.
Ответить с цитированием
  #5 (permalink)  
Старый 09.04.2014, 22:42
Интересующийся
Отправить личное сообщение для FactoREAL Посмотреть профиль Найти все сообщения от FactoREAL
 
Регистрация: 09.04.2014
Сообщений: 14

если есть возможность управлять созданием этих самых
<a class="showTip L1" href="#">link one</a>
<a class="showTip L2" href="#">link two</a>
(а она скорее всего есть) то можно добавить эти параметры L1, L2 ... в атрибут "data-*" тега <a>
<a class="showTip L1" href="#" data-parameter="L1">link one</a>

а затем уже при наведении на ссылку достаточно легко будет выбрать оттуда этот парамер:
$(".showTip").hover(function(){
	var parameter = $(this).arrt("data-parameter");
}, function(){...});
Ответить с цитированием
  #6 (permalink)  
Старый 10.04.2014, 11:25
Интересующийся
Отправить личное сообщение для FactoREAL Посмотреть профиль Найти все сообщения от FactoREAL
 
Регистрация: 09.04.2014
Сообщений: 14

пожалуй более простой способ:
$(".showTip").hover(function(){
    var classList = $(this).className.split(/\s+/);
}, function(){...});

а дальше делаем с массивом classList что угодно. если искомый параметр всегда является вторым, то получить его имя не сложно:
var parameter = classList[1];

Последний раз редактировалось FactoREAL, 10.04.2014 в 11:28.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Отправка файла при помощи ajax Купэ AJAX и COMET 1 09.12.2013 17:39
При подгрузке страницы через AJAX JS не отрабатывается, но подгружается vityurov Общие вопросы Javascript 2 20.06.2013 12:24
Передать параметр в div kalina jQuery 1 06.06.2011 08:09
установить переменную сессии через ajax при загрузке страницы optik77 AJAX и COMET 3 02.06.2011 17:36
Передать параметр из фрейма SenseyR Общие вопросы Javascript 2 11.04.2011 14:00