Модальное окно в панели администратора WordPress

Question

Модальное окно в панели администратора WordPress

10 апр. 2012 г., 18:38:45

Просмотры: 34.6K

Голосов: 21

Как можно реализовать работу модального окна в админ-панели WordPress?

Я хочу создать модальное окно, которое будет работать внутри метабокса в wp-admin.

Есть идеи?

Shae

741

админ панель wp admin

Комментарии

50% — это довольно низкий показатель. Пожалуйста, не забывайте возвращаться к своим старым вопросам и отмечать правильные ответы. Это убирает их из списка "без ответа" и помогает другим быстрее находить решения. Также люди будут охотнее предлагать ответы, если будут знать, что автор вопроса отреагирует на них. :)

Stephen Harris

10 апр. 2012 г. 18:47:28

Все ответы на вопрос

Для использования Thickbox для встроенных модальных окон вы можете использовать следующий код.

<?php add_thickbox(); ?>

<a href="#TB_inline?width=600&height=550&inlineId=modal-window-id" class="thickbox">Открыть модальное окно</a>

<div id="modal-window-id" style="display:none;">
    <p>Lorem Ipsum sit dolla amet.</p>
</div>

http://codex.wordpress.org/ThickBox

Lloyd Erasmus

483

10 окт. 2013 г. 21:51:27

Комментарии

Также можно задать заголовок модального окна, добавив атрибут title к ссылке или кнопке. <a href="YOUR LINK" title="MODAL WINDOW TITLE" class="thickbox">Modal Me</a>

anton

20 мая 2018 г. 16:09:19

Комментарии

Я думаю, что, возможно, нет необходимости подключать thickbox вручную: он автоматически подключается (по крайней мере, в некоторых случаях) на странице редактирования записи. Смотрите также add_thickbox().

Stephen Harris

10 апр. 2012 г. 19:05:50

Как тогда заполнить его HTML-содержимым?

Shae

10 апр. 2012 г. 20:41:15

Обратите внимание на your url — он загружает URL из якоря в iframe.

Tom J Nowell

10 апр. 2012 г. 21:48:29

Я только что потратил 40 минут, экспортируя только модальные окна Bootstrap CSS и JS, и интегрируя их в админку -_-. Можно было потратить 30 секунд на это...

Archonic

29 апр. 2015 г. 21:06:04

Tom J Nowell 60.7K · Accepted Answer · 2012-04-10T18:59:36Z

Добавьте якорю класс thickbox и убедитесь, что скрипт thickbox подключен на вашей административной странице с помощью add_thickbox

add_thickbox();

и

<a href="your url" class="thickbox">нажмите здесь</a>

Вы можете увидеть, что делает add_thickbox здесь:

http://hitchhackerguide.com/2011/02/11/add_thickbox/

Tom J Nowell

60.7K

10 апр. 2012 г. 18:59:36