Okno modalne z poziomu administratora Wordpress

14

Jak uzyskać modalne okno do pracy z poziomu administratora wordpress?

Chcę utworzyć okno modalne, które będzie działało z pola meta w ramach wp-admin.

Jakieś pomysły?

admin wp-admin Shae
źródło
2
50% jest dość niskie - pamiętaj, aby powrócić do starych pytań i zaakceptować poprawne odpowiedzi. To usuwa je ze stosu „nieodebranych” i pomaga innym w łatwiejszym znajdowaniu rozwiązań. Ludzie będą również chętniej udzielać odpowiedzi, jeśli będą wiedzieli, że OP im odpowie. :)
Stephen Harris,

Odpowiedzi:

17

Daj kotwicy klasę Gruby i upewnij się, że skrypt Gruby jest kolejkowany na stronie administratora za pomocą add_thickbox

add_thickbox();

i

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

Możesz zobaczyć, co add_thickboxtu robi:

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

Tom J Nowell
źródło
2
Myślę, że kolejkowanie Grubegoboxa może nie być konieczne: jest automatycznie (przynajmniej w niektórych przypadkach) kolejkowane na stronie edycji postów. Zobacz add_thickbox()też.
Stephen Harris,
Jak więc wypełnić go HTML?
Shae,
Uwaga: your urlładuje adres URL kotwicy do elementu iframe
Tom J Nowell
1
Właśnie spędziłem 40 minut eksportując tylko modalne bootstrap css i JS i wprowadzając je do deski rozdzielczej -_-. Mógłby to zrobić 30 sekund ...
Archonic
26

Aby użyć Thickbox dla wbudowanych okien modalnych, możesz użyć następującego kodu.

<?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

Lloyd Erasmus
źródło
1
Możliwe jest również ustawienie tytułu okna modalnego poprzez dodanie atrybutu tytułu do łącza lub przycisku. <a href=" linku "title=" TYTUŁ okno modalne" class=" thickbox "> modalnych Me </a>
Anton