Модальне вікно всередині адміністратора Wordpress

Як змусити модальне вікно працювати з адміністратором Wordpress?

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

Будь-які ідеї?

admin wp-admin

— Шей
джерело

50% є досить низьким - не забудьте повернутися до своїх старих питань і прийняти правильні відповіді. Це знімає з них купу "без відповіді" і допомагає іншим легше знаходити рішення. Люди також будуть готові запропонувати відповіді, якщо знають, що ОП відповість на них. :)

— Стівен Харріс

Відповіді:

Надайте якірному класу фінішної скриньки та переконайтеся, що скрипт товстої скрипки включений на вашу сторінку адміністратора за допомогою add_thickbox

add_thickbox();

<a href="your url" class="thickbox">click here</a>

Ви можете побачити, що add_thickboxтут:

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

— Том Дж. Ноуелл
джерело

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

— Стівен Харріс

То як би я заповнив його html?

— Шей

Зауважте your url, він завантажує URL-адресу якоря у рамку

— Том Дж. Ноуелл

Я щойно витратив 40 хвилин на експорт модальних файлів лише завантажувального CSS та JS та отримання його на приладну панель -_-. Могли витратити на це 30 секунд ...

— Архонічний

Для використання Thickbox для вбудованих модальних вікон ви можете використовувати наступний код.

<?php add_thickbox(); ?>

<a href="#TB_inline?width=600&height=550&inlineId=modal-window-id" class="thickbox">Modal Me</a>

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

http://codex.wordpress.org/ThickBox

— Ллойд Еразм
джерело

Також можна встановити назву модального вікна, додавши атрибут заголовка до посилання або кнопки. <a href=" ВАША ПОСИЛАННЯ "title=" модального вікна TITLE" class=" Thickbox "> модальних Me </a>

— антон