My Monkey Do

A Log of Coding Solutions

Coding

WordPress 3.6 update caveats

by

The main problem in updating WordPress is the version of jQuery that is used is also updated.  jQuery is updated from version 1.8.3 to version 1.10.2.   Below is a record of what I’v gone through.  It’ll grow as I update more sites.

 

  • GravityForms (ajax) in PrettyPhoto – Using PrettyPhoto’s inline lightbox it creates a duplicate of the content you want in the lightbox.  Because of this, GravityForm’s replaceWith() call when using ajax replaces the original form, not the duplicated form in the lightbox.  The effect is you’ll need to press the submit button twice to see the form’s confirmation message.  To resolve this you need to bind to the ‘gform_confirmation_loaded’ event and have the replaceWith work on the form in the lightbox.  See form_display.php in GravityForms plugin for help.
  • Comprehensive Google Map Plugin v7.0.31 – This plugin requires that you have jQuery version 1.3 and above.  Seems right except mathematically, 1.3 is greater than 1.10.  So the plugin will popup a message saying you are using a version of jQuery older than 1.3.  To fix this if it’s not yet updated, find assets/js/cgmp.framework.min.js and find where it checks the version.  Details here.

IE Doesn’t see padding on hover

by

Problem

Internet Explorer 8 (I no longer even look at IE 7) seems to not be able to see the padding on an anchor tag within a ul > li > a structure.   Using jQuery I have a hover event on the li, however it only works on the bottom 1px of the li.

 

Solution

I tried adding position:relative and zoom:1, as some have suggested but that doesn’t work.  I then just tried to put a background in the anchor tag to see if IE even recognizes that the anchor tag has padding.  It did recognize the padding and once the background was in the hover also worked.  Turns out IE needs a background set?  I found another person who had this problem and the solution was to set the background to a transparent image of 1×1 px.

 

http://stackoverflow.com/questions/12197999/ie-not-including-margin-and-padding-in-hover-without-background-set

WordPress only displays “error”

by

In trying to copy over a theme and partially start over I ran into an issue where WordPress wouldn’t show anything but one word, error.  Well, that’s helpful.  Searching the wordpress forums I found that the problem is actually a security measure from Better WP Security.  Since my newly copied/created theme had so many missing files (404 errors) it blocked me out.  Deactivating that plugin (programmatically) caused the issue to go away.

Source:  http://wordpress.org/support/topic/getting-one-word-error-when-logging-into-wp-loginphp

Z-Index, iFrames, and IE

by

Problem

I’m using the Apprise jQuery plugin to show a fancy alert box on a webpage.  The problem is I also have the embedded iFrame code from YouTube on the page.  When the fancy alert box shows in Internet Explorer, it shows behind the video.  It works in all other browsers.

 

Solution

The solution is to add the wmode=transparent or wmode=opaque parameter to the youtube url.  Have the iframe point to something like the following:

https://youtube.com/watch?v=xyz%3Fwmode%3Dtransparent

 

Source: http://stackoverflow.com/questions/5281002/z-index-and-iframes

jQuery – When to use return false or preventDefault

by

Ran into a great article that explains the differences between return false, preventDefault and stopPropagation.  Here’s a summary:

  • return false does both preventDefault and stopProgagation
  • preventDefault just stops the browser default event.
  • stopPropagation stops bubbling.

In most cases you would only want to do preventDefault.  If you stopPropagation you prevent your code from being extensible.

 

source:  http://fuelyourcoding.com/jquery-events-stop-misusing-return-false/