Как получить данные в fancybox?

Question

Я полностью девственник JQuery в целом.PHP - моя чашка чая, и благодаря общему знанию программирования я более или менее понимаю javascript в целом.Я занимаюсь волонтерской работой на музыкальном фестивале, и мне был передан полный дизайн, где мне «просто» пришлось внедрить php, чтобы он работал.

Большинство вещей работает, но есть один (илина самом деле, но другой будет на потом) большая проблема, которую мой google-foo, похоже, не может решить ...

У меня есть некоторые данные из базы данных.В конце каждой строки есть кнопка удаления.Эта кнопка удаления теперь открывает необычную коробку с подтверждением, если я действительно хочу удалить (не сделано мной).Кажется, я не могу понять, как это сделать с fancybox ...

Это кнопка удаления в конце каждой строки (также много необычных CSS, которые делают этот вид хорошим ..):

<a class="fadein dialog" href="#delete" title="Delete"></a>';

У меня есть этот javascript (помимо прочего, это должна быть соответствующая часть):

$(".dialog").fancybox({
            width           : 400,
            height          : 160,
            fitToView       : false,
            autoSize        : false,
            modal           : true,
            closeClick      : false
            });

И снова этот html:

<div id="delete" style="display:none; width:400px; overflow:hidden;">
<div class="alertwrap">
<h2><img src="images/shiftdelete.png" width="32" height="32" class="icon" alt="Delete" />Confirm deletion</h2>
<div class="content">
<span>Are you sure you want to delete?</span>
<a href="javascript:$.fancybox.close();" class="confirm">YES</a>
<a href="javascript:$.fancybox.close();" class="decline">No</a>
</div>

Легко указать идентификатор строки в качестве идентификатора открывающего коробку.Но я не могу найти способ найти его в фантастическом окне, чтобы я мог использовать его для чего-то ...

Действия кнопок, очевидно, являются поддельными, я просто оставил их там, пытаясь понятьчто тут делать.Кнопка no в порядке, но кнопка yes должна быть в состоянии вызвать другой php-файл с пост-данными, по крайней мере, с идентификатором, который он получает из оригинала ...

Моя другая проблема похожаЯ думаю, это может быть решено так же ... У меня также есть кнопка редактирования в каждой строке, которая открывает форму так же, как это диалоговое окно подтверждения.Мне нужно заполнить эту форму данными из этой строки.Что я действительно не могу понять, как ...

Любой совет?Довольно, пожалуйста, с сахаром сверху :) 1024 *

Answer 1

См. Пример здесь

пример кода:

$('a.btn-delete-row').click(function(){

    $('#delete').data('context', $(this));

    $.fancybox({
        width           : 400,
        height          : 160,
        fitToView       : false,
        autoSize        : false,
        modal           : true,
        closeClick      : false,
        href            : '#delete'     
    });    
});

$('a.confirm').click(function(){
    var $context = $('#delete').data('context')

    alert($context.attr('data-rowID'));    

    $.fancybox.close();   
    return false;
});

$('a.decline').click(function(){
    $.fancybox.close();    
    return false;
});

Пример HTML:

<a class="fadein btn-delete-row" href="javascript:void(0);" title="Delete" data-rowID="1">delete in row 1</a><br/>
<a class="fadein btn-delete-row" href="javascript:void(0);" title="Delete" data-rowID="2">delete in row 2</a>



<div style="display:none;">
    <div id="delete" style="width:400px; overflow:hidden;">
        <div class="alertwrap">
            <h2><img src="images/shiftdelete.png" width="32" height="32" class="icon" alt="Delete"/>Confirm deletion</h2>

            <div class="content">
                <span>Are you sure you want to delete?</span>
                <a href="javascript:void(0);" class="confirm">YES</a>
                <a href="javascript:void(0);" class="decline">No</a>
            </div>
        </div>
    </div>    
</div>