Finestra modale all'interno dell'amministrazione WordPress

Question

Finestra modale all'interno dell'amministrazione WordPress

10 apr 2012, 18:38:45

Visualizzazioni: 34.6K

Voti: 21

Come posso far funzionare una finestra modale all'interno dell'amministrazione di WordPress?

Voglio creare una finestra modale che funzioni da un meta box all'interno di wp-admin.

Qualche idea?

Shae

741

admin wp admin

Commenti

Il 50% è piuttosto basso - ricorda di tornare alle tue vecchie domande e accettare le risposte corrette. Questo le rimuove dalla lista di 'senza risposta' e aiuta gli altri a trovare soluzioni più facilmente. Le persone saranno anche più propense a offrire risposte se sapranno che l'autore della domanda risponderà loro. :)

Stephen Harris

10 apr 2012 18:47:28

Tutte le risposte alla domanda

Per utilizzare Thickbox per finestre modali inline puoi usare il seguente codice.

<?php add_thickbox(); ?>

<a href="#TB_inline?width=600&height=550&inlineId=modal-window-id" class="thickbox">Apri Modale</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 ott 2013 21:51:27

Commenti

Inoltre, è possibile impostare un titolo per la finestra modale aggiungendo l'attributo title al link o al pulsante. <a href="YOUR LINK" title="MODAL WINDOW TITLE" class="thickbox">Modal Me</a>

anton

20 mag 2018 16:09:19

Commenti

Penso che potrebbe non essere necessario caricare thickbox: viene automaticamente (almeno in alcuni casi) incluso nella pagina di modifica di un articolo. Vedi anche add_thickbox().

Stephen Harris

10 apr 2012 19:05:50

Quindi come potrei popolarlo con html?

Shae

10 apr 2012 20:41:15

Nota your url, carica l'URL dell'ancora in un iframe

Tom J Nowell

10 apr 2012 21:48:29

Ho appena passato 40 minuti ad esportare solo il CSS e il JS modale di Bootstrap e a integrarlo nella dashboard -_-. Avrei potuto farlo in 30 secondi facendo questo...

Archonic

29 apr 2015 21:06:04

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

Assegna alla ancora una classe thickbox e assicurati che lo script thickbox sia accodato nella tua pagina di amministrazione utilizzando add_thickbox

add_thickbox();

e

<a href="your url" class="thickbox">clicca qui</a>

Puoi vedere cosa fa add_thickbox qui:

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

Tom J Nowell

60.7K

10 apr 2012 18:59:36