Why Experts Exchange?

Experts Exchange always has the answer, or at the least points me in the correct direction! It is like having another employee that is extremely experienced.

Jim Murphy
Programmer at Smart IT Solutions

When asked, what has been your best career decision?

Deciding to stick with EE.

Mohamed Asif
Technical Department Head

Being involved with EE helped me to grow personally and professionally.

Carl Webster
CTP, Sr Infrastructure Consultant
Ask ANY Question

Connect with Certified Experts to gain insight and support on specific technology challenges including:

Troubleshooting
Research
Professional Opinions
Ask a Question
Did You Know?

We've partnered with two important charities to provide clean water and computer science education to those who need it most. READ MORE

troubleshooting Question

How can I make work links inside my tooltip?

Avatar of eddyperu
eddyperuFlag for United States of America asked on
JavaScriptHTMLjQuery
3 Comments1 Solution275 ViewsLast Modified:
Hi Expert,
I am new in Jquery so I might need a lot of help.
I have created a tooltip with jquery, actually I took the code from this place  http://elijahmanor.com/webdevdotnet/post/qTip-Tooltip-with-jQuery-UI-ThemeRoller-Support.aspx

So far it is working but there are some features that it is not letting me do:
1) I can't get my mouse inside the toltip, every time that I do that the tooltip disappears, i need to do that because there are some links inside the tooltip that the client will want to click.
2)  I replace  the:
      <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>     with this
 <script src="jquery-1.4.1.js" type="text/javascript"></script>

And I have notices that the little triangle attach to the tooltip that is pointing to the link have disappear, why is that?
If there is another better idea how to do this please feel welcome to light me...
Thanks
 
<head>
    <title></title>
    <script src="jquery-1.4.1.js" type="text/javascript"></script>
    <script src="jquery.qtip-1.0.0-rc3.min.js" type="text/javascript"></script>    
    <script type="text/javascript">
        $(function() {

            $('#customTheme a[title]').qtip({
                position: {
                    corner: {
                        target: 'rightTop',
                        tooltip: 'leftBottom'
                    }
                },
                style: {
                    border: {
                        width: 5,
                        radius: 10,
                        color: '#017DC3'
                    },
                    background: '#ffffff',
                    color: '#000000',
                    padding: 10,
                    textAlign: 'left',
                    tip: true
                }
            });

        });          
    </script>
    
</head>
<body>
    
    <div id="customTheme" class="panel">
        <h3>Custom Themes</h3>
        <a href="http://www.google.com" title="This is my first link with <b>bolded</b> and <u>underlined</u>">1st Link</a>
        <a href="http://www.google.com" title="This is my second link with <b>bolded</b> and <u>underlined</u>">2st Link</a>
    </div>


</body>
ASKER CERTIFIED SOLUTION
Avatar of Steve Krile
Steve KrileFlag of United States of America image

Our community of experts have been thoroughly vetted for their expertise and industry experience.

Commented:
This problem has been solved!
Unlock 1 Answer and 3 Comments.
See Answers