HTML - Formulario Dinámico con Imágenes

   
Vista:

Formulario Dinámico con Imágenes

Publicado por Carlos García (4 intervenciones) el 07/10/2008 03:00:17
Holas

Si se puede utilizar una imagen como botón SUBMIT en un Formulario....
Me gustaría saber cómo hacer para utilizar un mapa de imagen para que cuando se pulse en un hipervínculo determinado (contenido en la imagen), los datos sean envíados a la página respectiva de proceso.

Ahora también tengo la duda de cómo se configura el atributo ACTION del elemento FORM, dado que se va a utilizar un envío dinámico de los datos dependiendo del hipervínculo que se active en la imagen.

Gracias

Carlos García
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de ScriptShow

RE:Formulario Dinámico con Imágenes

Publicado por ScriptShow (311 intervenciones) el 08/10/2008 12:20:53
Saludos Carlos,

veamos un ejemplo para entender el proceso:

<p align="center">
<img src="mapimg.jpg" alt="Imagen Mapa" width="400" height="120" border="0" usemap="#mapdat.map">
<form name="myform" metod="post" action="la-pagina-de-proceso">
<input type="text" name="conten" size="28" value="" style="border:1px solid">
</form>
</p>

<script language="javascript">
<!--
function infotext(dats){
document.myform.conten.value = dats;
}
// -->
</script>

<map name="mapdat.map">
<area shape="polygon" onMouseOver="infotext('Contenido Imagen 1')" onMouseOut="infotext('')" onClick="document.myform.submit()" alt="Info 1" coords="100,4,195,25,196,26,198,75,101,77" href="javascript:void(0)">
<area shape="polygon" onMouseOver="infotext('Contenido Imagen 2')" onMouseOut="infotext('')" onClick="document.myform.submit()" alt="Info 2" coords="206,2,209,19,209,63,203,97,173,120" href="javascript:void(0)">
<area shape="polygon" onMouseOver="infotext('Contenido Imagen 3')" onMouseOut="infotext('')" onClick="document.myform.submit()" alt="Info 3" coords="356,25,359,75,289,77,290,23,358,24" href="javascript:void(0)">
<area shape="default" nohref>
</map>

Con esto nos daremos una idea general del asunto. Avisa si precisas algo más concreto.

Espero te sea útil.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar