Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 03.06.2012, 23:37
Аспирант
Отправить личное сообщение для Harvey Посмотреть профиль Найти все сообщения от Harvey
 
Регистрация: 19.08.2011
Сообщений: 61

Реализация удаления элемента через диалоговое окно
Привет, друзья!

Такое дело, есть список элементов, у каждого есть крестик. По нажатию на крестик всплывает диалоговое окно с вопросом, мол, "точно удалить?". По нажатию на "Да" диалоговое окно закрывается а элемент на котором был нажат крестик удаляется, если "Нет", то окно просто закрывается.
Реализую с помощью JQuery UI.
Вопрос такой: как можно отследить элемент в котором был нажат крестик во время выполнения обработчиков нажатия кнопок "Да" и "Нет", ведь this внутри них ссылается уже на само диалоговое окно?

Как видно в коде, я это сделал через предварительное добавление элементу класса alert, как метку для дальнейшего его отслеживания. Довольно стремно.

$('.delete-ico').click(function(){
  $(this).addClass('alert');
  $("#dialog-close").dialog({
      modal: true,
      buttons: {
        'Да': function(){$('.ui-tabs-panel .alert').parents('.field').remove();$("#dialog-close").dialog('close')},
	    'Нет': function(){$('.ui-tabs-panel .alert').removeClass('alert'); $("#dialog-close").dialog('close')}
	  }
  });
})


Подскажите, пожалуйста, как эффективнее и грамотнее реализовать мою задачу. Спасибо!
Ответить с цитированием
  #2 (permalink)  
Старый 03.06.2012, 23:46
Профессор
Отправить личное сообщение для beard Посмотреть профиль Найти все сообщения от beard
 
Регистрация: 08.05.2012
Сообщений: 264

Я бы так и сделал только после закрытия окна не забывал удалить этот класс + класс должен быть поуникальней чтобы не пересекался нигде.

т.е.
1) нажали добавили класс/id
2) нашли по этому классу, что то делаем..
3) закрываем окно, нашли по этому класс и удаляем
Ответить с цитированием
  #3 (permalink)  
Старый 04.06.2012, 00:26
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

Сообщение от Harvey
я это сделал через предварительное добавление элементу класса alert
Типовой Вариант, только нун не забывать что кликов может быть несколько, возможно стоит добавлять два класса - alert и Num_click_N
Ответить с цитированием
  #4 (permalink)  
Старый 04.06.2012, 00:33
Профессор
Отправить личное сообщение для beard Посмотреть профиль Найти все сообщения от beard
 
Регистрация: 08.05.2012
Сообщений: 264

Сообщение от Deff
Типовой Вариант, только нун не забывать что кликов может быть несколько, возможно стоит добавлять два класса - alert и Num_click_N
каким образом?
Ответить с цитированием
  #5 (permalink)  
Старый 04.06.2012, 00:45
Профессор
Отправить личное сообщение для beard Посмотреть профиль Найти все сообщения от beard
 
Регистрация: 08.05.2012
Сообщений: 264

Сообщение от Deff
beard,
Выложите HTML и свой код в песочнице - я гляну- поправлю
какой еще код?
Ответить с цитированием
  #6 (permalink)  
Старый 04.06.2012, 00:54
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

Сообщение от Harvey
Такое дело, есть список элементов, у каждого есть крестик. По нажатию на крестик всплывает диалоговое окно с вопросом, мол, "точно удалить?". По нажатию на "Да" диалоговое окно закрывается а элемент на котором был нажат крестик удаляется, если "Нет", то окно просто закрывается.
Элементы и jQuery

Пример в топике onChange="getZakaz(this.form)"

Пример в Песочнице => onChange="getZakaz(this.form)"

Песочниуа вверху
Статьи Тест знаний Аналоги функций PHP Песочница JS.Talks Курсы javascript Новые сообщения Поиск Навигация

Последний раз редактировалось Deff, 04.06.2012 в 00:56.
Ответить с цитированием
  #7 (permalink)  
Старый 04.06.2012, 01:02
Профессор
Отправить личное сообщение для beard Посмотреть профиль Найти все сообщения от beard
 
Регистрация: 08.05.2012
Сообщений: 264

Сообщение от Deff Посмотреть сообщение
Элементы и jQuery

Пример в топике onChange="getZakaz(this.form)"

Пример в Песочнице => onChange="getZakaz(this.form)"

Песочниуа вверху
Статьи Тест знаний Аналоги функций PHP Песочница JS.Talks Курсы javascript Новые сообщения Поиск Навигация
а это зачем?
Ответить с цитированием
  #8 (permalink)  
Старый 04.06.2012, 01:56
Профессор
Отправить личное сообщение для beard Посмотреть профиль Найти все сообщения от beard
 
Регистрация: 08.05.2012
Сообщений: 264

Сообщение от Deff
Мне удобнее -Вы тренируетесь - один фиг кому то тоже сможете помогать профессианально, но если вопрос не сильно интересен - можно и забить на усилия.
честно я теряю с тобой связь и в последнем вообще не понял что ты написал , не хочу тебя оскорблять, но ты с этого месаджа несешь какую то жесть
Ответить с цитированием
  #9 (permalink)  
Старый 04.06.2012, 02:36
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

beard,
Мну прост заменил топик стартера на тьву, - зарапортовался!
Ответить с цитированием
  #10 (permalink)  
Старый 04.06.2012, 11:34
Аспирант
Отправить личное сообщение для Harvey Посмотреть профиль Найти все сообщения от Harvey
 
Регистрация: 19.08.2011
Сообщений: 61

Короче, я так понял, мне не стоит ничего менять) Спасибо ребят
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Нужно создать диалоговое окно Dim@ Общие вопросы Javascript 12 04.02.2016 09:35
диалоговое окно js Aplik Общие вопросы Javascript 1 16.10.2011 20:21
Диалоговое окно внутри контейнера с overflow:hidden debugx (X)HTML/CSS 1 22.08.2011 13:06
Диалоговое окно в центре экрана. Как в твиттере. IvanZotov jQuery 1 23.06.2011 18:48
Браузер не успевает определить высоту вновь созданного через XMLHttpRequest элемента Lockpickup AJAX и COMET 17 25.04.2011 17:58