maps

[designingamy]

Hello all!

I have been googling US maps using Javascript until I'm blue in the face and still can't find what I'm looking for. I want to learn how to create a US map like the following:

http://www.websitedesignerslist.com/

Can anyone point me in the right direction?

Thanks bunches,
~Amy

[designingamy]

I found a site that does it for you for a price:
http://www.fla-shop.com/us_states/usa_locator.php#
But I'm not just wanting the US, I'm wanting to do counties within a state as well. Can anyone point me in the right direction?

Thanks in advance,
~Amy

[essential]

what do u actually intend to do?

[essential]

Creating an image map is quite simple! Is this what you need?

[designingamy]

I know how to create an image map. This is what I'm wanting to learn how to do:

http://www.fla-shop.com/

~Amy

[essential]

be right back!

[essential]

Sorry but my browser is incapable to iteract with fla-shop contents! So i have no idea how it actualy works! Unles you'll explain it! So i can write some sample about it...

[designingamy]

Okay....when you mouseover a state, it lifts and changes colors and is a link to another page. You can also create at small text box that pops up beside it.

[essential]

It uses an image swap and it goes somethin like this! Just a basic example and this should go inside the head tags!

<script type="text/javascript">
<!--
var _currentEventOn = new Image();
_currentEventOn.src = 'images/someOnImage.gif'; 
var _currentEventOff = new Image();
_currentEventOff.src = 'images/someOffimage.gif'; 
var _worksOn = new Image();
_worksOn.src = 'images/anotherOnImages.gif';
var _worksOff = new Image();
_worksOff.src = 'images/anotherOffImges.gif';

function _change(myImage, _replace)
{
if ( document.images ) {
document.images[myImage].src = _replace; return true; }
}
//-->
</script>

Assuming that you have those map images in place!

<h2>
<img name="currentEvent" src="images/somepreloadedimages1.gif" usemap="#click_here" />
<map id="click_here"  name="click_here">
<area onmouseover="_change( 'currentEvent', _currentEventOn.src );" onmouseout="_change( 'currentEvent', _currentEventOff.src );" shape="rect" coords="85,73,205,110" href="#" target="_parent" alt="Current Events" />
</map>

</h2>
    <h2><img name="working" src="images/somepreloadedImages2.gif" usemap="#click__here" />
<map id="click__here" name="click__here">
<area onmouseover="_change( 'working', _worksOn.src );" onmouseout="_change( 'working', _worksOff.src );" shape="rect" coords="85,73,205,110" href="#" target="_parent" alt="Our Works" />
</h2>

it wil do some work to accomplish that! I'l take that as a new project!

[designingamy]

Wow! That will be way too much work to take on for me right now! You're talking about not just the 50 states, but the 3140 counties as well! I think I may just buy the program from them! Thanks for your response!
~Amy