Hi, I'm trying to use Tipsy in my new Drupal installation. I've been using Tipsy in HTML+CSS designs without problems, but now I want use it in Drupal but I have some problems.

I installed and enabled the Tipsy module. Now I want to use it but I don't know how to.

In html+css designs I use something like this:

<script type='text/javascript' src='javascripts/jquery.tipsy.js'></script>
		<script type='text/javascript'>
		$(function() {
			$('#tipsy').tipsy({fade: true, gravity: 's'});
		});
		</script>

<div class="progress-bar-container" id="tipsy" title="87% Complete">

Can someone Help me adding the code in my page.tpl.php page?

I appreciate your help.

CommentFileSizeAuthor
#4 tipsyloaded.png1.64 KBNAGARAJ
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

Anonymous’s picture

Status: Active » Fixed

Hi
Refer to README.txt

Ultraton’s picture

Thanks for your response. I know I should understand what expalins the README.TXT file but I don't.

Can anybody supply a screenshot of the configuration page and the code applied in the page.tpl.php.

Again, thanks for your time.

-----------README.TXT----------------

In this section you can specify any CSS selectors to apply Tipsy to it.
The example below applies Tipsy tooltips anchor title on primary navigation inside Drupal site

1) Our CSS selector will be => "li.leaf a" (without quotes) which means any anchor inside the li
that has the class leaf.

2) Specify the options that best suits your selector.

3) Tooltip content will be the "title" (without quotes) of the anchor that will appear inside
the Tipsy tooltip (See below for other usage: TOOLTIP CONTENT)

4) Save your settings.

Note that you can add as many selectors as needed, to DELETE a selector you only have to
REMOVE/EMPTY its selector textfield and SAVE.

TOOLTIP CONTENT
--------------------------------
You can chose to pull the tooltip content from two different sources:

1) HTML Attribute on the matched element, for example:
Example
This is the default (Source: 'HTML attribute', Selector: 'title')

2) Child element of the matched element:

Tooltip HTML that can't really fit into an attribute

Ordinary text that the user sees

The tooltip is pulled with the settings Source: 'Child element', Selector: '.contents'

-----------README.TXT----------------

Ultraton’s picture

Status: Fixed » Closed (fixed)

Finally I understand the README file. I made it work.

Thanks.

NAGARAJ’s picture

FileSize
1.64 KB

i am using tipsy in drupal 6 it works fine but i can't add any rules in that when i am gooing to craete any rule the button becomes fade and keep on loading...but can't create any more ....please any help..