jQuery - Read For Learn

Search input area autogrow – how?

they’re using CSS3 transitions. <style type=”text/css”> #s { float: right; -webkit-transition-duration: 400ms; -webkit-transition-property: width, background; -webkit-transition-timing-function: ease; -moz-transition-duration: 400ms; -moz-transition-property: width, background; -moz-transition-timing-function: ease; -o-transition-duration: 400ms; -o-transition-property: width, background; -o-transition-timing-function: ease; width: 72px; } #s:focus { background-color: #f9f9f9; width: 196px; } </style> <input type=”text” class=”field” name=”s” id=”s” placeholder=”Search”>

Properly embed javascript into WP (using function.php) – doesn’t work?

By default, the jQuery script is loaded in no conflict mode. I noticed that you have in you header.php the following code: <script type=”text/javascript” src=”https://wordpress.stackexchange.com/questions/27986/<?php bloginfo(“template_directory’); ?>/js/jquery-1.4.2.min.js”></script> Adding jQuery like this, will override (if the page works) the wp_enqueue_script(‘jquery’). If you load jQuery like this, you need to activate the noConflict mode, as explained here. … Read more

Wp theme Jquery conflict with plugins that use jquery

WordPress jQuery automatically loads in noConflict mode with jQuery as the object ref. remove the hardcoded version of jQuery and try changing: $(document).ready(function(){ to: jQuery(document).ready(function($){ (note also the $ in function($))

How to change background image from WordPress Gallery

The background image is applied to the <body> element, so using jQuery, all you really need to do is add a .click() handler to the $(‘dt.gallery-icon img’) element, grabbing its src attribute and applying it to the body’s background-image. EDIT: I thought this would be an interesting exercise, so here is a plugin that does … Read more

how to json_encode(); the Loop content so that the encoded array is [“0”:content, “1”:content]

Try outputting the JSON: echo json_encode($dVC);

registering new jQuery after wp_deregister_script() not working

When setting your dependencies they need to be in an array. wp_register_script(‘jquery’, ‘http://code.jquery.com/jquery-1.7.min.js’, ‘1.7’, 1); wp_register_script(‘modernizr’, get_bloginfo(‘template_directory’).’/js/libs/modernizr-2.0.6.min.js’, array(‘jquery’) ); wp_register_script(‘plugins’, get_bloginfo(‘template_directory’).’/js/plugins.js’, array(‘jquery’), ”, 1); wp_register_script(‘custom’, get_bloginfo(‘template_directory’).’/js/script.js’, array( ‘jquery’) , ”, 1);

Adding URL of PDF from Thickbox in a Meta Box

This line… imgurl = jQuery(‘img’,html).attr(‘src’); Means that jQuery is getting the “source” (i.e. full path) of the image. As you’ve guessed, that won’t work for a PDF file. What you’ll probably have to do is get the id of the attachment instead. Could you possibly update your original answer with the HTML SOURCE of the … Read more

Loading scripts on a single page plants the script in the footer

wp_enqueue_script accepts 5 parameters. The fifth one is $in_footer. If that parameter is set to true the script will load in the footer. If it is set to false it will load in the head, unless a dependency (like jQuery in your code) is set to show up in the footer.

Changing WordPress URL breaks some jquery functions

There are PHP errors and notices in your scripts invalidating the JavaScript code: http://www.foxterrier.com/wp-content/themes/shape/smooths/getimages.php <b>Deprecated</b>: Function eregi() is deprecated in <b>/home/foxterrier/public_html/wp-content/themes/shape/smooths/getimages.php</b> on line <b>13</b><br /> smootharray[0]=”004.jpg”;<br /> Plus, you are loading jQuery too late. Read wp_enqueue_script() and how to handle dependencies (the third parameter).

+ More