несколько динамических простых модальных коробок - PullRequest
Новая
       27

несколько динамических простых модальных коробок

0 голосов
/ 28 апреля 2011

Я разрабатываю веб-сайт, где пользователь может создавать календари, а затем добавлять к ним события.На одной из моих страниц перечислены все календари, созданные пользователем.Я хотел бы, чтобы рядом с каждым заголовком календаря была ссылка «Удалить», и у меня появилось всплывающее окно простого режима, чтобы они подтвердили, что намерены удалить календарь вместе со всеми связанными с ним событиями.Мне нужно как-то добавить число calendar_id к jquery, чтобы убедиться, что появляется правильное модальное окно с правой ссылкой «Да, Удалить».Я собирался просто добавить calendar_id к именам идентификаторов # basic-modal и # basic-modal-content, но CSS не совпадет.

Еще одна вещь, которую я думаю, я мог бы как-то просто передать правильную ссылку «Да, Удалить» в модальные поля с функцией.Но я понятия не имею, как ввести HTML в модальное поле ... что-то вроде этого ... 

function getsimplemodal(X){

$('#basic-modal .basic').click(function (e) {

var delete_link = "http://mysite.com/delete.php?cal_id=" +X;
--code to inject delete_link into the modal box--       
    $('#basic-modal-content').modal();

    return false;

});};

Кто-нибудь знает, как в мире я мог бы сделать это?

Пробовалкод ниже, чтобы проверить, могу ли я добавить к нему что-нибудь, но это сломало код.Ничего не отображаетсяОн отображается, если я удаляю строку .append. 

jQuery(function ($) {
// Load dialog on page load
//$('#basic-modal-content').modal();

// Load dialog on click
$('#basic-modal .basic').click(function (e) {
("#basic-modal-content").append("<strong>Testing</strong>");

    $('#basic-modal-content').modal();

    return false;

});

});

понял это!

Я написал функцию, использующую щелчок моих ссылок. 

function confirmCalendar(X) {

    $('#basic-modal-content').modal();
    var delete_link = "<a href='http://localhost:8888/calendars/index.php/edit_calendar/delete/" + X + "'>Yes, Delete</a> ";
    $('#modal-p').prepend( delete_link );

    return false;

};

и затем мой скрытый # basic-modal-content 

<!-- modal content -->
<div id="basic-modal-content">
<h3>Are you sure you want to delete this calendar and all its associated bookings?</h3>
<p id="modal-p"> or <a href='#' class='simplemodal-close'>Cancel</a></p>
</div>

и затем для моих динамических ссылок 

echo "<a href='#' onclick='confirmCalendar($row->id);'>Delete</a>";

1 Ответ

0 голосов
/ 28 апреля 2011

код для ввода:

$("#basic-modal-content").append("<a href=" + delete_link + "> Delete </a>");

...