Mapa clicable para formulario
Compatibilidad:
Ms Internet Explorer
,
Netscape
Este script permite asociar un mapa clicable a un formulario html.
[
Muestra el ejemplo práctico
]
el código para insertar en tu página
<!-- w w w . h t m l p o i n t . c o m --> <HTML> <HEAD> <!-- Código descargado gratuitamente de HTMLpoint, el sitio italiano del web publishing http://www.htmlpoint.com --> <TITLE>Ejemplos Javascript: ejemplo práctico </TITLE> <SCRIPT language="javascript"> <!-- function country(value) { document.world.country.value=value; } // --> </SCRIPT> <MAP name="world"><AREA shape="polygon" coords="42,65,40,52,52,41,52,27,22,34,43,19,68,11,145,4,130,42,85,78,64,77,59,70,56,70,54,67,48,67,43,63" href="javascript:country('North America')" onMouseOver="window.status='North America'; return true" onMouseOut="window.status='';return true"> <AREA shape="polygon" coords="41,62,40,82,62,107,81,109,83,105,72,80,61,77,58,71,51,68,41,64" href="javascript:country('Mexico & Central America')" onMouseOver="window.status='Mexico & Central America'; return true" onMouseOut="window.status=''; return true"><AREA shape="polygon" coords="81,108,92,96,115,108,140,135,131,172,118,196,126,214,118,218,95,194,90,156,73,131,83,106" href="javascript:country('South America')" onMouseOver="window.status='South America'; return true" onMouseOut="window.status=''; return true"><AREA shape="polygon" coords="72,78,89,77,106,78,114,103,109,104,92,94,82,98,72,78,80,77" href="javascript:country('Caribbean')" onMouseOver="window.status='Caribbean'; return true" onMouseOut="window.status=''; return true"><AREA shape="polygon" coords="170,111,159,95,167,68,188,58,200,59,207,65,227,68,233,82,243,98,255,103,246,125,240,126,239,117,236,114,226,115,217,112,205,120,197,118,185,113,172,117,170,111" href="javascript:country('Northern Africa')" onMouseOver="window.status='Northern Africa'; return true" onMouseOut="window.status=''; return true"><AREA shape="polygon" coords="196,119,196,129,201,139,199,163,208,186,228,179,250,165,253,144,240,127,238,117,227,115,218,113,202,119,195,118" href="javascript:country('Southern Africa')" onMouseOver="window.status='Southern Africa'; return true" onMouseOut="window.status=''; return true"><AREA shape="polygon" coords="179,61,173,54,179,43,177,28,190,24,191,32,211,31,214,36,215,39,221,45,218,57,212,59,202,60,186,58,180,62" href="javascript:country('Europe')" onMouseOver="window.status='Europe'; return true" onMouseOut="window.status=''; return true"><AREA shape="polygon" coords="217,62,224,50,241,52,247,59,258,57,261,59,272,58,274,65,264,77,260,91,246,99,239,91,226,67,219,59" href="javascript:country('Southwest Asia; Middle East')" onMouseOver="window.status='Southwest Asia; Middle East'; return true" onMouseOut="window.status=''; return true"><AREA shape="polygon" coords="232,49,220,44,213,30,234,16,232,12,264,4,328,13,350,14,357,22,350,26,359,38,354,41,340,26,327,27,329,31,341,36,338,50,330,40,315,35,314,39,290,38,280,41,275,56,262,59,248,58,240,51,232,49" href="javascript:country('Former Soviet Republic')" onMouseOver="window.status='Former Soviet Republic'; return true" onMouseOut="window.status=''; return true"><AREA shape="polygon" coords="275,56,282,42,298,37,310,40,317,33,339,45,342,61,335,84,323,85,313,84,305,71,300,76,282,66,276,57" href="javascript:country('East Asia; China')" onMouseOver="window.status='East asia; China'; return true" onMouseOut="window.status=''; return true"><AREA shape="polygon" coords="211,31,217,22,218,14,205,13,192,25,192,32,212,29" href="javascript:country('Europe')" onMouseOver="window.status='Europe'; return true" onMouseOut="window.status=''; return true"><AREA shape="polygon" coords="232,16,218,13,213,30,233,17" href="javascript:country('Former Soviet Republics')" onMouseOver="window.status='Former Soviet Republics'; return true" onMouseOut="window.status=''; return true"><AREA shape="polygon" coords="264,79,274,63,273,57,282,64,298,73,307,73,302,85,294,115,278,101,264,78" href="javascript:country('South Asia; India')" onMouseOver="window.status='South Asia; India'; return true" onMouseOut="window.status=''; return true"><AREA shape="polygon" coords="302,86,317,134,341,143,359,141,371,139,374,122,344,84,314,84,308,76,302,87" href="javascript:country('Southeast Asia; Northern Oceania')" onMouseOver="window.status='Southeast Asia; Northern Oceania'; return true" onMouseOut="window.status=''; return true"><AREA shape="polygon" coords="342,142,318,173,329,193,375,208,399,198,398,124,374,126,371,139,339,144" href="javascript:country('Australia; Oceania')" onMouseOver="window.status='Autsralia; Oceania'; return true" onMouseOut="window.status=''; return true"><AREA shape="polygon" coords="81,236,141,221,160,229,313,222,335,234,306,243,99,243,79,236" href="javascript:country('Antarctica')" onMouseOver="window.status='Antarctica'; return true" onMouseOut="window.status=''; return true"><AREA shape="polygon" coords="18,33,0,48,2,200,50,230,79,238,117,217,94,194,89,154,73,128,80,109,61,107,38,80,41,64,40,50,50,42,50,29,18,35,0,47" href="javascript:country('Pacific Region; Hawaii')" onMouseOver="window.status='Pacific Region; Hawaii'; return true" onMouseOut="window.status=''; return true"><AREA shape="polygon" coords="145,3,145,27,182,13,241,9,262,3,144,3" href="javascript:country('Arctic Region')" onMouseOver="window.status='Arctic Region'; return true" onMouseOut="window.status=''; return true"><AREA shape="polygon" coords="144,9,146,25,194,12,204,13,193,23,175,28,178,40,173,55,176,60,165,72,159,97,172,116,194,118,199,145,199,165,210,186,208,224,203,226,160,230,137,219,124,214,118,196,133,167,140,133,110,103,106,78,90,76,132,40,143,9,146,26" href="javascript:country('Atlantic Region')" onMouseOver="window.status='Atlantic Region'; return true" onMouseOut="window.status=''; return true"><AREA shape="polygon" coords="342,35,359,46,356,66,343,70,341,64,341,44,343,37" href="javascript:country('Japan')" onMouseOver="window.status='Japan'; return true" onMouseOut="window.status=''; return true"><AREA shape="polygon" coords="210,187,208,227,312,222,337,234,384,216,395,201,369,208,326,193,317,170,340,144,315,131,302,87,294,114,277,100,263,79,260,95,246,99,256,103,247,125,240,126,255,146,250,168,209,186,209,224" href="javascript:country('Indian Ocean')" onMouseOver="window.status='Indian Ocean'; return true" onMouseOut="window.status=''; return true"><AREA shape="polygon" coords="335,83,341,69,357,65,359,45,356,35,353,25,362,19,398,38,397,121,374,125,374,120,344,85,335,83,341,69" href="javascript:country('Pacific Region')" onMouseOver="window.status='Pacific Region'; return true" onMouseOut="window.status=''; return true"><AREA shape="default" nohref></MAP> </HEAD> <BODY bgcolor="white"> <CENTER><FORM ENCTYPE="text/plain" NAME="world" ACTION="mailto:your_e-mail@goes.here?subject=Survey (or whatever)" METHOD="POST"></CENTER> <CENTER><FONT SIZE=+1>Tu nombre:</FONT></CENTER> <CENTER><INPUT TYPE="text" name="name" size="50"></CENTER> <CENTER><FONT SIZE=+1>Tu e-mail:</FONT></CENTER> <CENTER><INPUT TYPE="text" name="e-mail" size="50"></CENTER> <CENTER><FONT SIZE=+1>Tu portada:</FONT></CENTER> <CENTER><INPUT TYPE="text" name="home page" value="http://" size="50"></CENTER> <CENTER><FONT SIZE=+1>¿De dónde eres?</FONT></CENTER> <CENTER>Pincha en tu región.</CENTER> <CENTER><IMG USEMAP="#world" SRC="world.gif" BORDER=0 HEIGHT=244 WIDTH=400></CENTER> <CENTER><INPUT TYPE="text" name="country" size="50"></CENTER> <CENTER><FONT SIZE=+1>Comentarios:</FONT></CENTER> <CENTER><TEXTAREA name="comments" wrap="virtual" rows=6 cols=48>
