Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Plugins & Atahualpa »

[SOLVED] jQuery ClueTip Plugin


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
 
Prev Previous Post   Next Post Next
  #1  
Old Mar 8, 2011, 01:13 PM
vCopia's Avatar
vCopia
 
72 posts · Jan 2011
Long Island, NY
[SOLVED] jQuery ClueTip Plugin

I've been trying for about 5 hours to get this plugin to work so I'm coming to you since I think it is where I'm putting code that is making it not work.

All I need to do is
  1. upload the plugin files to the server (done).
  2. add the following code into the Header area
    HTML Code:
    <!--   BEGIN VC added code for jQuery Cluetip plugin    >
    
    <script src="http://vcopia.com/wp-content/plugins/cluetip/lib/jquery-1.3.2.js" type="text/javascript"></script>
    <script src="http://vcopia.com/wp-content/plugins/cluetip/lib/jquery.hoverIntent.js" type="text/javascript"></script> <!-- optional -->
    <script src="http://vcopia.com/wp-content/plugins/cluetip/jquery.cluetip.js" type="text/javascript"></script>
    
    <script type="text/javascript">
    $(document).ready(function() {
    $('a.jt:eq(0)').cluetip({
      cluetipClass: 'jtip', 
      arrows: true, 
      dropShadow: false,
      hoverIntent: false,
      sticky: true,
      mouseOutClose: true,
      closePosition: 'title',
      closeText: '<img src="/wp-content/plugins/cluetip/demo/cross.png" alt="close" />'
    });
    });
    </script>
    <link rel="stylesheet" href="/wp-content/plugins/cluetip/jquery.cluetip.css" type="text/css" />
    
    <!--   End VC added code for jQuery Cluetip plugin >
  3. add code around the section I want the mouseover to work in the post / page.
    HTML Code:
    <a class="jt" href="http://vcopia.com/wp-content/plugins/cluetip/demo/ajax6.htm" rel="http://vcopia.com/wp-content/plugins/cluetip/demo/ajax6.htm" title="jTip Style!">this is a test</a>

Unfortunately it isn't working. Here's where I put the Header code referenced above.

Initially, I added it to the theme's header.php file just below this line of code:
HTML Code:
<script type="text/javascript">DD_roundies.addRule('<?php echo $bfa_ata['pngfix_selectors']; ?>');</script>
When that didn't work I added it to the bfa_header_config.php file just above the final
HTML Code:
?>
That only created an error whereby I had to ftp the original back in place to recover.

Thoughts??
 

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
jQuery 1.4.2 --> 1.3.1, Problem? Factorfiction Plugins & Atahualpa 1 Jan 30, 2011 02:47 PM
[SOLVED] Problem with double jquery library calls / &quot;Shopp&quot; plugin Shepherd Jim Plugins & Atahualpa 2 Nov 11, 2009 08:02 AM
Libraries : jquery-1.2.6 is needed ? nello Atahualpa 3 Wordpress theme 1 Jun 18, 2009 04:11 PM


All times are GMT -6. The time now is 07:24 AM.


Powered by vBulletin® Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.