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
  #1  
Old Mar 8, 2011, 02: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??
  #2  
Old Mar 8, 2011, 03:17 PM
lmilesw's Avatar
lmilesw
 
10,111 posts · Jul 2009
Central New York State USA
Try adding it to ATO>Add HTML/CSS Inserts>HTML Inserts: Header
I have never had to edit theme files except for bug fixes. That is one of the many things that makes this theme what it is.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #3  
Old Mar 8, 2011, 06:00 PM
vCopia's Avatar
vCopia
 
72 posts · Jan 2011
Long Island, NY
Dahhhh!

I've added many inserts to the CSS Inserts box and Never noticed the Header section at the top. Thanks for sharing the ATO for Dummies tip.

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 03:47 PM
[SOLVED] Problem with double jquery library calls / &quot;Shopp&quot; plugin Shepherd Jim Plugins & Atahualpa 2 Nov 11, 2009 09:02 AM
Libraries : jquery-1.2.6 is needed ? nello Atahualpa 3 Wordpress theme 1 Jun 18, 2009 05:11 PM


All times are GMT -6. The time now is 05:20 AM.


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