it-swarm-pt.tech

Código Javascript de Widget (ajax)

Eu tenho um widget como este:

class test_widget extends WP_Widget{

  function test_widget(){
    $widget_ops = array('description' => 'test widget');
    $this->WP_Widget(false, 'Test', $widget_ops);

    add_action('init', array(&$this, 'ajax'), 99);

    // include in jQuery(document).ready()
    add_action('jquery_init', array(&$this, 'js'));
  }

  function js(){
    // get settings from all widget instances
    $widget_settings = get_option($this->option_name);

    // identify this instance
    foreach($widget_settings as $instance => $options):

      $id = $this->id_base.'-'.$instance;
      $block_id = 'instance-'.$id;

      if (is_active_widget(false, $id, $this->id_base)): ?>

      $("#<?php echo $block_id; ?> .button").click(function(){

        $.ajax({
          type: "GET",
          url: "<?php echo get_bloginfo('url'); ?>",
          data: { id: "<?php echo $block_id; ?>",
                  some_data: "<?php echo $options['some_widget_option']; ?>",
                  my_widget_ajax: 1 },
          success: function(response){
             alert(response);
             // yey
          }
        });
        return false;

      });

      <?php endif;
    endforeach;
  }

  function ajax(){
    if(isset($_GET['my_widget_ajax'])):

      $some_data = esc_attr($_GET['some_data']);

      echo $some_data;
      exit();
    endif;
  }

  function widget($args, $instance){
    // the widget front-end

  }

  function update($new_instance, $old_instance){
    // update form
    return $instance;
  }

  function form($instance){
    // the form
  }
}

Basicamente, há um botão que aciona um pedido de ajax que recupera algumas informações ...

Como você pode ver, a única maneira pela qual eu poderia adicionar a função ajax era conectando-a à tag init e a js a uma função de tema que lida com o javascript.

O problema é que isso só funciona quando o widget está presente em uma barra lateral. E eu também preciso que funcione quando eu chamo este widget com a função the_widget () , por exemplo. dentro de uma página. Eu não sei como eu poderia recuperar as opções do widget para passá-las no código javascript ...

Alguma ideia?

1
Alex

O problema é que isso só funciona quando o widget está presente em uma barra lateral.

Se você precisar de algum código para rodar independentemente do widget, eu acho que faz sentido adicionar esse código separadamente da classe widget.

E eu também preciso que funcione quando eu chamo este widget com a função the_widget (), por exemplo. dentro de uma página. Eu não sei como eu poderia recuperar as opções do widget para passá-las no código javascript ...

Essa função usa uma matriz de instâncias com dados de widgets. Não tenho certeza sobre seus detalhes, mas acho que você pode passar o que precisar.

Diretamente chamado widget não tem dados, além de passado em instância (ou recuperado por si só).

0
Rarst