Support for Drupal 7 is ending on 5 January 2025—it’s time to migrate to Drupal 10! Learn about the many benefits of Drupal 10 and find migration tools in our resource center.
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.
Comment | File | Size | Author |
---|---|---|---|
#4 | tipsyloaded.png | 1.64 KB | NAGARAJ |
Comments
Comment #1
Anonymous (not verified) CreditAttribution: Anonymous commentedHi
Refer to README.txt
Comment #2
Ultraton CreditAttribution: Ultraton commentedThanks 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:
Ordinary text that the user sees
The tooltip is pulled with the settings Source: 'Child element', Selector: '.contents'
-----------README.TXT----------------
Comment #3
Ultraton CreditAttribution: Ultraton commentedFinally I understand the README file. I made it work.
Thanks.
Comment #4
NAGARAJ CreditAttribution: NAGARAJ commentedi 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..