Modifica di un file JS con i dati dalle impostazioni del plugin

Ho un plugin che, tra le altre cose, ha un file javascript che richiede alcune impostazioni specifiche dell'utente. Quale sarebbe il modo migliore per ottenere queste impostazioni in JavaScript dai parametri delle impostazioni del plugin?

In altre parole, se inserisco quelle impostazioni nella pagina delle impostazioni in cui l'utente può inserirle, come potrei essere in grado di ottenere quei valori in javascript? Dovrei usare qualcosa per aggiungere alcuni tag di script e impostarli tramite PHP ad ogni caricamento della pagina? L'impostazione di un cookie sarebbe un modo migliore per farlo?

meglio è, usi le funzioni di WP per questo, un esempio per multilingua:

    add_action( 'admin_enqueue_scripts', 'add_scripts' );
    function add_scripts($where) {
        wp_localize_script( 'post2media', 'post2media_strings', $this->localize_vars() );
    }
    function localize_vars() {

        $strings = array(
                'btntext'    => __( 'Link with post', INPSYDE_P2M_TEXTDOMAIN ),
                'txtallnone' => __( 'Include in gallery:', INPSYDE_P2M_TEXTDOMAIN ),
                'txtall'     => __( 'All', INPSYDE_P2M_TEXTDOMAIN ),
                'txtnone'    => __( 'None', INPSYDE_P2M_TEXTDOMAIN ),
                'ttlcb'      => __( 'Include image in this gallery', INPSYDE_P2M_TEXTDOMAIN )
            );

        return $strings;
    }

usa questo nel file js:

jQuery(function ($) {
buttonaddfunc = function() {
    btntext = post2media_strings.btntext;

    reg = /\d+/;
    $( '.savesend > .button' ) . each( function() {
        inputname = $( this ) . attr( 'name' );
        number = reg . exec( inputname );
        $( this ) . after( '<input type="submit" value="' + btntext + '" name="link[' + number + ']" class="button">' );
    } );
    $( '.describe-toggle-on' ).unbind( 'click', buttonaddfunc );
};
$( '.describe-toggle-on' ).bind( 'click', buttonaddfunc );

});

Vedi anche il post di Otto

Ci sono un paio di modi in cui potresti farlo, uno dei quali ho già fatto prima, l'altro che non ho fatto, ma ho usato per i file di configurazione XML.

Il primo è quello di includere le variabili in un tag di script all'interno dell'intestazione o del piè di pagina WP, prima del tag di script in cui si include il file JS, ad esempio:

<script type="text/javascript">
    var test = "<?php echo "hello world"; /* the relevant PHP code to echo the data you require */ ?>";
    var slider_type = "<?php echo "nivo"; /* same again */ ?>";
</script>
<script type="text/javascript" src="<?php bloginfo("template_url"); ?>/js/your_js_here"></script>

L'altra alternativa sarebbe quella di includere JS all'interno di un file PHP che è incluso all'interno di un tag script.

<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/javascripts.php"></script>

All'interno di questo file dovresti includere il tuo javascript e, come PHP lo analizzerebbe, saresti in grado di includere le chiamate PHP in modo simile a quello sopra, semplicemente facendo eco ai dati / opzioni richiesti. Una cosa da notare è che potrebbe essere necessario impostare le intestazioni per l'output come text/javascript.

Personalmente preferisco di gran lunga il primo metodo, ed è quello che uso quando ho impostazioni modificabili dall'utente che influiscono sui file javascript.