Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations MikeeOK on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Creating Balloons or pop-ups in dw8

Status
Not open for further replies.

lkips

Technical User
Mar 27, 2007
1
CA
Hi
I am creating a site that uses a map. When users run the mouse over a specific location I would like a balloon (not sure if this is actually what it is called) to pop-up with a picture, a brief description of the picture and a link to another page. How do I do this?
Thanks in advance
Lkips
 
This is will have to be done with Javascript, and CSS.

Use a DIV and CSS to make the pop-up look the way you want to.
Then via javascript use the OnMouseOver to change the display to visible dynamically.

Code:
.mypopup_visible{
width:200px;
height:200px;
border:...;
etc...
display:block;

}

.mypopup_hidden{
display:none;
}

<div id="mypopup" class="mypopup_hidden">
<img src="">
<a href...>link</link>
</div>

[green]\\on your mouse over location, it can be a link inn the map something like[green]

<a href="#" onmouseover="mypopup.classname='mypopup_visible'" onmouseout="mypopup.classname='mypopup_hidden'">Hover Here</a>

You can do it on an image map section or whatever you are using as the map.

Hope this helps

----------------------------------
Ignorance is not necessarily Bliss, case in point:
Unknown has caused an Unknown Error on Unknown and must be shutdown to prevent damage to Unknown.
 
essentially look into what DW refers to as 'show/hide layers'
vacunita gave u a demo code but if you want more >


All the best!

:--------------------------------------:
fugitive.gif


All around in my home town,
They tryin' to track me down...
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top