Tool Tips - Delta Dave Please

Hi Dave

I Came across this thread and you had an example of a working tooltip. This is just what I need for a project

http://freewaytalk.net/thread/view/72362#m_73347

Can you run me through the process please.
Where are the actual tooltips created and where do they upload to.
I have your example freeway document.

Thanks

Trev


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

If you have the example then you should also have the unitip.js and unitip.css files which are referenced in the Head of the Document. Page>HTML Markup before end head.

<link rel="stylesheet" type="text/css" href="../fwtwebpics/unitip.css"/>
<script type="text/javascript" src="../fwtwebpics/unitip.js"></script>

The actual tooltip text is simply added in the Alt text section of the inspector for the image.

tooltip

Thats all there is to. You can use an action (Upload Stuff or Extra Resources) to get the js and css files to the server or FTP them just remember to adjust the path in the Page>HTML Markup section.

D


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

Good Man Dave

the text part was the bit I didn’t understand.

Thanks for the quick reply.

I will experiment a bit more and report back.

Ever thought of writing a book - “A 1001 practical soultions with Freeway” :slight_smile:

Thanks again

Trev


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

Ever thought of writing a book - “A 1001 practical soultions with Freeway”

There are many others far better qualified to write that book than me!

D


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

I could debate that dave . . .
Problem

Test page here:

http://www.trevormckay.co.uk/slide/

Everything seems to have a tool tip.

In this example the first two faces top left back row - I have applied a graphic for each but as you see the tool tip disappears when I roll over them.

Any thoughts?

Trev


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

Everything seems to have a tool tip.

Check out Walter’s solution to this in the original thread

And Dave you are too modest. I am squirrel away useful threads and many have your name on, such as the thread that started this one.

Richard


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

Agree entirely Richard this man comes through every time -
lost count of the number of times he’s helped me out here!

I have since just disabled the Alt text for the items on the page to end the tip tool rollovers.

Problem seems to be in the combine graphic on the large image for the two faces I have attached graphics over

Trev


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

Bit lost now Im afraid.

What I’m trying to achieve is a tool tip on rollover on each face which displays their name then a click to bring user to a page of info about the person.
I have a Map area and link applied to first two faces top left.

Page here

http://www.trevormckay.co.uk/slide/

Trev


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

I dont think you can do it with a map area.

Your problem is going to be that you really need to draw a graphic box over each face with the Alt text applied to it - but your image scrolls so you cannot keep the graphic box with each face. Hmmmm!

D


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

I totally forgot about the images that are referenced from the unitip.css file which also need to go on your server.

TipPoint.png

tooltip

TipMid.png

tooltip

TipCap.png

tooltip

Its been a long day!

D


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

Thanks Dave

Yes - I am knackered too

Can you think of any other method to create a name appearing on rollover on a face then a click for a seperate info page.

The text could appear below the photo if needs be.
Perhaps the tooltip is beyond this one.

No rush on this - I’s switchin off now

Thanks again

Trev


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

Have a look at http://www.deltadesign.co/examples/slider2.html

All my marked faces are on the top row - I haven’t done that many - just enough to give you the idea


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

Very Good Dave. You seem to have cracked it before you switched off last night! Can you explain how you solved it please.

Trev


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

I’ll send you the file.

D


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

Thanks David

Bathroom to paint today! will have a look later - dead pleased you got a workaround.

Trev


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

Thanks Dave

I finally got round to having a look at the tool-tip file you sent me and am happy to report that I have a working example with all the tooltip markers in place!. Just a couple of questions:

I Noticed that your page example (sent to me) output was set to XHTML 1.0 Transitional. When I published the page it was set in the Document Setup (in my Freeway) to output as HTML 4.01 Transitional. Result being all the rollover gifs on the faces were showing outline edge and alt text within and a question Mark in each when I uploaded. Can you explain the XHTML / HTML usage please.

also:

In the ‘untip.css’ file is it possible to slightly reduce the text size and perhaps the colour of the tooltip text - I tried but it didn’t work.

All in all I am very happy with the result so far. I hope to get this project live in the not too distant future. The original photo was given to me over 10 years ago to scan original and stitch back. I lost the file and just found it recently. I am in the photo - it was taken 44 years ago! I was a 1st year pupil. Now I want to upload it and have pupils send back info as to what happened in their lives! I will let you know when it is live.

Thanks once again for your time and help.

Trev


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

was set to XHTML 1.0 Transitional. When I published the page it was set in the Document Setup (in my Freeway) to output as HTML 4.01 Transitional.

Not sure that matters but you can change individual pages within FW in the inspector. Page Inspector with nothing selected on the page, 3rd Tab 1st selector HTML:

and a question Mark in each when I uploaded

Can you post a link - or email it to me if you dont want to share with the world.

As far as modding the CSS goes - yes that should be doable. What size/colour do you want?

D


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

Thanks David

Sorry I should have explained a little more clearly - I sorted the output to match the page output HTML. So all is well there and working fine.

CCS - I think about 12pt and a light blue say 8CCDFF
Text as it is looks a bit overpowering.

Thanks once again

Trev


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

OK revisit the example http://www.deltadesign.co/examples/slider2.html

This is the changed part

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

I am also assuming that you have changed the links to the images in your version of the unitip.css file to point to the unitip images on your server (and not mine!)

D


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

Thanks Dave

Excellent - as usual!

Yes I rememberd about the image links.

Regards

Trev


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