Добрый день,
Есть
таблица, в ней каждая строка явл. формой с 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() {
}
});
});
});