Показать сообщение отдельно
  #1 (permalink)  
Старый 07.04.2017, 11:16
Интересующийся
Отправить личное сообщение для nina_ Посмотреть профиль Найти все сообщения от nina_
 
Регистрация: 26.06.2016
Сообщений: 29

Как указать верный селектор формы?
Добрый день,
Есть таблица, в ней каждая строка явл. формой с id сообщения соотв id в таблице бд. Хочу удалять выбранное сообщение без перезагрузки и плавно его скрывать. Столкнулась с проблемой: как правильно указать в скрипте из какой формы выбрать данные, как передать id формы (таблица с сообщениями формир динамически)?
Может быть я вообще не правильный подход выбрала для решения задачи?
Помогите, пожалуйста, разобраться.
<? foreach ($all_sms as $item) : ?>
            <tr id="<?= $item['ID']; ?>">
                <td><?= $item['ID']; ?></td>
                <td> <?= $item['TEXT']; ?></td>
                <td><?php if($item['IS_SENDED'] == 0) { echo 'Не отправлено';}elseif($item['IS_SENDED'] == 1){echo 'Отправлено';}  ?></td>
                <!--<td><a class="del_sms" href="view-sms.php?delete&id=<?/*= $item['ID']; */?>">удалить sms</a></td>-->
                <td><form id="contact-form<?= $item['ID']; ?>" method="post">
                            <input type="hidden" name="id" value="<?= $item['ID']; ?>"><br>
                            <input type="hidden"  name="delete" value="1">
                            <input type="submit" name="del-sms" class="del-sms" value="Удалить">
                        </form>
                </td>
            </tr>

        <? endforeach; ?>


$('.del-sms').click(function(e) {
		e.preventDefault();
		var res = confirm("Подтвердите удаление");
		if(!res) return false;
		$('#ajax2').html('<span class="span2">Удаление sms</span>').fadeIn(1000,function() {
		var result = [B]$('#contact-form256')[/B].serializeArray();	
		$.ajax({
			url : 'controller.php',
			type : 'POST',
			data : result,
			dataType : 'json',
				$(this).find('.span2').fadeOut(300,function() {
					$(this).text('Добавлено!').fadeIn(300);
				});
				$('#'+data.id).css({background: 'red'});
				$('#'+data.id).fadeOut(500,function(){
					$('#'+data.id).empty().fadeIn(500);
				});
			},
			error : function() {
			}
		});
		});
	});
Ответить с цитированием