Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 11.11.2012, 19:10
Аспирант
Отправить личное сообщение для myocean Посмотреть профиль Найти все сообщения от myocean
 
Регистрация: 25.07.2011
Сообщений: 47

AJAX несколько элементов на странице...
Здравствуйте!

Подскажите... или подтолкните в нужную сторону...

Необходимо на страничку добавить несколько кнопочек (like)...
сам механизм уже реализован... и на одной кнопке работает великолепно...
Вопрос как сделать несколько кнопочек на одной странице...
Трудность состоит в том чтобы вернуть значение в определенный контейнер...
Ответить с цитированием
  #2 (permalink)  
Старый 11.11.2012, 19:30
х.з
Посмотреть профиль Найти все сообщения от dmitriymar
 
Регистрация: 21.11.2010
Сообщений: 4,589

myocean,
темы не плоди
Ответить с цитированием
  #3 (permalink)  
Старый 11.11.2012, 20:39
Аватар для Serg_pnz
Сам по себе
Отправить личное сообщение для Serg_pnz Посмотреть профиль Найти все сообщения от Serg_pnz
 
Регистрация: 09.06.2009
Сообщений: 963

<span class="like" rel="1"></span>
<span class="target" rel="1"></span>

<span class="like" rel="2"></span>
<span class="target" rel="2"></span>


Вешать событие можно, опираясь на класс .like
Целевой контейнер можно сделать:
1. как в коде выше, опираясь на класс и rel
2. можно определять по общему родителю
<div>
<span class="like"></span>
<span class="target"></span>
</div>

3. а если они гарантированно в верстке идут друг за другом, то по next()
4. создав два массива и смотреть по индексу (почти пункт 1)
Ответить с цитированием
  #4 (permalink)  
Старый 11.11.2012, 22:00
Аспирант
Отправить личное сообщение для myocean Посмотреть профиль Найти все сообщения от myocean
 
Регистрация: 25.07.2011
Сообщений: 47

Serg_pnz спасибо за помощь...

Разобрался что к чему, как и говорил dmitriymar , ajax оказался действительно ни при чем...

Проблема была увязать запрос к аяксу с возвращением данных в определенный контейнер...

решилось все таким образом:

<script type="text/javascript">
  function vote(i){
     $.ajax({
       type: "POST",
       url: "obrabotka.php",
       data: {"data": 'blablabla'},
       cache: false,                                 
       success: function(response){

		  $(".knopka_"+i).html(response);
       }
     });
	 };
</script>


<div class="knopka_1" onclick="vote(1);">...</div>
<div class="knopka_2" onclick="vote(2);">...</div>
...
<div class="knopka_n" onclick="vote(n);">...</div>
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
AJAX несколько элементов на странице... myocean AJAX и COMET 2 12.11.2012 10:27
Несколько версий JQuery UI на одной странице. Casufi jQuery 2 10.11.2012 13:24
Несколько ajax запросов одновременно pitbull0007 AJAX и COMET 3 16.10.2012 18:08
Несколько iframe на странице oblomov86 Events/DOM/Window 3 19.12.2011 10:00
как поменять цвет элементов div с помощью ajax? uspehovna AJAX и COMET 12 20.08.2010 16:21