Using WP functions inside javascript

Question

I'm trying to use PHP variables inside a javascript function. What's a proper way to use a WP function like get_current_user_id() inside a script that get's enqueued via wp_enqueue_script? Right now I get this error

Error:Call to undefined function...

myscript.php

<?php header('Content-Type', 'text/javascript');
?>
  jQuery(document).ready(function(){

         jQuery("#location option").each(function () {
             if (jQuery.inArray(jQuery(this).val(), locs) != -1) {
                 jQuery(this).prop('selected', true);
             };
         });

         if ( typeof jQuery.fn.chosen !== 'undefined' ){

         <?php 
         $userID=get_current_user_id();
            if($userID=='3') { 
             $max=6;
         } else {
            $max=3;
         }
         ?>
         jQuery("#location").chosen({ max_selected_options: "<?php echo $max; ?>"

          });        
    }


jQuery('select').each(function(index) {
            jQuery(this).chosen({
                disable_search_threshold: 1
            });
        })

    });

in functions.php:

add_action('wp_enqueue_scripts','wordpress_scripts');
function wordpress_scripts() {
    wp_register_script( 'chosen', get_template_directory_uri() . '/assets/libraries/chosen/chosen.jquery.min.js', array( 'jquery' ),'',true);
    wp_enqueue_script( 'chosen' );

    wp_register_script('myscript', get_template_directory_uri().'/assets/js/myscript.php', array('jquery'),'',true);
    wp_enqueue_script('myscript');
}

Any suggestions to make this work?

Because of too many conditions. I guess wp_localize_script might be an idea? — yumba
– yumba, Commented Jun 2, 2014 at 16:38
What are those conditions? You shouldn't be trying to use WordPress APIs outside of WordPress using standard standalone PHP files — Tom J Nowell
– Tom J Nowell ♦, Commented Jun 2, 2014 at 16:58

yumba · Accepted Answer · 2014-06-02 16:45:30Z

1

I found out about wp_localize_scripts here and it solves my issue:

functions.php

$var=get_current_user_id();

$params = array(
  'max' => $var
);

wp_localize_script( 'myscript', 'MyScriptParams', $params );
wp_enqueue_script('myscript');

and in the .js file I can retrieve this variable with MyScriptParams.max.

answered Jun 2, 2014 at 16:45

yumba

4733 gold badges13 silver badges23 bronze badges

Add a comment |

Stack Exchange Network

Using WP functions inside javascript

1 Answer 1

Your Answer

Hot Network Questions

Using WP functions inside javascript

1 Answer 1

Your Answer

Sign up or log in

Post as a guest

Related

Hot Network Questions