Tooltip

Poster: ecg921 __at__ gmail.com
Dated: Monday May 1 2006 - 22:54:27 BST

I'm just wondering if the upcoming new tooltip will be able to position itself correctly and be fully visible even if the menu, html, image, or whatever it is attached to is close to the edge of the window.

I am trying to use the tooltip in an IFrame and it is not capable of telling when the item it is attached to is close to the edge of the frame, so, it will be partially hidden sometimes when it displays. I have seen tooltips that can find the four corners of the display window and adjust itself to be fully visible even if the item it is attached to is close to an edge.

Thanks,

Eric

Poster: Andy
Dated: Tuesday May 16 2006 - 17:49:22 BST

Hi,

The tooltips should automatically be adjusted based on screen real estate.

If there is insufficient space the tooltip should move

Tooltip

Poster: ecg921 __at__ gmail.com
Dated: Tuesday May 16 2006 - 17:59:36 BST

Turns out I was using an older version of the tooltip. I downloaded the latest version and it works when the tooltip point is close to the left or right edge but not when the tooltip is close to the top.

I have my tooltip appearing at the top right of some icons on the page. If the icon is close to the top, the tooltip is not completely visible. The page within the iframe is set for no margins or padding, so, the page should be at the top of the IFrame. I don't know what is going on.

Thanks,

Eric

Poster: Andy
Dated: Tuesday May 16 2006 - 18:03:44 BST

Oh, top edge might be a problem - if you've got a URL that we can see, I'll see if there is a workaround

Cheers,
Andy

Tooltip

Poster: ecg921 __at__ gmail.com
Dated: Tuesday May 16 2006 - 22:10:49 BST

I put up a proof-of-concept/development site at:

http://208.206.232.31/overlandpark/index.aspx

The map, the toggle switches, and the three links above the toggle switches reside in an IFrame. Move one of the camera icons close to the top of the map using the controls in the upper left hand corner of the map, or drag the map to where you want it, then rollover the camera icon. The tooltip should only be partially visible.

If it doesn't work up top, then I would guess it wouldn't work on bottom if the tooltips were set to display below the icon and the icon was close to the bottom of the map.

Oh yeah, another thing that would be useful is some sort of time control for the tooltip closure or something that would make it practical to add a link inside the tooltip. I had to create my own timers for closing the tooltp so the user would have enough time to click on the "Show Video" in some of the camera icon's tooltip.

BTW, we only want to use the toolitp for this project. We are putting together some ASP.NET pages that the client will wrap with a Cold Fusion page and an IFrame.

Thanks,

Eric

Poster: Andy
Dated: Thursday May 18 2006 - 16:22:28 BST

Not being too familiar with Google maps - how are you getting the camera icons added to them, is there some kind of Google code for this?

The problem I see is that the menu is using the browser window dimensions when it should be using the IFRAME's dimensions.

I will need to get the Google maps and your camera coordinates to work on our local machine but Google says I can't use them on a URL other then your URL.

If you could tell me about how to get Google maps installed and modified like what you have done, I'll see what I can do, this is a very useful addition to the menu

Tooltip

Poster: ecg921 __at__ gmail.com
Dated: Thursday May 18 2006 - 17:45:12 BST

You have to have a free Google Map API Key that matches your URL. For instance if you want to run on localhost. You would enter http://localhost and Google will generate a key. If you want to run on 127.0.0.1 then it would be http://127.0.0.1. You don't need the virtual directory it is running in. So, I have a key for http://208.206.232.31.

Go to the link below, generate a key, and in the map.aspx page replace the key value in <script src="http://maps.google.com/maps?file=api&amp;v=2.x&amp;key=ABQIAAAAclrkvNJJe9k8e938UHpD3hT2yXp_ZAY8_ufC3CFXhHIE1NvwkxQL8rXJDWC8QNnoP3Yurr8y8uTwDQ"
type="text/javascript">.

http://www.google.com/apis/maps/signup.html

The map.aspx page is the one you want running in an IFrame and it has some extra script in there from another tooltip I was trying. That script isn't required.

There is all kinds of documentation out there. Just Google "Google Maps" and you should find plenty of stuff. I am using version 2 so make sure you read about that as things have changed between version 1 and version 2.

Essentially though you have to create some objects using the Google Map API and with the correct functions you can add the icons. If you do a Save As on my demo, you should get all the files needed. If not, just let me know and I will help. Some of the files are hacks on the Google API that takes care of some of the "drudge" work. For example, markergroup.js. When you do the save, I believe you will download a file called "map" with no extension. That comes from the script link seen above with the key value. The official documentation on the API is at http://www.google.com/apis/maps/documentation/.

My site is DB driven so it really wouldn't do any good to zip up the source and send it to you. If you do a "Save As" you should get everything you need including the coordinates and script that adds the icons. If not, let me know and I will do the save and send you a zip file.

As as far as "using the browser window dimensions", if that were the case then why doesn't it work for the right and left edges of the IFrame?

BTW, ASP.NET 2.0 by default runs under a XHTML 1.0 DocType standard. The Milonic Menu doesn't seem to work under this standard. To make it work, the standard has to be switched to HTML 4.0, but that is another issue.

I have been doing some pretty cool stuff with the Milonic stuff and Google Maps but most of it is intranet.

Just let me know if I can be any more help.

Thanks,

Eric