Popup Tamaño , envio de formluario (consulta)

m10locura

Lanero Regular
11 Jul 2006
23
Hola, bueno tengo un problema...

Cuando uno le da al boton enviar del formulario, en teoria tendria que saltar una ventana POPUP con un tamaño , dicho tamaño lo asigo aca..

<form method="post" target="popup" action="http://forms.melodysoft.com" "window.open('http://forms.melodysoft.com', 'popup', 'scrollbars,resizable,width=400,height=400')">

pero no responde a esos parametors cuando tenemos la pagina abierta, uno le da al boton enviar, y salta un popup pero como si fuera una pagina nueva, con las opciones de maximizar, minimizar y cerrar , y con el tamaño que uno le quiera dar con las barras.

y yo lo que quiero es que salte una ventana popup con el tamañp que le asigo y solo te de la posibilidad de cerrara y no modificar su tamaño.

¿cual es el problema?
 
Lo especifique pero sigue lo mismo, aca les dejo el codigo completo de la pagina, cuando le dan a enviar sin ningun dato les tiene que saltar una pagina con un error....

mas abajo remarque en negrita el area del popup .....


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<meta name="generator" content="Web Page Maker V2">
</head>
<style type="text/css">
/*----------Text Styles----------*/
.ws6 {font-size: 8px;}
.ws7 {font-size: 9.3px;}
.ws8 {font-size: 11px;}
.ws9 {font-size: 12px;}
.ws10 {font-size: 13px;}
.ws11 {font-size: 15px;}
.ws12 {font-size: 16px;}
.ws14 {font-size: 19px;}
.ws16 {font-size: 21px;}
.ws18 {font-size: 24px;}
.ws20 {font-size: 27px;}
.ws22 {font-size: 29px;}
.ws24 {font-size: 32px;}
.ws26 {font-size: 35px;}
.ws28 {font-size: 37px;}
.ws36 {font-size: 48px;}
.ws48 {font-size: 64px;}
.ws72 {font-size: 96px;}
.wpmd {font-size: 13px;font-family: 'Arial';font-style: normal;font-weight: normal;}
/*----------Para Styles----------*/
DIV,UL,OL /* Left */
{
margin-top: 0px;
margin-bottom: 0px;
}
</style>
<style type="text/css">
a.style1:link{color:#F5F5F5;background:#FFFFFF;text-decoration: none;}
a.style1:hover{color:#8080FF;background:#FFFFFF;text-decoration: underline;}
a.style2:link{color:#FFFFFF;background:#4B79AB;text-decoration: none;}
a.style2:visited{color:#FFFFFF;background:#4B79AB;}
a.style2:active{color:#FFFFFF;background:#4B79AB;}
a.style2:hover{color:#C0C0C0;background:#4B79AB;}
a.style3:link{color:#003366;text-decoration: none;}
a.style3:visited{color:#003366;}
a.style3:hover{color:#FFFFFF;background:#4B79AB;text-decoration: underline;}
a.style4:link{color:#626262;background:#FFFFFF;text-decoration: none;}
a.style4:hover{color:#005F8C;background:#E0E0E0;text-decoration: underline;}
a.style5:link{color:#8000FF;text-decoration: none;}
a.style5:hover{background:#BCBCBC;text-decoration: underline;}
a.style6:link{color:#3A3B3D;text-decoration: none;}
a.style6:visited{color:#444444;text-decoration: none;}
a.style6:active{color:#444444;text-decoration: none;}
a.style6:hover{color:#FFFFFF;background:#9B9CB9;text-decoration: underline;}
a.style7:link{color:#FFFFFF;text-decoration: none;}
a.style7:visited{color:#FFFFFF;}
a.style7:active{color:#FFFFFF;}
a.style7:hover{color:#005F8C;text-decoration: underline;}
</style>
<style type="text/css">
div#container
{
position:relative;
width: 789px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
text-align:left;
}
body {text-align:center;margin:0}
</style>
<body bgColor="#444444">
<div id="container">
<div id="shape1" style="position:absolute; overflow:hidden; left:6px; top:594px; width:778px; height:16px; z-index:2; background-color:#CDDCE3">&nbsp;</div>
<div id="image2" style="position:absolute; overflow:hidden; left:538px; top:45px; width:4px; height:67px; z-index:3"><img src="images/ptsh.jpg" border=0 width=4 height=67></div>
<div id="image3" style="position:absolute; overflow:hidden; left:538px; top:109px; width:4px; height:67px; z-index:4"><img src="images/ptsh.jpg" border=0 width=4 height=67></div>
<div id="image4" style="position:absolute; overflow:hidden; left:538px; top:169px; width:4px; height:67px; z-index:5"><img src="images/ptsh.jpg" border=0 width=4 height=67></div>
<div id="image19" style="position:absolute; overflow:hidden; left:538px; top:352px; width:4px; height:67px; z-index:6"><img src="images/ptsh.jpg" border=0 width=4 height=67></div>
<div id="image20" style="position:absolute; overflow:hidden; left:538px; top:287px; width:4px; height:67px; z-index:7"><img src="images/ptsh.jpg" border=0 width=4 height=67></div>
<div id="image21" style="position:absolute; overflow:hidden; left:538px; top:237px; width:4px; height:67px; z-index:8"><img src="images/ptsh.jpg" border=0 width=4 height=67></div>
<div id="image22" style="position:absolute; overflow:hidden; left:538px; top:410px; width:4px; height:67px; z-index:9"><img src="images/ptsh.jpg" border=0 width=4 height=67></div>
<div id="image25" style="position:absolute; overflow:hidden; left:538px; top:458px; width:4px; height:67px; z-index:10"><img src="images/ptsh.jpg" border=0 width=4 height=67></div>
<div id="text4" style="position:absolute; overflow:hidden; left:549px; top:157px; width:181px; height:16px; z-index:12">
<div class="wpmd">
<div><font class="ws9" color="#FFFFFF" face="Tahoma"><B>Información relacionada</B></font></div>
</div>
</div>
<div id="shape4" style="position:absolute; overflow:hidden; left:545px; top:153px; width:232px; height:22px; z-index:11"><img border=0 src="images/shape20539265.gif"></div>
<div id="shape5" style="position:absolute; overflow:hidden; left:6px; top:1px; width:774px; height:43px; z-index:1"><img border=0 src="images/shape21625439.gif"></div>
<div id="text2" style="position:absolute; overflow:hidden; left:136px; top:49px; width:391px; height:36px; z-index:13">
<div class="wpmd">
<div><font class="ws9" color="#444444">Descargue una versión de evaluación por 30 días de</font><font class="ws9" color="#003366"> Aisper SL Audit</font><font class="ws9" color="#444444">,&nbsp; la cual podrá utilizar en su organización, limitada a 15 equipos.</font></div>
<div><font class="ws9" color="#444444"><BR></font></div>
</div>
</div>
<div id="text9" style="position:absolute; overflow:hidden; left:135px; top:12px; width:400px; height:30px; z-index:14">
<div class="wpmd">
<div><font class="ws14" color="#FFFFFF"><B>Descargas</B></font></div>
</div>
</div>
<div id="text16" style="position:absolute; overflow:hidden; left:10px; top:114px; width:457px; height:38px; z-index:15">
<div class="wpmd">
<div><font class="ws9" color="#333333"><B>Por favor complete el siguiente formulario para recibir la copia de evaluación.</B></font></div>
</div>
</div>
<div id="text14" style="position:absolute; overflow:hidden; left:19px; top:191px; width:138px; height:22px; z-index:16">
<div class="wpmd">
<div align=right><font class="ws9" face="Tahoma">Empresa</font></div>
</div>
</div>
<div id="text18" style="position:absolute; overflow:hidden; left:16px; top:285px; width:141px; height:15px; z-index:17">
<div class="wpmd">
<div align=right><font face="Tahoma">Web Corporativa</font></div>
</div>
</div>
<div id="text19" style="position:absolute; overflow:hidden; left:16px; top:359px; width:141px; height:20px; z-index:18">
<div class="wpmd">
<div align=right><font face="Tahoma">Dirección</font></div>
</div>
</div>
<div id="text20" style="position:absolute; overflow:hidden; left:37px; top:308px; width:120px; height:20px; z-index:19">
<div class="wpmd">
<div align=right><font face="Tahoma">País</font></div>
</div>
</div>
<div id="text22" style="position:absolute; overflow:hidden; left:37px; top:335px; width:120px; height:20px; z-index:20">
<div class="wpmd">
<div align=right><font face="Tahoma">Provincia</font></div>
</div>
</div>
<div id="text24" style="position:absolute; overflow:hidden; left:37px; top:384px; width:120px; height:20px; z-index:21">
<div class="wpmd">
<div align=right><font face="Tahoma">Código Postal</font></div>
</div>
</div>
<div id="text26" style="position:absolute; overflow:hidden; left:37px; top:262px; width:120px; height:20px; z-index:22">
<div class="wpmd">
<div align=right><font face="Tahoma">Email</font></div>
</div>
</div>
<div id="text27" style="position:absolute; overflow:hidden; left:37px; top:166px; width:120px; height:20px; z-index:23">
<div class="wpmd">
<div align=right><font face="Tahoma">Nombre y Apellido</font></div>
</div>
</div>
<div id="text28" style="position:absolute; overflow:hidden; left:37px; top:213px; width:120px; height:20px; z-index:24">
<div class="wpmd">
<div align=right><font face="Tahoma">Puesto</font></div>
</div>
</div>
<div id="text29" style="position:absolute; overflow:hidden; left:32px; top:239px; width:125px; height:20px; z-index:25">
<div class="wpmd">
<div align=right><font face="Tahoma">Teléfono</font></div>
</div>
</div>
<div id="text30" style="position:absolute; overflow:hidden; left:49px; top:407px; width:108px; height:20px; z-index:26">
<div class="wpmd">
<div align=right><font face="Tahoma">Perfil Industria</font></div>
</div>
</div>
<div id="text31" style="position:absolute; overflow:hidden; left:4px; top:454px; width:153px; height:20px; z-index:27">
<div class="wpmd">
<div align=right><font face="Tahoma">Nro. de administradores</font></div>
</div>
</div>
<div id="text32" style="position:absolute; overflow:hidden; left:22px; top:431px; width:135px; height:20px; z-index:28">
<div class="wpmd">
<div align=right><font face="Tahoma">Nro. de PCs</font></div>
</div>
</div>
<div id="image33" style="position:absolute; overflow:hidden; left:538px; top:526px; width:4px; height:67px; z-index:29"><img src="images/ptsh.jpg" border=0 width=4 height=67></div>
<div id="text8" style="position:absolute; overflow:hidden; left:605px; top:52px; width:159px; height:17px; z-index:30">
<div class="wpmd">
<div><font class="ws8" color="#003366" face="Tahoma"><B><U>Documentación relacionada</U></B></font></div>
</div>
</div>
<div id="image15" style="position:absolute; overflow:hidden; left:558px; top:57px; width:33px; height:39px; z-index:31"><img src="images/docum.JPG" border=0 width=33 height=39></div>
<div id="table2" style="position:absolute; overflow:hidden; left:606px; top:67px; width:158px; height:30px; z-index:32"><div class="wpmd">
<div><TABLE bgcolor="#FFFFFF" border=0 cellpadding=0 bordercolorlight="#C0C0C0" bordercolordark="#808080" cellspacing=0>
<TR valign=top>
<TD width=203><div class="wpmd">
<div><font class="ws8" color="#626262" face="Tahoma">Descargue el folleto y el manual </font></div>
<div><font class="ws8" color="#626262" face="Tahoma">del usuario</font></div>
</div>
</TD>
</TR>
</TABLE>
</div>
</div>
</div>
<div id="image16" style="position:absolute; overflow:hidden; left:606px; top:101px; width:13px; height:8px; z-index:33"><img src="images/felchaok.jpg" border=0 width=13 height=8></div>
<div id="image17" style="position:absolute; overflow:hidden; left:606px; top:121px; width:13px; height:8px; z-index:34"><img src="images/felchaok.jpg" border=0 width=13 height=8></div>
<div id="image18" style="position:absolute; overflow:hidden; left:669px; top:94px; width:17px; height:18px; z-index:35"><img src="images/pdf.JPG" border=0 width=17 height=18></div>
<div id="image24" style="position:absolute; overflow:hidden; left:669px; top:116px; width:17px; height:18px; z-index:36"><img src="images/pdf.JPG" border=0 width=17 height=18></div>
<div id="text1" style="position:absolute; overflow:hidden; left:311px; top:595px; width:181px; height:13px; z-index:37">
<div class="wpmd">
<div><font class="ws7" color="#000000" face="Verdana">Aisper © 2006 Todos los derechos reservados.</font></div>
</div>
</div>
<div id="ellipse1" style="position:absolute; overflow:hidden; left:161px; top:196px; width:7px; height:7px; z-index:38"><img border=0 src="images/ellipse6010437.gif"></div>
<div id="ellipse3" style="position:absolute; overflow:hidden; left:161px; top:365px; width:7px; height:7px; z-index:39"><img border=0 src="images/ellipse6197796.gif"></div>
<div id="ellipse4" style="position:absolute; overflow:hidden; left:161px; top:315px; width:7px; height:7px; z-index:40"><img border=0 src="images/ellipse6197812.gif"></div>
<div id="ellipse6" style="position:absolute; overflow:hidden; left:161px; top:341px; width:7px; height:7px; z-index:41"><img border=0 src="images/ellipse6220953.gif"></div>
<div id="ellipse9" style="position:absolute; overflow:hidden; left:161px; top:172px; width:7px; height:7px; z-index:42"><img border=0 src="images/ellipse6260546.gif"></div>
<div id="ellipse10" style="position:absolute; overflow:hidden; left:161px; top:219px; width:7px; height:7px; z-index:43"><img border=0 src="images/ellipse6260562.gif"></div>
<div id="ellipse11" style="position:absolute; overflow:hidden; left:161px; top:268px; width:7px; height:7px; z-index:44"><img border=0 src="images/ellipse6260578.gif"></div>
<div id="ellipse12" style="position:absolute; overflow:hidden; left:161px; top:244px; width:7px; height:7px; z-index:45"><img border=0 src="images/ellipse6260593.gif"></div>
<div id="ellipse13" style="position:absolute; overflow:hidden; left:161px; top:413px; width:7px; height:7px; z-index:46"><img border=0 src="images/ellipse6260609.gif"></div>
<div id="ellipse14" style="position:absolute; overflow:hidden; left:161px; top:436px; width:7px; height:7px; z-index:47"><img border=0 src="images/ellipse6260625.gif"></div>
<div id="ellipse15" style="position:absolute; overflow:hidden; left:161px; top:460px; width:7px; height:7px; z-index:48"><img border=0 src="images/ellipse6260640.gif"></div>
<div id="text6" style="position:absolute; overflow:hidden; left:624px; top:98px; width:45px; height:12px; z-index:49">
<div class="wpmd">
<div><font class="ws8" face="Verdana"><a href="http://www.aisper.com.ar/files/folletoslaudit.zip" class="style3">Folleto</a></font></div>
</div>
</div>
<div id="text11" style="position:absolute; overflow:hidden; left:624px; top:118px; width:46px; height:12px; z-index:50">
<div class="wpmd">
<div><font class="ws8" face="Verdana"><a href="http://www.aisper.com.ar/files/manualdeusuario.zip" class="style3">Manual</a></font></div>
</div>
</div>
<style>
<!--
BODY {SCROLLBAR-FACE-COLOR: #9B9CB9; SCROLLBAR-HIGHLIGHT-COLOR: #999999; SCROLLBAR-SHADOW-COLOR: #999999; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #FFFFFF; SCROLLBAR-TRACK-COLOR: #E3E3E3; SCROLLBAR-DARKSHADOW-COLOR: #666666; }
-->
</style>
<div id="image8" style="position:absolute; overflow:hidden; left:552px; top:210px; width:13px; height:8px; z-index:52"><img src="images/felchaok.jpg" border=0 width=13 height=8></div>
<div id="text10" style="position:absolute; overflow:hidden; left:569px; top:206px; width:200px; height:18px; z-index:53">
<div class="wpmd">
<div><font class="ws8" face="Tahoma"><a href="beneficios.html" class="style3">Beneficios y atributos</a></font></div>
</div>
</div>
<div id="image9" style="position:absolute; overflow:hidden; left:552px; top:231px; width:13px; height:8px; z-index:54"><img src="images/felchaok.jpg" border=0 width=13 height=8></div>
<div id="text12" style="position:absolute; overflow:hidden; left:569px; top:228px; width:200px; height:18px; z-index:55">
<div class="wpmd">
<div><font class="ws8" face="Tahoma"><a href="#" class="style3">Pantallas</a></font></div>
</div>
</div>
<div id="hr1" style="position:absolute; overflow:hidden; left:103px; top:79px; width:430px; height:16px; z-index:56">
<hr size=1 width=430 NOSHADE=true color=#9BB7B9>
</div>
<div id="shape2" style="position:absolute; overflow:hidden; left:5px; top:0px; width:780px; height:614px; z-index:0; background-color:#FFFFFF">&nbsp;</div>
<div id="image1" style="position:absolute; overflow:hidden; left:552px; top:188px; width:13px; height:8px; z-index:57"><img src="images/felchaok.jpg" border=0 width=13 height=8></div>
<div id="text3" style="position:absolute; overflow:hidden; left:569px; top:185px; width:200px; height:18px; z-index:58">
<div class="wpmd">
<div><font class="ws8" face="Tahoma"><a href="aispersla.html" class="style3">Funcionalidad</a></font></div>
</div>
</div>
<div id="image5" style="position:absolute; overflow:hidden; left:11px; top:12px; width:90px; height:76px; z-index:59; border:#E0E0E0 2px solid"><img src="images/descargas.JPG" border=0 width=86 height=72></div>
<div id="image6" style="position:absolute; overflow:hidden; left:552px; top:250px; width:13px; height:8px; z-index:60"><img src="images/felchaok.jpg" border=0 width=13 height=8></div>
<div id="text5" style="position:absolute; overflow:hidden; left:571px; top:247px; width:203px; height:35px; z-index:61">
<div class="wpmd">
<div><font class="ws8" face="Tahoma"><a href="faqs.html" class="style3">Despeje cualquier duda con las preguntas frecuentes</a></font></div>
</div>
</div>
<div id="ellipse5" style="position:absolute; overflow:hidden; left:294px; top:142px; width:7px; height:7px; z-index:62"><img border=0 src="images/ellipse3858546.gif"></div>
<div id="text7" style="position:absolute; overflow:hidden; left:306px; top:138px; width:91px; height:17px; z-index:63">
<div class="wpmd">
<div><font class="ws8" color="#444444">Datos obligatorios</font></div>
</div>
</div>
<div id="html1" style="position:absolute; overflow:hidden; left:174px; top:163px; width:316px; height:426px; z-index:64">
<form method="post" target="popup" action="http://forms.melodysoft.com" "window.open('http://forms.melodysoft.com', 'popup', 'scrollbars=no,resizable=no,width=202,height=202')">
<input type="hidden" name="id" value="formdescargas">
<input type="text" name="nombre"><br>
<input type="text" name="empresa"><br>
<input type="text" name="puesto"><br>
<input type="text" name="telefono"><br>
<input type="text" name="email"><br>
<input type="text" name="webcorporativa"><br>
<input type="text" name="pais"><br>
<input type="text" name="provincia"><br>
<input type="text" name="direccion"><br>
<input type="text" name="codigopostal"><br>
<input type="text" name="industria"><br>
<input type="text" name="pcs"><br>
<input type="text" name="administradores"><br><br>

<input type="submit" value="Enviar">
<input type="reset" value="Borrar">
</form></div>

</div>
</body>
</html>
 
toma como referencia esto:

window.open(href, windowname, 'width=400,height=200,scrollbars=no');

y entonces quedaria algo como:

<form method="post" target="popup" action="http://forms.melodysoft.com" onsubmit="window.open('http://forms.melodysoft.com', 'popup', 'scrollbars=no,resizable=no,width=202,height=202')">

fijate en lo que esta con negrilla
 
lo que yo hago aveces es esto ::

<script languaje="javascript">
function openPopup(url,name)
{
window.open(url, name, 'width=400,height=200,scrollbars=no');
};
</script>

y lo llamo desde un link

<a href="javascript:eek:penPopup('www.hotmail.com','mipopup'); ">abre popup </a>
 

Los últimos temas