javascript - Read For Learn

How to make a rest style plugin?

I got a little piece of code here, but it should/could probably be improved. Create new query_vars Create new rewrite rule Redirect to specific template which then handles your parameters Create new query vars function register_gallery_query_vars($vars) { $vars[] = ‘gallery_id’; $vars[] = ‘image_id’; return $vars; } add_filter(‘query_vars’, ‘register_gallery_query_vars’); Add rewrite rule function custom_rewrite_gallery() { add_rewrite_rule(‘^gallery/([0-9]+)/([0-9]+)/?’, … Read more

Unable to change the location of a file

One problem could be that you’re missing “ ***<img class=”srcimage” src=server-side4.php/>*** Change it to ***<img class=”srcimage” src=”http://example.com/your-path/server-side4.php” />*** Then if that doesn’t fix it, try outputting your variables to see what you’re working with. Make sure that all these values are giving you the results you’re expecting. console.log(base); console.log(jQuery(“#realtime-form”).serialize()); console.log(jQuery(“.preview img”)); If you don’t want … Read more

Adding react app to an existing wordpress website

You need to include scripts and styles properly as it has been done here https://github.com/radekzz/wordpress-react-in-theme add_action( ‘wp_enqueue_scripts’, ‘enqueue_my_react_app’ ); function enqueue_my_react_app(){ foreach( glob( get_template_directory(). ‘/myReactApp/build/static/js/*.js’ ) as $file ) { // $file contains the name and extension of the file $filename = substr($file, strrpos($file, “https://wordpress.stackexchange.com/”) + 1); wp_enqueue_script( $filename, get_template_directory_uri().’/myReactApp/build/static/js/’.$filename); } foreach( glob( get_template_directory(). ‘/myReactApp/build/static/css/*.css’ … Read more

Replacing & in JS code on pages

I ended up doing this and it works: var data = { called: ‘CAP’, captcha: $(“#captcha_txt”).val() }; $.get(“../form/master.php”,data,function(response){ …. });

WP site makes mobile browser crash for high memory usage

Your page has almost 500 requests and 5mb of data to download – Are you confident with changing the template? Look at a browser console and check all the errors that show. Most of the time, it’s external JS that ruins these kind of experiences – advertising, tracking etc. Try to be conservative with your choices … Read more

Javascript not working on index.php but it is working on single post’s page

The proper way to enqueue a script is as follows: function mathJax_scripts() { wp_enqueue_script( ‘mathjax-js’, http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML’, array(), ‘2.7.1’, false ); } add_action( ‘wp_enqueue_scripts’, ‘mathJax_scripts’ ); I added the version number (2.7.1) and I flipped the final parameter to ‘false’ – that last parameter asks ‘add script to footer?’, true means yes, false means no. Then … Read more

wp_enqueue has a resource but doesn’t generate a script tag [duplicate]

Your code is correct, but you will not see this <script> tag in your header! The last parameter of wp_enqueue_script() is a flag regarding whether or not to load the script at the bottom of the page. You have this set to true, so you’re telling WordPress to create a <script> tag at the bottom … Read more

Carousel Hover Image

I figured it out!! I added this piece of jQuery: <script type=”text/javascript”> <!– $(function() { jQuery(“.photos a”).hover(function() { var offset = $(this).offset(); var id_post = $(this).attr(“id”); jQuery(“.hover”).find(“span[id=”+id_post+”]”).css(“left”, (offset.left-312)+”px”); jQuery(“.hover”).find(“span[id=”+id_post+”]”).show(); }, function() { jQuery(“.hover”).find(“span”).hide(); }) }); //–> </script> and added an additional loop: <div class=”hover”> <?php query_posts( ‘category_name=photos&posts_per_page=-1’ ); ?> <?php if ( have_posts() ) : … Read more

Javascript 2 elements dependent onclick .toggle [closed]

Since you want them to alternate the easiest would be to use show() and hide() rather than toggle(), since you don’t actually want to toggle the visibility if the login is clicked more than once, you want it to always show the #login and hide the #create. Also note that the live() function has been … Read more

Pass a PHP variable (loop-audio.php) to jQuery function (js/script.js)

In general, this function lets you localize your JS strings, but you can also use it to set global JS variables: function set_my_js_var() { // logic here for returning the right JS var $myVar = “Hello World”; return $myVar; } function load_fe_scripts() { wp_enqueue_script( ‘global-js-var’, get_template_directory_uri() . ‘/js/my_file.js’ ); $localize_array = array( ‘my_js_var’ => set_my_js_var() … Read more

+ More