Modificando um arquivo JS com dados das configurações do plugin

8

Eu tenho um plugin que, entre outras coisas, tem um arquivo javascript que requer algumas configurações específicas do usuário. Qual seria a melhor maneira de obter essas configurações em javascript a partir dos parâmetros de configuração do plugin?

Em outras palavras, se eu fizer essas configurações parte da página de configurações onde o usuário pode inseri-las, como eu seria capaz de obter esses valores em javascript? Eu teria que usar algo para anexar algumas tags de script e defini-las via PHP em cada carregamento de página? Definir um cookie seria a melhor maneira de fazer isso?

    
por Ryan Elkins 14.08.2010 / 21:02

2 respostas

9

melhor é, você usa as funções do WP para isso, um exemplo para multilanguage:

    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;
    }

use isso no arquivo 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 );

});

Veja também a postagem da Otto

    
por bueltge 14.08.2010 / 21:43
1

Existem algumas maneiras de fazer isso, uma das quais eu fiz antes, a outra que não fiz, mas usei para arquivos de configuração XML.

O primeiro é incluir as variáveis em uma tag de script dentro do cabeçalho ou rodapé do WP, antes da tag de script onde você incluir seu arquivo JS, por exemplo:

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

A outra alternativa seria incluir o JS dentro de um arquivo PHP incluído dentro de uma tag de script.

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

Dentro deste arquivo você incluiria o seu javascript, e como o PHP o analisaria, você seria capaz de incluir chamadas PHP de maneira similar ao acima, simplesmente fazendo o eco dos dados / opções que você necessita. Uma coisa a notar é que você pode precisar definir os cabeçalhos para a saída como text/javascript .

Pessoalmente, prefiro muito mais o primeiro método, e é o que eu uso quando tenho configurações que podem ser alteradas pelo usuário, o que afeta os arquivos javascript.

    
por nobody 14.08.2010 / 21:25