I added the Javascript file with the following code. So if anyone is looking for this solution should use the below code in functions. I don’t know who was so jobless to vote this question down but I am trying to fix my mistake of posting question here on stackexchange by answering my own question. … Read more
See the Codex section on jQuery noConflict wrappers in WordPress: […]if you really like the short $ instead of jQuery, you can use the following wrapper around your code: jQuery(document).ready(function($) { // Inside of this function, $() will work as an alias for jQuery() // and other libraries also using $ will not be accessible … Read more
Is this something you wish to achieve? <!DOCTYPE html> <html> <body> <h1>My First JavaScript</h1> <button type=”button” onclick=”var the_id=document.getElementById(‘my_field’).value; document.getElementById(‘demo’).innerHTML= document.getElementById(the_id).innerHTML;”> Click me to display some other string.</button> <p id=”demo”></p> <input id=”my_field” type=”text”></a> <div id=”someother”>Hi there!</div> </body> </html>
This plugin allows custom JS and custom CSS on a per post/page basis. https://wordpress.org/plugins/art-direction/ If you find that it is not compatible with your WP install, look for other plugins that allow custom JS and CSS. If you’re looking for a more robust solution, you can do something like the following: /* overlay-contact-form.css */ #overlayContactForm … Read more
You could use cookies – set in JS, and read from PHP. Another way can be using an AJAX request to get the variable value.
You might have to use get_stylesheet_directory_uri() instead of get_template_directory_uri() when you’re referencing files in a child theme. On a fresh install, I created and activated a child theme of twentyfifteen called child and run the following codes: echo get_stylesheet_directory_uri(); # Output: http://localhost/test1/wp-content/themes/child echo get_template_directory_uri(); # Output: http://localhost/test1/wp-content/themes/twentyfifteen Also, If you have tested the JS independently … Read more
You can create Parallax effect for header using pure CSS as well as jQuery. The difference between them is the loading time. CSS will load much faster than jQuery. Implementing a feature will depend on the developer/owner of the theme how they want the feature to be. My preference is that you use pure CSS … Read more
These three lines work as expected , There is a problem maybe with other code before these lines that prevent the execution of your script; In case just fire the browser console in this page and try them here $( “html” ).append( “<div id=’bf_rsvp_note_display’></div>” ); $( “body” ).append( “<div id=’bf_rsvp_note_display’></div>” ); $( “.topbar” ).append( “<div … Read more
Here’s an updated version of the code which fixes the extra zero caused by the redundant time checks in startTime(): JavaScript function startTime() { var d=new Date(); var h=d.getHours(); var m=d.getMinutes(); var s=d.getSeconds(); h = h % 12; h = h ? h : 12; // the hour ‘0’ should be ’12’ var ampm = … Read more
if only the domain changes, you could try using relative urls: document.location=”/thank-you”; But if the domain you’re redirecting to is different than the page you’re on, a simple way to fix this problem would be to add a customizer value redirect_domain, and then make it a global variable in footer.php <script>var RedirectUrl=<?php echo get_theme_mod(redirect_domain);?></script> then … Read more