City info on map - Post ID 163288

User 2240664 Photo


Registered User
11 posts

Sorry, newbie here.

I have a map that when I mouseover/click on the city names I want statistical info to show for that city (ie population, sq. mile, etc.) without leaving that page.

I tried to make a DHTML menu so that the city name was the root menu and the stats were the submenu. Then I put it into my page using a HTML object. Worked fine for the first city (previewed just the way I wanted it). The next city I tried to do looked fine until I previewed and then the everything for City 2 was in the City 1 location and there wasn't anything in the City 2 location and City 1 disappeared.

What's going on?

I don't no HTML, but I'm willing to learn if someone steps me through. I did modify the HTML so that the position was relative instead of absolute. Right now I'm working in VSD.

Thanks for any help
User 187934 Photo


Senior Advisor
20,271 posts

How about something like this.:)
http://www.vertigo-project.com/files/vTip/example.html

I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 117361 Photo


Ambassador
6,076 posts

Got a web address that we can look at? That would give us all a clearer picture of where your problem lies.
User 2240664 Photo


Registered User
11 posts

@ Eric That would work. How do I use it???

@ Janys It's not published yet. I haven't tackled that hurdle yet.

Here is an example of what I want to do. http://www.lonelyplanet.com/usa/rocky-mountains/idaho Click on "Show Map". Where the flags come up with the name of the area/city I want to also have things like population, sq miles, etc.
User 117361 Photo


Ambassador
6,076 posts

SVEDC-SCC
That is easy-peasy...you just go sign up with Google and create yourself a Google map of the area which interests you. Every location can have a little flag and pop up box with further information.
Here is an example of one I did for an art gallery
http://nuke.nuovaicona.com/Exhibitions160160Events/Map160of160Venice160Events/tabid/506/Default.aspx
If you click on the link below the map you are taken to an enlarged version where you will find a couple of flags to click on. Every time I need to change the information I just go into my Google maps and update the map.
User 2240664 Photo


Registered User
11 posts

Eric,
I looked at your website and the "show image on mouseover" would work. I will just put the city info in to an image. Problem: I tried to change the image, but I can't get it to find the image that I want. What am I doing wrong? How do I point it to the image?
User 187934 Photo


Senior Advisor
20,271 posts

Hi SVEDC, Put a HTML box on your page then paste the code to the body html. Now in VSD click on "Edit" then "Add Files". Create a new folder for your images then click on the folder and browse to the images that you want to add. Now go to the code that's in the html box and tweak the src to match the name of the folder and of the images that you just added.

In my example the src is this.
<img src="pictures/chip-color-collarprofile.jpg">
The folder I added is "pictures" and the image I added to that folder is named "chip-color-collarprofile.jpg". Change those to meet you folder and file name.

That's it.:)
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2240664 Photo


Registered User
11 posts

Got it. Thank you soooo much!
User 187934 Photo


Senior Advisor
20,271 posts

Great! Have fun with your new discovery.:)
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2240664 Photo


Registered User
11 posts

Maybe I don't got it.

I created the first City: Prichard and it's mouseover image. Everything worked fine.

Then I did the same thing for city 2: Murray and it's mouseover image (of course changing the image file).

The preview does this:
Mouseover Prichard = Prichard info image (just what I want)
Mouseover Murray = Prichad info image in the location of the Prichard mouseover, not Murray's, no way to get Murray info image to appear. (Not what I want)

When I view the HTML code in Firebug, the image for Murray's info with appear when I mouseover the file, so I know that I've got the right file. It seems like the two HTML objects are conflicting/getting confused (I know I am very confused!:/)

Why does this get complicated with more than one HTML object? I have about a dozen cities to do.

Help??

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.