Visualizzazione dei risultati da 1 a 4 su 4

Hybrid View

  1. #1
    Utente di HTML.it
    Registrato dal
    Jun 2013
    Messaggi
    65

    [WORDPRESS] inserire script js in widget

    come da titolo vorrei inserire un file di funzioni js in un widget creato da me..
    il widget è piu o meno:


    codice:
    class aaaa extends WP_Widget
    {
        public function __construct()
        {
            parent::WP_Widget( 'aaaa', 'aaaa widget', array('description' => 'proviamo a inserire script e stili'));
        }
     
        // widget form creation
        function form() {
        }
     
        // display widget
        function widget() {
            ?>
                <h1>ciao</h1>
                <p id="testo"></p>
                <input type="button" value="premi" onclick="miafunzione()" />
            <?php 
        }
         
            // update widget
        function update() {
        }
    }
        
        
        function aaaa_register_widgets()
        {
            register_widget( 'aaaa' );
        }
    
        
        add_action( 'widgets_init', 'aaaa_register_widgets' );
    la funzione miafunzione() e contenuta all'interno di un file js all'interno della stessa cartella del widget... ho provato con wp_enqueue_script ma nn riesco
    qualche dritta pleaseeeeeeeeeeeeeeee

  2. #2
    Utilizzare wp_enqueue_script è corretto, ma devi posizionarlo nel posto giusto: nel tuo caso andrebbe all'interno della funzione widget(); che per essere utilizzata all'esterno diventerebbe una PUBLIC function. Quindi:

    codice:
    public function widget(){
            wp_enqueue_script('my_script', 'MY_PATH', 'dipendenza');
            ?>
                <h1>ciao</h1>
                <p id="testo"></p>
                <input type="button" value="premi" onclick="miafunzione()"/>
            <?php 
        }
    Web developer blog - aggiornamenti e tutorial sul mondo web

  3. #3
    Utente di HTML.it
    Registrato dal
    Jun 2013
    Messaggi
    65
    mariolone grazie mille per la risposta
    ho fatto come dici tu ma c'è ancora qualcosa che sbaglio, puoi darmi una mano???

    <?php
    /*
    Plugin Name: pprovaa
    Plugin URI: http://www.mapevents.com/
    Description: widget di prova
    Version: 1.0
    Author: ddddd
    Author URI: http://www.ddddd.com/
    License: GPL2
    */



    class pprovaa extends WP_Widget
    {
    public function __construct()
    {
    parent::WP_Widget( 'pprovaa', 'prova widget', array('description' => 'widget di prova'));
    }

    // widget form creation
    function form() {
    }

    // display widget
    public function widget(){
    wp_enqueue_scripts('my_script', 'PATH/myscript.js', '?????');
    ?>
    <h1>ciao</h1>
    <p id="testo"></p>
    <input type="button" value="premi" onclick="miafunzione()"/>
    <?php
    }

    // update widget
    function update() {
    }
    }


    function pprovaa_register_widgets()
    {
    register_widget( 'pprovaa' );
    }
    add_action( 'widgets_init', 'pprovaa_register_widgets' );

    ?>
    il file js:

    function miafunzione() {
    document.getElementById("testo").innerHTML='funzio na';
    }
    cosi non funziona... dovrebbe esserci anche l'add_action??? thankssssssss :-) :-) :-)

  4. #4
    Utente di HTML.it
    Registrato dal
    Jun 2013
    Messaggi
    65
    non riesco proprio a trovare una soluzione...


    <?php
    /*
    Plugin Name: pprovaa
    Plugin URI: http://www.mapevents.com/
    Description: widget di prova
    Version: 1.0
    Author: dado
    Author URI: http://www.dado.com/
    License: GPL2
    */



    class pprovaa extends WP_Widget
    {
    public function __construct()
    {
    parent::WP_Widget( 'pprovaa', 'prova widget', array('description' => 'widget di prova'));
    }

    // widget form creation
    function form() {
    }

    // display widget
    public function widget(){

    ?>

    <h1>ciaoooo</h1>
    <p id="testo"></p>
    <input type="button" value="premi" onclick="miafunzione()"/>
    <?php
    }

    // update widget
    function update() {
    }
    }


    function pprovaa_register_widgets()
    {
    register_widget( 'pprovaa' );
    }

    add_action( 'widgets_init', 'pprovaa_register_widgets' );


    function my_scripts_loader() {
    wp_enqueue_script( 'myscript', '/var/www/wordpress/wp-content/plugins/pprovaa/myscript.js', false );
    }
    add_action( 'wp_enqueue_scripts', 'my_scripts_loader' );



    ?>
    mentre la funzione è quella che ho scritto prima... sto provando tutti i vari tentativ ma continua a non funzionare... qualche idea???
    grazieeeee

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.