Hyperlinks

[rgaetos]

Is there a way to make different parts of a picture different hyperlinks. I have this page,

http://www.richardson.parocys.org/parocys.htm

and would like each place on the maps to be hyperlinks. It is one picture.

 

[BabyJeffy]

Here's a link that should help you out...

http://www.w3schools.com/tags/tag_map.asp

Check out google as well... look for a tool to let you make client side image maps using point and click (many are out there - and free).

Cheers,
Jeff

[tt]Jeff's Page @ Code Couch

http://www.codecouch.com/jeff/blog/

http://www.coedit.co.uk/

[/tt]

What is Javascript? FAQ216-6094

 

[Vragabond]

You can simply use an imagemap (

http://www.w3.org/TR/REC-html40/struct/objects.html#h-13.6)

or if you want to be fancier the new css image maps:

http://www.frankmanno.com/ideas/css-imagemap/

http://alistapart.com/articles/imagemap

http://www.cssplay.co.uk/menu/imap.html

 

[traingamer]

Absolutely. You need to define image maps in your html. One place for info is html goodies or just google 'html image map'.

Greg
"Personally, I am always ready to learn, although I do not always like being taught." - Winston Churchill

 

[traingamer]

You guys are too fast for me.

Greg
"Personally, I am always ready to learn, although I do not always like being taught." - Winston Churchill

 

[rgaetos]

Thanks for the quick input guys I really appreciate it. Is do you know of a site that will help create the code for me? I am on a computer where installing programs is prohibited.

 

[vacunita]

You don't need to install any programs, if you can open up notepad and paint in windows, or any text editor and any image editor to get the correct coordinates for the different parts,
you can create your imagemap.

All you need to do is define the areas that will be clickable.

[green]<map name="map1">[/green]
[red]<area shape="circle" coords="183,176,22" href="link101.html"[/red]
<area shape="rect" coords="48,320,121,345" href="link102.html">
<area shape="rect" coords="243,320,306,345" href="link103.html">
<area shape="default" nohref></map>
[blue]<img src="YourImage.gif" border="0" usemap="#map1" alt="Put Your
Text Here." width="354" height="450">[/blue]

[green]This is the start tag for the map. it needs to have a name[/green]

[red]This is the definition of an area in the map, that can be clickable[/red]

[blue]This is the actuall image, with a usemap property that points to the map created previously.[/blue]



----------------------------------
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.

 

[rgaetos]

Here is the code I got, but can't get it to work.

<map NAME="ParoMap">
<area SHAPE="RECT" COORDS="247,37 380,53" HREF="[URL unfurl="true"]http://www.wainwright.parocys.org"[/URL] ALT="Fort Wainwright CYS Home Page"> 
<area SHAPE="RECT" COORDS="382,55 485,68" HREF="[URL unfurl="true"]http://www.greely.parocys.org"[/URL] ALT="Fort Greely CYS Home Page">
<area SHAPE="RECT" COORDS="374,102 505,119" HREF="[URL unfurl="true"]http://www.richardson.parocys.org"[/URL] ALT="Fort Richardson CYS Home Page">
<area SHAPE="RECT" COORDS="24,232 129,263" HREF="[URL unfurl="true"]http://www.zama.parocys.org"[/URL] ALT="Camp Zama/Sagamihara CYS Home Page">
<area SHAPE="RECT" COORDS="527,248 762,279" HREF="[URL unfurl="true"]http://www.hawaii.parocys.org"[/URL] ALT="Hawaii CYS Home Page">
<area SHAPE="RECT" COORDS="563,344 716,365" HREF="[URL unfurl="true"]http://www.kwajalein.parocys.org"[/URL] ALT="Kwajalein CYS Home Page">
<img src="ParoCYSHome.jpg" border=0 width=768 height=565 usemap="#ParoMap">
</img>
</map>

 

[vacunita]

You are missng quite a few commas in between the coordinates.

Other than that, it works for me, I can click on the different areas.





----------------------------------
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.

 

[rgaetos]

I got it to work. Thansks everyone for all the quick repsonses.