[Solved] qtip does not work with wordpress version 3.1.4

[zakirstage]

It seems to me qtip version 1.0.0-rc3 only works with wordpress version 3.2.1.

I tested above qtip version with wordpress 3.1.4, and it does not work.

Could you guys tell me which version of qtip I need for wordpress 3.1.4 ?


Thanks in adavnce.

Zakir

[Craig]

That depends on the version of jQuery being used. Either way I'd suggest using qTip2 as qTip 1.0 isn't updated any longer.

[zakirstage]

(1st December 11:16)Craig Wrote:  That depends on the version of jQuery being used. Either way I'd suggest using qTip2 as qTip 1.0 isn't updated any longer.

The jquery version comes with wordpress 3.1.4 is 1.4.4.
I used qtip2 version nightly.

I also tried to use jquery latest version 1.6 but still does not work.

Now I'm just thinking should use other version of qtip which might work on jquery 1.4.4.




/*
* qTip2 - Pretty powerful tooltips
* http://craigsworks.com/projects/qtip2/
*
* Version: nightly
* Copyright 2009-2010 Craig Michael Thompson - http://craigsworks.com
*
* Dual licensed under MIT or GPLv2 licenses
* http://en.wikipedia.org/wiki/MIT_License
* http://en.wikipedia.org/wiki/GNU_General_Public_License
*
* Date: Thu Nov 24 10:05:52.0000000000 2011
*/

---

this is my code in calendar.php file. I didn't use fullcalendar plugin.

Code
-----

<!-- Event roll over using JSON dictionary -->
<script type="text/javascript" charset="utf-8">
var events = <?php echo json_encode($events) ?>;

jQuery(function() {
// make dropdowns work on change, rather than manual form submission
jQuery('#calform select').change(function() {
this.form.submit();
});
// hide submit button, as it's not needed anymore
jQuery('#calform button').hide();

jQuery("#wp-calendar a.session").each(function(){

var session_id = jQuery(this).attr('data-sessionid');

jQuery(this).qtip({

content: {
title: { text:events[session_id].title, button: 'X' },
text: '<span class="properdate"> '+events[session_id].properdate+' </span><br>'
+ '<span class="stime"> '+ events[session_id].start +' </span>'
+ '<span class="etime"> - '+events[session_id].end+' </span>'
+ '<span class="venuename"> / ' + events[session_id].venue + '</span>' + '<span class="venuecity">, ' + events[session_id].venuecity +' </span><br>'
+ '<span class="eventtitle"> ' + events[session_id].title + ' </span><br>'
+ '<br><span class="excerpt"> ' + events[session_id].excerpt + ' </span><br><br>'
+ '<a href=" '+events[session_id].url+' "><span class="full-details">Full Details <img src="<?php bloginfo('template_url')?>/images/right-arrow.gif"></span><a/>'

},

style: {
width:600,
padding: 12
},

position: {
corner:{
target: 'rightTop',
tooltip: 'bottomCenter'
}
},

hide: {
fixed: true // When set to true, the tooltip will not hide if moused over, allowing the contents to be clicked and interacted with.
}

}); // End qtip
});

});
</script>

The code works in wordpress version 3.2.1 and jquery version 1.6.6 and qtip version 1.0.0.

Some reason it does not work with wp 3.1.4 and jquery version 1.4.4 and with any qtip version.

[Craig]

You must be getting an error out somewhere that's preventing it from executing. Otherwise it sounds like hte scripts aren't being included properly.

[zakirstage]

yes, in wordpress 3.1.4 i am getting an error: undefined variable events.

But in wordpress 3.2.1 it works perfectly, no error in jquery.

---

(1st December 14:23)zakirstage Wrote:  yes, in wordpress 3.1.4 i am getting an error: undefined variable events.

But in wordpress 3.2.1 it works perfectly, no error in jquery.

The error shows in this statement:

var events = <?php echo json_encode($events) ?>;

says undefined variable events.

I will send the code now. see the attachment. one is header.php and fullcalendar.php

---

You will see the jquery code in bottom section of the fullcalendar.php file.

Note: it works perfectly in wp 3.2.1 version with jquery 1.6.1

but in wp 3.1.4 version with either jquery 1.6.1 or jquery 1.4.4, qtip does not display tooltip, it shows error: undefined vaiable events

[Craig]

Is events definitely being output correctly? Check using the console.

[zakirstage]

(1st December 15:11)Craig Wrote:  Is events definitely being output correctly? Check using the console.

In wordpress 3.1.4 with jquery either 1.6.1 or 1.4.4, firebug displays an error:

missing ; before statement

Notice: Undefined variable: events in /Library/WebServer/Documents/StageEvent/wp-content/themes/stage_core/fullcalendar.php on line 411
491null;

I sent the screenshots.

But strangley, in wp 3.2.1 with any version of jquery no error at all and it displays tooltips as I want!

---

if I check the console in safari, it says

syntax error. unexpected token ':'

[Craig]

"events" isn't defined in your PHP file, hence the error message

[zakirstage]

its related to wordpress version. Nothing to do with qTip.

Finally sorted out. Cheers for your time.