Well let’s take it one step at a time.

Using the Firebug console virtually every time I click on anything (i.e., the stuff that doesn’t work!) I see an error reported using the jQuery ‘easing’ library. This is supplied by the theme. So this would be the first problem to sort out.

I don’t know how much you now about jQuery but if something breaks it it does have a habit of closing down so that all subsequent calls also fail. This sometimes means that the actual problem is not necessarily in the library reported in the console but it is the only place to start.

So what is the ‘easing’ library doing and used for? The interesting thing is that the error pops u as soon as I hover the mouse cursor over a link or button. I don’t have to click – just hover. That suggests it is doing something to links that isn’t working. Only you would know hat that is.

If this worked before then it might be that the easing library is no more compatible with the new version of jQuery and the jQuery UI libraries that are supplied and used by both WordPress 3.3 and SP 5. So it would be worth checking if the Wp theme you are using also has an upgrade available.

Or – are you able to turn off this odd easing/link behaviour so we can see what is what?

First, thanks so much for getting back to me really soon, it’s appreciated.

Second, I don’t have a clue what any of that means you wrote 😉 I get the concept but specifically what it is, where it is, how to fix it, no idea. Is there a layman’s version? 

The old version worked before except for one minute it’s fine and the next reload, the apostrophes turned to quotes. I checked the source when I finally got the edit button to work and show the post editor (in 5.0) and all the ‘ and ” were the ascii code instead…which is going to be a pain trying to right all those…

So what is the ‘easing’ library doing and used for? The interesting thing is that the error pops u as soon as I hover the mouse cursor over a link or button. I don’t have to click – just hover. That suggests it is doing something to links that isn’t working. Only you would know hat that is.

Then I’m probably about to be in a mess because nope, I don’t have any idea what that is. Nothing hovers up on me so I’m a bit lost on this part. What is an easing library?

The theme has no upgrade, it was a nice freebie one and built probably a year ago. I had to do some tweaking to it regardless and get rid of that obnoxious base64 code and that’s been the main problem – it tends to freeze the footer and bottom segment. I’ve messed with it for days and the only solution that doesn’t destroy the whole theme is to get rid of the nasty code using comments over and below the get footer tag, copy all that and replace the ugly stuff…but it keeps showing the current scripts. In order to get it functional, I had to disable all plugins that show code in the footer, so it’s only bare footer code…then add in only the relevant plugins, copy that back into the footer.php so it shows up but I can’t change anything. 

But from the code itself, everything was where it should be except the footer tag, which I added in. There was this code in the header that I removed and replaced with the one below, which is, I think, what at least made the edit button work and the editor show up at all but I’m not positive.

Original – 

?php
if ( is_singular() ) wp_enqueue_script( ‘comment-reply’ ); wp_head(); ?

replaced with ?php wp_head(); ? only because I wasn’t sure what of the above I could scrap…

I’m learning all this sort of thing but while I greatly appreciate your response, it’s still a little too high over my knowledge base level 😉 Plan B?

I don’t really have a plan B I’m afraid!

So let’s talk easing to see if any of this rings a bell because if you are not using it then you may as well disable it.

The jQuery ‘easing’ library adds fancy animation effects. If you google ‘jquery easing’ you can see the website with examples. Bounce effects to divs and text and stuff like that. This is, as I say, erroring every time i hover over a button. Looking at the source code being generated I can see that the theme does indeed add something to the ‘hover’ mechanism but I have no idea what it does.

So – does the theme not come with any options where these sort of things can be turned on and off? Because – as I said before – this might not even be the actual conflict but it needs to be got out of the way and corrected to see what we are left with.

Oh – there is also another snippet of inline javascript setting something to WordPress 3.2. I don’t know what that is about either and it’s probably harmless but I thought I should mention it.

Where about in the theme or ? should I look?

And apologies for the delay in answering but this problem was superseded by yet another warped thing turning all my spaces, dashes and the occasional semi colons to question marks…wow, can’t win for losing today.

I do know that the hover thing happens on the SP forum tables, which, if there’s a way to turn that off that would be extra appreciated because it’s annoying. I don’t like flashing stuff, but particularly on this site, the flashy bits aren’t appropriate. 

The theme – far as I know – has nothing that can be turned on/off specifically, unless you’re talking about inside the code, but where would I look for it? There is a theme options element but it’s mostly for the slider thing and ads. 

Inline snippet…where was that?

PS that drag captcha thing is really cool. I definitely want one 😉

OK – I loaded your forum page. I opened up the view source and selected it all and copied it to an html file which I then loaded into my browser from my desktop. Had, of course, the same problems.

I then deleted the hover script and removed the loading of the easing library and loaded it up again and the forum components all start to work so this is the first big problem area.

I can’t really see what that easing script is there for. It doesn’t actually seem to be used as far as I can ascertain and I looked at most of the pages. if I were you I would remove the damn thing and see what happens.

Try looking in the theme functions.php file which is the most likely place ity is loaded – that or the header.php file of course. Look for the line that loads the jquery.easing.js script and a piece of inline script code that starts with

sfHover = function() {

and I would just remove it and see what happens.

I have (had) the same problem with JQuery not working properly.  After reading Yellow Swordfish’s excellent information, I went poking around with Firebug.  I first found a call to a “non-existent function” for audio player script I don’t use, and the error occurred on every page.  Found it being called(?) in the header (using Notepad++ to search my entire WP backup directory), and took it out.  Now the error is gone.

Still broken though, so I looked a little more.  Now that first error is gone, JQuery is trying to run another broken script file with the same error.  I remove it from the header and the theme-functions.php file, and again that is fixed.  But no dice.  Now there is an error that only appears on the forum page.  Something is not a function in the theme’s unhelpfully named “custom.js” file (I wonder what it does).  I removed that from theme-functions as well and…

Flawless Victory

I have spent more time than I will admit trying to fix this (months), with no previous success.  Now it works!  And I didn’t realize how much it was breaking on the forums, they are even nicer than previously thought.

I nominate Yellow Swordfish for all around awesome guy.

Seb

thanks! on behalf of Andy…

we like good success stories!

Is it possible for you to pop me an email with the source and what page it was on? I can paste it in there and that would be much easier so I can see what you’re referring to. 

I checked functions and that’s not in there at all, just the basic components. I looked in header.php and found what appears to be what you’re describing – I’ll add the lines immediately above and below this snip of code and if you wouldn’t mind showing which part to remove I will be eternally grateful…

-]]link rel=”stylesheet” type=”text/css” href=”]]?php bloginfo(‘template_directory’); ?]]/glide.css” media=”screen” />

]]?php

wp_enqueue_script(‘jquery’);

wp_enqueue_script(‘cufon’, get_stylesheet_directory_uri() . ‘/js/cufon.js’);

wp_enqueue_script(‘easing’, get_stylesheet_directory_uri() . ‘/js/jquery.easing.1.1.js’);

wp_enqueue_script(‘carousal’, get_stylesheet_directory_uri() . ‘/js/jcarousel.js’);

wp_enqueue_script(‘Myriad’, get_stylesheet_directory_uri() . ‘/js/Myriad_Pro_700.font.js’);

wp_enqueue_script(‘Effects’, get_stylesheet_directory_uri() .’/js/effects.js’);

?]]

]]script type=”text/javascript”]] ]]!–//–]] ]]![CDATA[//]] ]]!–

sfHover = function() {

if (!document.getElementsByTagName) return false;

var sfEls1 = document.getElementById(“catmenu”).getElementsByTagName(“li”);

for (var i=0; i<sfEls1.length; i++) {

sfEls1[i].onmouseover=function() {

this.className+=” sfhover1″;

}

sfEls1[i].onmouseout=function() {

this.className=this.className.replace(new RegExp(” sfhover1b”), “”);

}

}

var sfEls1 = document.getElementById(“menu”).getElementsByTagName(“li”);

for (var i=0; i<sfEls1.length; i++) {

sfEls1[i].onmouseover=function() {

this.className+=” sfhover”;

}

sfEls1[i].onmouseout=function() {

this.className=this.className.replace(new RegExp(” sfhoverb”), “”);

}

}

}

if (window.attachEvent) window.attachEvent(“onload”, sfHover);

//–]] ]]!]]]]]]/script]]

]]?php wp_get_archives(‘type=monthly&format=link’); ?]]

]]?php //comments_popup_script(); // off by default ?]]

]]?php wp_head(); ?]]

]]/problem-with-post-edit-buttonead]]

I would still greatly value your feedback to be sure I did this correctly – but since I’m not sure when you’ll be back around, I decided to give it a shot as best as I understood your suggestion. In header.php I just deleted this snippet only:

?php
wp_enqueue_script(‘jquery’);
wp_enqueue_script(‘cufon’, get_stylesheet_directory_uri() . ‘/js/cufon.js’);
wp_enqueue_script(‘easing’, get_stylesheet_directory_uri() . ‘/js/jquery.easing.1.1.js’); (removed)
wp_enqueue_script(‘carousal’, get_stylesheet_directory_uri() . ‘/js/jcarousel.js’);
wp_enqueue_script(‘Myriad’, get_stylesheet_directory_uri() . ‘/js/Myriad_Pro_700.font.js’);
wp_enqueue_script(‘Effects’, get_stylesheet_directory_uri() .’/js/effects.js’);

?

And it’s now appearing to work…everything works and reloads as it’s supposed to with one slight snag…having removed the enqueue stuff, the forum works but the glider no longer works and is warped out and disjointed. I put the entire code back and only removed the easing1.1 line and it now displays properly but it no longer glides. The forum is still working, however, but now I need to make the glider glide again. Instead, it just jumps the page down a bit. the prev/next buttons don’t do anything anymore.

As for the script element mentioned last post, I didn’t mess with that – the sf hover – should I leave it alone or remove it or? 

At least it feels like I’m getting somewhat closer. What do you suggest from here?

What, exactly, are you referring to when you day ‘glider’? I didn’t see any animation when I loaded and looked through the site so you need to point it out to me please. Need to know what it is before we go much further.

I am not sure what to suggest. Looking on google I see quite lot of people having issues with the jQuery easing plugin and WP. One of the problems may well be that it has not been updated since 2007 and in software terms that is a long time. In those 4 years jQuery has undergone many changes so this may just be a compatibility issue causing knock-on effects.

The glider is the segment beneath the header image – the 4 small images and post excerpts, it’s on all pages immediately under the menu. There are prev/next buttons that “glide” the (recent) posts across. This no longer works. The css code for it is the top line before the enqueue stuff. When I removed /js/jquery.easing.1.1.js, the forum starts working but the glider stops working. So I was asking, given this code that seems to be at issue, do you see a solution to make them both work? 

link rel=”stylesheet” type=”text/css” href=”]]?php bloginfo(‘template_directory’); ?]]/glide.css” media=”screen” />

]]?php
wp_enqueue_script(‘jquery’);
wp_enqueue_script(‘cufon’, get_stylesheet_directory_uri() . ‘/js/cufon.js’);
wp_enqueue_script(‘easing’, get_stylesheet_directory_uri() . ‘/js/jquery.easing.1.1.js’);
wp_enqueue_script(‘carousal’, get_stylesheet_directory_uri() . ‘/js/jcarousel.js’);
wp_enqueue_script(‘Myriad’, get_stylesheet_directory_uri() . ‘/js/Myriad_Pro_700.font.js’);
wp_enqueue_script(‘Effects’, get_stylesheet_directory_uri() .’/js/effects.js’);

?]]

]]script type=”text/javascript”]] ]]!–//–]] ]]![CDATA[//]] ]]!–
sfHover = function() {
if (!document.getElementsByTagName) return false;
var sfEls1 = document.getElementById(“catmenu”).getElementsByTagName(“li”);
for (var i=0; i<sfEls1.length; i++) {
sfEls1[i].onmouseover=function() {
this.className+=” sfhover1″;
}
sfEls1[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(” sfhover1\b”), “”);
}
}
var sfEls1 = document.getElementById(“menu”).getElementsByTagName(“li”);
for (var i=0; i<sfEls1.length; i++) {
sfEls1[i].onmouseover=function() {
this.className+=” sfhover”;
}
sfEls1[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(” sfhover\b”), “”);
}
}
}
if (window.attachEvent) window.attachEvent(“onload”, sfHover);
//–]] ]]!]]]]]]/script]]

Ok- this is going to depend on where your wp_enqueue code is called from but it’s worth a try. Change that one line of code for this:

if ( ! sp_is_forumpage() ) {
    wp_enqueue_script('easing', get_stylesheet_directory_uri() . '/js/jquery.easing.1.1.js');
}

Now this might just give you an error in which case remove it again – but see what happens on the forum page AND other pages where the easing is used. And note that exclamation mark!

Thanks. I will give that a go and report back in a bit. After coffee 😉

please let us know…