Foros del Web » Estrategias Digitales y Negocios Online » Negocios »

Campo de formulario flotante

Estas en el tema de Campo de formulario flotante en el foro de Negocios en Foros del Web. Buenas! Estoy haciendo una web con Photoshop+Dreamweaver. Una vez terminado el diseño con Photoshop, me dispongo a terminar la web con Dreamweaver. Solo me hace ...
  #1 (permalink)  
Antiguo 28/08/2011, 09:52
 
Fecha de Ingreso: agosto-2011
Mensajes: 4
Antigüedad: 6 años
Puntos: 0
Campo de formulario flotante

Buenas! Estoy haciendo una web con Photoshop+Dreamweaver.
Una vez terminado el diseño con Photoshop, me dispongo a terminar la web con Dreamweaver. Solo me hace falta lo siguiente:
En el rectángulo marrón quiero que cualquiera pueda escribir su e-mail pero no se como hacerlo.
Tampoco sé como mandar a la palabra "enviar" que me envíe el correo escrito a mi e-mail sin necesidad de un cliente de correo. No se si me he explicado.

Aquí dejo el código. En rojo marco la zona del rectángulo y en azul la zona del botón "enviar".
Código:
<html>
<head>
<title>web</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
<!--
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="MM_preloadImages('imagenes/web_03_activated.jpg','imagenes/web_06_activated.jpg','imagenes/web_08_activated.jpg','imagenes/web_10_activated.jpg','imagenes/web_19_activated.jpg','imagenes/web_21_activated.jpg','imagenes/web_27_activated.jpg','imagenes/web_30_activated.jpg','imagenes/web_32_activated.jpg','imagenes/web_12_activated.jpg','imagenes/web_14_activated.jpg','imagenes/web_17_activated.jpg')">
<!-- ImageReady Slices (web.psd) -->
<table id="Tabla_01" width="1009" height="801" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td colspan="16">
			<img src="imagenes/web_01.jpg" width="1000" height="207" alt=""></td>
		<td width="10">
			<img src="imagenes/espacio.gif" width="1" height="207" alt=""></td>
	</tr>
	<tr>
		<td colspan="2" rowspan="12">
			<img src="imagenes/web_02.jpg" width="41" height="409" alt=""></td>
		<td colspan="3"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image66','','imagenes/web_03_activated.jpg',1)"><img src="imagenes/web_03.jpg" name="Image66" width="230" height="30" border="0"></a></td>
<td colspan="11" rowspan="2">
			<img src="imagenes/web_04.jpg" width="729" height="43" alt=""></td>
		<td>
			<img src="imagenes/espacio.gif" width="1" height="30" alt=""></td>
	</tr>
	<tr>
		<td colspan="3">
			<img src="imagenes/web_05.jpg" width="230" height="13" alt=""></td>
		<td>
			<img src="imagenes/espacio.gif" width="1" height="13" alt=""></td>
	</tr>
	<tr>
		<td colspan="4"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image67','','imagenes/web_06_activated.jpg',1)"><img src="imagenes/web_06.jpg" name="Image67" width="244" height="37" border="0"></a></td>
<td colspan="10" rowspan="3">
			<img src="imagenes/web_07.jpg" width="715" height="85" alt=""></td>
		<td>
			<img src="imagenes/espacio.gif" width="1" height="37" alt=""></td>
	</tr>
	<tr>
		<td colspan="4"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image68','','imagenes/web_08_activated.jpg',1)"><img src="imagenes/web_08.jpg" name="Image68" width="244" height="42" border="0"></a></td>
<td>
			<img src="imagenes/espacio.gif" width="1" height="42" alt=""></td>
	</tr>
	<tr>
		<td colspan="4">
			<img src="imagenes/web_09.jpg" width="244" height="6" alt=""></td>
		<td>
			<img src="imagenes/espacio.gif" width="1" height="6" alt=""></td>
	</tr>
	<tr>
		<td colspan="4" rowspan="2"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image69','','imagenes/web_10_activated.jpg',1)"><img src="imagenes/web_10.jpg" name="Image69" width="244" height="38" border="0"></a></td>
<td width="196" rowspan="13">
			<img src="imagenes/web_11.jpg" width="196" height="465" alt=""></td>
		<td width="104" rowspan="4"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image75','','imagenes/web_12_activated.jpg',1)"><img src="imagenes/web_12.jpg" name="Image75" width="104" height="99" border="0"></a></td>
<td width="11" rowspan="13">
			<img src="imagenes/web_13.jpg" width="11" height="465" alt=""></td>
		<td colspan="2" rowspan="4"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image76','','imagenes/web_14_activated.jpg',1)"><img src="imagenes/web_14.jpg" name="Image76" width="107" height="99" border="0"></a></td>
<td colspan="5">
			<img src="imagenes/web_15.jpg" width="297" height="8" alt=""></td>
		<td>
			<img src="imagenes/espacio.gif" width="1" height="8" alt=""></td>
	</tr>
	<tr>
		<td width="13" rowspan="7">
			<img src="imagenes/web_16.jpg" width="13" height="303" alt=""></td>
		<td width="107" rowspan="4"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image77','','imagenes/web_17_activated.jpg',1)"><img src="imagenes/web_17.jpg" name="Image77" width="107" height="97" border="0"></a></td>
<td colspan="3" rowspan="7">
			<img src="imagenes/web_18.jpg" width="177" height="303" alt=""></td>
		<td>
			<img src="imagenes/espacio.gif" width="1" height="30" alt=""></td>
	</tr>
	<tr>
		<td colspan="4"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image70','','imagenes/web_19_activated.jpg',1)"><img src="imagenes/web_19.jpg" name="Image70" width="244" height="54" border="0"></a></td>
<td>
			<img src="imagenes/espacio.gif" width="1" height="54" alt=""></td>
	</tr>
	<tr>
		<td width="14" rowspan="4">
			<img src="imagenes/web_20.jpg" width="14" height="189" alt=""></td>
		<td colspan="3" rowspan="3"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image71','','imagenes/web_21_activated.jpg',1)"><img src="imagenes/web_21.jpg" name="Image71" width="230" height="42" border="0"></a></td>
<td>
			<img src="imagenes/espacio.gif" width="1" height="7" alt=""></td>
	</tr>
	<tr>
		<td rowspan="9">
			<img src="imagenes/web_22.jpg" width="104" height="366" alt=""></td>
		<td colspan="2" rowspan="4">
			<img src="imagenes/web_23.jpg" width="107" height="212" alt=""></td>
		<td>
			<img src="imagenes/espacio.gif" width="1" height="6" alt=""></td>
	</tr>
	<tr>
		<td rowspan="3">
			<img src="imagenes/web_24.jpg" width="107" height="206" alt=""></td>
		<td>
			<img src="imagenes/espacio.gif" width="1" height="29" alt=""></td>
	</tr>
	<tr>
		<td colspan="3">
			<img src="imagenes/web_25.jpg" width="230" height="147" alt=""></td>
		<td>
			<img src="imagenes/espacio.gif" width="1" height="147" alt=""></td>
	</tr>
	<tr>
		<td width="34" rowspan="6">
			<img src="imagenes/web_26.jpg" width="34" height="184" alt=""></td>
		<td colspan="3" rowspan="5"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image72','','imagenes/web_27_activated.jpg',1)"><img src="imagenes/web_27.jpg" name="Image72" width="209" height="101" border="0"></a></td>
<td colspan="2" rowspan="6">
			<img src="imagenes/web_28.jpg" width="42" height="184" alt=""></td>
		<td>
			<img src="imagenes/espacio.gif" width="1" height="30" alt=""></td>
	</tr>
	<tr>
		<td width="24" rowspan="5">
			<img src="imagenes/web_29.jpg" width="24" height="154" alt=""></td>
		<td colspan="4" rowspan="3"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image73','','imagenes/web_30_activated.jpg',1)"><img src="imagenes/web_30.jpg" name="Image73" width="254" height="51" border="0"></a></td>
<td colspan="2">
			<img src="imagenes/web_31.jpg" width="126" height="11" alt=""></td>
		<td>
			<img src="imagenes/espacio.gif" width="1" height="11" alt=""></td>
	</tr>
	<tr>
		<td width="53"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image74','','imagenes/web_32_activated.jpg',1)"><img src="imagenes/web_32.jpg" name="Image74" width="53" height="26" border="0"></a></td>
<td width="73" rowspan="4">
			<img src="imagenes/web_33.jpg" width="73" height="143" alt=""></td>
		<td>
			<img src="imagenes/espacio.gif" width="1" height="26" alt=""></td>
	</tr>
	<tr>
		<td rowspan="3">
			<img src="imagenes/web_34.jpg" width="53" height="117" alt=""></td>
		<td>
			<img src="imagenes/espacio.gif" width="1" height="14" alt=""></td>
	</tr>
	<tr>
		<td colspan="4" rowspan="2">
			<img src="imagenes/web_35.jpg" width="254" height="103" alt=""></td>
		<td>
			<img src="imagenes/espacio.gif" width="1" height="20" alt=""></td>
	</tr>
	<tr>
		<td colspan="3">
			<img src="imagenes/web_36.jpg" width="209" height="83" alt=""></td>
		<td>
			<img src="imagenes/espacio.gif" width="1" height="83" alt=""></td>
	</tr>
	<tr>
Corto la última parte del código que sino no me deja enviar el mensaje.

Un saludo y muchas gracias!

Última edición por jeacelo94; 28/08/2011 a las 10:09
  #2 (permalink)  
Antiguo 28/08/2011, 14:47
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 9 años
Puntos: 1530
Respuesta: Campo de formulario flotante

1 - necesitas de HTML input forms para tener una interfaz con el cual el cliente pueda ingresar texto y enviar un formulario

2 - requieres si o si un servidor para poder enviar el correo
__________________
¡Por favor!: usa el highlight para mostrar código
El que busca, encuentra...
  #3 (permalink)  
Antiguo 28/08/2011, 16:39
 
Fecha de Ingreso: agosto-2011
Mensajes: 4
Antigüedad: 6 años
Puntos: 0
Respuesta: Campo de formulario flotante

El punto 1 no lo he entendido. Acerca del punto 2 decirte que me refiero a que cuando una persona envíe el formulario no se le abra un cliente de correo (como outlok) para enviarme un correo sino que el correo se envíe directamente solo con pulsar "enviar".

Un saludo y muchas gracias!
  #4 (permalink)  
Antiguo 29/08/2011, 07:21
Avatar de ramonjosegn  
Fecha de Ingreso: agosto-2011
Ubicación: Colombia
Mensajes: 651
Antigüedad: 6 años
Puntos: 40
Respuesta: Campo de formulario flotante

Echa un vistazo a Jotform, quizás te dé algunas ideas
  #5 (permalink)  
Antiguo 29/08/2011, 10:29
 
Fecha de Ingreso: agosto-2011
Mensajes: 4
Antigüedad: 6 años
Puntos: 0
Respuesta: Campo de formulario flotante

Pero es que yo lo que necesito es añadir solo un campo de formulario y específicamente encima del rectángulo marrón...
  #6 (permalink)  
Antiguo 29/08/2011, 15:16
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 9 años
Puntos: 1530
Respuesta: Campo de formulario flotante

Cita:
Iniciado por jeacelo94 Ver Mensaje
El punto 1 no lo he entendido. Acerca del punto 2 decirte que me refiero a que cuando una persona envíe el formulario no se le abra un cliente de correo (como outlok) para enviarme un correo sino que el correo se envíe directamente solo con pulsar "enviar".

Un saludo y muchas gracias!
el punto 1 es claro, si no dominas ni conoces HTML es hora de que investigues

con respecto al punto 2 ¿como esperas que el navegador por si solo envié un correo?: se necesita de un SMTP, o a lo sumo de tu cliente de correo, y con el SMTP solo lo puedes implementar desde un servidor, eso es indiscutible.
__________________
¡Por favor!: usa el highlight para mostrar código
El que busca, encuentra...
  #7 (permalink)  
Antiguo 29/08/2011, 16:16
 
Fecha de Ingreso: agosto-2011
Mensajes: 4
Antigüedad: 6 años
Puntos: 0
Respuesta: Campo de formulario flotante

Si dominara el codigo HTML no me haria falta preguntar aqui, si pregunto es porque no lo conozco y pido que alguien que sí lo domine me explique, si puede, como puedo hacer lo que quiero...

De todas formas gracias por responder!!

Un saludo!!
  #8 (permalink)  
Antiguo 30/08/2011, 13:42
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 1 mes
Puntos: 361
Respuesta: Campo de formulario flotante

Hola:

Antes de mosquearte, empieza por leerte este libro Introducción a XHTML, entre otras cosas importantes aprenderás a crear formularios HTML.

Para la segunda parte, necesitarás un lenguaje de programación del lado del servidor (PHP, ASP, Java, etc) y si trabajas en local instalar en tu ordenador un servidor (Apache, IIS, etc) de lo contrario un host que admita alguno de esos lenguajes.

Saludos.

  #9 (permalink)  
Antiguo 03/09/2011, 08:35
Avatar de Artificium  
Fecha de Ingreso: enero-2011
Mensajes: 492
Antigüedad: 6 años, 7 meses
Puntos: 81
Respuesta: Campo de formulario flotante

Cita:
Iniciado por jeacelo94 Ver Mensaje
Si dominara el codigo HTML no me haria falta preguntar aqui, si pregunto es porque no lo conozco y pido que alguien que sí lo domine me explique, si puede, como puedo hacer lo que quiero...

De todas formas gracias por responder!!

Un saludo!!
Es una mala actitud, pretender que te den todo servidito sin necesidad de aprender. Talvez el tiempo se acaba amigo. Si buscas un código para copiar y pegar este no es el mejor lugar, aquí se intenta guiar a los foristas para que APRENDAN, no para hacerles la vida más fácil.

Etiquetas: diseño, flotante, html, formulario, campos
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 06:43.