scotchegg78 Posted June 4, 2008 Share Posted June 4, 2008 HI guys. I need to create a contact us page where the user rolls over a map of the british isles and when they hover over one of many spots on the map where their is an office marked the details of the office pop up somewhere on screen. In dreamweaver i can create shap maps on jpegs and then have to play with JS to get it working i guess. Just wondering if this is the best way or if there is anything easier to use? thanks Quote Link to comment Share on other sites More sharing options...
arianhojat Posted June 4, 2008 Share Posted June 4, 2008 Flash is cool if you can do that. never tried this, but looks cool and configurable if u know a lil flash and stuff: http://backspace.com/mapapp/ but i think since there is no meaty info, Leaving this info in image is prob fine. might want to google css image maps (http://www.alistapart.com/articles/imagemap/), but i think not needed in this case. Quote Link to comment Share on other sites More sharing options...
scotchegg78 Posted June 4, 2008 Author Share Posted June 4, 2008 hi thanks alot for taking the time to reply. I can not use flash in this instance. So its JS or CSS image map. JS is still alien to me! so i will look into CSS image maps and see how i get on thanks Quote Link to comment Share on other sites More sharing options...
rhodesa Posted June 4, 2008 Share Posted June 4, 2008 While Flash allows you to do fancier stuff, image maps are a perfectly acceptable alternative. Quote Link to comment Share on other sites More sharing options...
scotchegg78 Posted June 4, 2008 Author Share Posted June 4, 2008 the css maps i have seen so far could be a bit of a stress. i have 18 locations to plot on my map. Doing these my hand working out coords and then the coords to display a block of text in teh same place could be a bit of a stress! JS may be the answer after all, and I deally if i could find a way to place pins on a map based on thier Lat and Long it would be great! Quote Link to comment Share on other sites More sharing options...
scotchegg78 Posted June 4, 2008 Author Share Posted June 4, 2008 I need to load my coords from a db, conver the Lats and Longs etc. Hovre is i use a CSS map i can not do this can i? as they are in the CSS file as style properties? So i need to use a HTML image map right? But can i use JS mouse over with this?! oh so stressed! Quote Link to comment Share on other sites More sharing options...
rhodesa Posted June 4, 2008 Share Posted June 4, 2008 Image maps are HTML, and you can use PHP to generate them. Sounds like this would be a good use of the Google or Yahoo Maps API too! Quote Link to comment Share on other sites More sharing options...
scotchegg78 Posted June 4, 2008 Author Share Posted June 4, 2008 but can i use JS on a HTML map to create my rollover effect and pop up my DB content?! mouseover etc? Quote Link to comment Share on other sites More sharing options...
rhodesa Posted June 4, 2008 Share Posted June 4, 2008 Sure, you can attach onmouseover events to AREA tags Quote Link to comment Share on other sites More sharing options...
scotchegg78 Posted June 4, 2008 Author Share Posted June 4, 2008 Ok then i think i nearly have a plan!! One last possible issue, I want to show the areas on the image,HTML area tags are normally hidden, how can i add an image to the area? i have tried something like <style type="text/css"> .spot{ background-image:url(spot.gif); </style> } <area ... class="spot"> But this does not work Quote Link to comment Share on other sites More sharing options...
rhodesa Posted June 5, 2008 Share Posted June 5, 2008 I don't think AREAs can have backgrounds. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.