[Pro] Web Yep & jquery hover text

Freeway
21

Dave that would be a nice alternate. Can you show mw how you did it or send me an example that I could scan through.

Much appreciated.

Billy

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

22

The link is in one of my posts from the 9th

D

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

23

Hey Dave,
Will Tool Tip use the alt text in a Web Yep image element for it’s content?

Billy

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

24

Struggling here Tool Tip. when I am adding the image tags does this look correct? See below Also not sure what the class is. Is it “tool” or “TipEx” ?

var uniTipTag = “a,img1,img2,ing3”; //Which tag do you want to uniTip-ize? Keep it lowercase. No spaces around commas.//
var uniTipClass = “tool”;

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

25

Hey Dave,
Finally figured out the reason the tool tip was not working was because the folder permissions were incorrect. Needed to be 755.
Could you tell me where do you set the max-width/Height of the tip itself. Also can I state leading/line-height?

The background images are not showing either.
My site Url is smartytest.com/Greek/
Here is what I’m seeing in the Css file for the path
/images/TipPoint.png.

Billy

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

26

My site Url is smartytest.com/Greek/

What page should I be looking at?

Also can I state leading/line-height?

Yes, line-height

#unitip {
    position: absolute;
    z-index: 1000;
    top: -1000px;
    color: #8CCDFF !important;
    font: normal normal 1em/12px Verdana, Arial, Helvetica, sans-serif;
    line-height: 19px !important;
    display: none;
}

D

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

27

smartytest.com/Greek/workpage.php

I got the line height, I just can’t get the the text width to be a little longer maybe 100px

The major thing is the background images are not showing up.

Billy

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

28

smartytest.com/Greek/workpage.php

I am only seeing Capty on that page

D

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

29

So Sorry it’s smartytest.com/Greek/workpage2.php

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

30

You appear to have 2 references to the css file

<link href="http://www.smartytest.com/Greek/unitip/css/unitip.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="http://www.smartytest.com/Greek/unitip/css/unitip.css" />

Just use the second one

Then in the unitip.css file change the relative path from

url(/images/TipPoint.png) no-repeat;

to

url(http://www.smartytest.com/Greek/unitip/images/TipPoint.png) no-repeat;

In each of the 3 instances

You are also trying to load unitip.js twice

<script type="text/javascript" src="unitip.js"></script>

<link href="http://www.smartytest.com/Greek/unitip/css/unitip.css" rel="stylesheet" type="text/css" />

<link rel="stylesheet" type="text/css" href="http://www.smartytest.com/Greek/unitip/css/unitip.css" />
<script type="text/javascript" src="http://www.smartytest.com/Greek/unitip/js/unitip.js"></script>

Take out the first one.

And also you are loading jQuery after you load unitip.js

<script type="text/javascript" src="http://www.smartytest.com/Greek/unitip/js/unitip.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

jQuery should come first. ie

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://www.smartytest.com/Greek/unitip/js/unitip.js"></script>

Sort that lot then we will look again.

D

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

31

Ok so I got the images now but I did something to cause the the css to show on the page.

The Read me doc in the download is slightly different than the tutorial webpage, I’ have go myself very confused.

Billy

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

32

Ok, I got it fixed. I think it is right. Also how do I edit the tip width?

Billy

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options