Formulario

Citar

Escrito el 23 May 2009 07:14 pm

Hola tengo un problema, tengo un formulado ya creado que quiero poner en una pagina web pero cuando lo meto no me funciona y se me desmonta todo

Codigo del formulario:

Código :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<meta name="DC.Identifier" content="http://www.dw-formmailer.de/form.php" />
<meta name="DC.Rights" content="DIS dürr-internet-service" />
<meta name="GENERATOR" content="dw-FormGenerator - www.dw-formmailer.de" />
<title>dw-FormGenerator</title>
<!-- Start Code dw-Formgenerator -->
<style type="text/css">
body {
 background-color: #FFFFFF;
}
.font-big {
 font-family:Verdana, sans-serif;
 font-size:20px; font-weight:bold;
 color:#988e83;
}
.font-small {
 font-family:Verdana, sans-serif;
 font-size:10px; font-weight:normal;
 color:#988e83;
}
.table {
 background-color:#FFFFFF;
 width:90%;
}
.table2 {
 background-color:#FFFFFF;
 width:100%;
}
.head {
 background-color:#FFFFFF;
}
.main {
 background-color:#FFFFFF;
 font-family:Verdana, sans-serif;
 font-size:12px; font-weight:normal;
 color:#988e83;
}
.foot {
 background-color:#FFFFFF;
}
.align {
 text-align:right;
}
.button {
 width: 130px;
}
</style>

<script language="JavaScript" type="text/javascript" src="http://www.dw-formmailer.de/scripts/kalender1_es.js"></script>
<script language="JavaScript" type="text/javascript">
var tv=-1;
window.onLoad=page_tv();
function VerifyEmailAddress(EmailAddress) {
 if (window.RegExp) {
  var reg1str = "(@.*@)|(\\.\\.)|(@\\.)|(\\.@)|(^\\.)";
  var reg2str = "^.+\\@(\\[?)[a-zA-Z0-9\\-\\.]+\\.([a-zA-Z]{2,4}|[0-9]{1,4})(\\]?)$";
  var reg1 = new RegExp(reg1str);
  var reg2 = new RegExp(reg2str);
  if (!reg1.test(EmailAddress) && reg2.test(EmailAddress)) {
   return true
  }else {
   return false
  }
 }else {
  if (EmailAddress.indexOf("@") >= 0) {
   return true
  }else {
   return false
  }
 }
}
function rest(a,b,c,d) {
 var keyCode = d.keyCode ? d.keyCode : d.which ? d.which : d.charCode;
 if (keyCode == 38 || keyCode == 40)
  return;
 r = (b - a.value.length);
 if (r < 0)
  r = 0;
 if ( (e = document.getElementById(c)) != null)
  e.innerHTML = r;
 if (a.value.length > b) {
  a.value = a.value.substr(0,b);
 }
}
function page_tv() {
 tv++;
 window.setTimeout('page_tv()', 1000);
}
function check_form(f) {
 if (f.elements['sender_nombre'].value == '') {
  alert("Falta notica: la entrada falso \n(Nombre)");
  f.elements['sender_nombre'].focus();
  return false;
 }
 if (f.elements['sender_apellido'].value == '') {
  alert("Falta notica: la entrada falso \n(Apellidos)");
  f.elements['sender_apellido'].focus();
  return false;
 }
 if (f.elements['sender_teléfono'].value == '') {
  alert("Falta notica: la entrada falso \n(Teléfono)");
  f.elements['sender_teléfono'].focus();
  return false;
 }
 if (f.elements['sender_mail'].value=='') {
  alert("Falta notica: la entrada falso \n(Email)");
  f.elements['sender_mail'].focus();
  return false;
 }else {
  if (!VerifyEmailAddress(f.elements['sender_mail'].value)) {
   alert("Inserte una dirección-eMail válida!");
   f.elements['sender_mail'].focus();
   return false;
  }
 }
 if (f.elements['Tipo de habitación'].selectedIndex==0) {
  alert("Falta notica: la entrada falso \n(Tipo de habitación)");
  f.elements['Tipo de habitación'].focus();
  return false;
 }
 if (navigator.appName=="Microsoft Internet Explorer") {
  for (i=0;i<f.length;i++) {
   var e=f.elements[i];
   if (e.type == 'submit' || e.type == 'reset')
    e.disabled=true;
  }
 }
 if (f.elements['page_tv']) {
  f.elements['page_tv'].value = tv;
 }
 return true;
}
</script>

</head>

<body>

<form name="dwmailer" action="http://www.dw-formmailer.de/cgi-bin/dwmailer/dwmailer.pl" enctype="multipart/form-data" method="post" onsubmit="return check_form(this);">
<input type="hidden" name="page_tv" value="" />
<input type="hidden" name="required" value="sender_nombre,sender_apellido,sender_tel&eacute;fono,Tipo de habitaci&oacute;n" />
<input type="hidden" name="recipient" value="YmVuYW1hckBob3N0YWxiZW5hbWFyLmVz" />
<input type="hidden" name="language" value="es" />
<input type="hidden" name="page_background_color" value="#FFFFFF" />
<input type="hidden" name="page_font_color" value="#000000" />
<table align="center" class="table" border="0" cellspacing="1" cellpadding="3">
<tr>
<td colspan="2" class="head" height="17" width="100%" align="left"><span class="font-big">Formulario de Reserva</span></td>
</tr>
<tr>
<td class="main" colspan="2" height="16" width="100%"><span class="font-small">Por favor, rellene todos las campos marcados *. </span></td>
</tr>
<tr>
<td class="main" width="30%"><div class="align">Nombre*</div></td>
<td class="main"><input class="input" type="text" name="sender_nombre" size="20" /></td>
</tr>
<tr>
<td class="main" width="30%"><div class="align">Apellidos*</div></td>
<td class="main"><input class="input" type="text" name="sender_apellido" size="20" /></td>
</tr>
<tr>
<td class="main" width="30%"><div class="align">Tel&eacute;fono*</div></td>
<td class="main"><input class="input" type="text" name="sender_tel&eacute;fono" size="20" /></td>
</tr>
<tr>
<td class="main" width="30%"><div class="align">Fax</div></td>
<td class="main"><input class="input" type="text" name="sender_fax" size="20" /></td>
</tr>
<tr>
<td class="main" width="30%"><div class="align">Email*</div></td>
<td class="main"><input class="input" type="text" name="sender_mail" size="20" /></td>
</tr>
<tr>
<td class="main" width="30%"><div class="align">N&uacute;mero de adultos</div></td>
<td class="main"><input class="input" type="text" name="N&uacute;mero de adultos" size="20" /></td>
</tr>
<tr>
<td class="main" width="30%"><div class="align">N&uacute;mero de ninos</div></td>
<td class="main"><input class="input" type="text" name="N&uacute;mero de ninos" size="20" /></td>
</tr>
<tr>
<td class="main" width="30%"><div class="align">Tipo de habitaci&oacute;n*</div></td>
<td class="main"><select class="select" name="Tipo de habitaci&oacute;n">
<option value="">Por favor elija</option>
<option value="Habitaci&oacute;n simple">Habitaci&oacute;n simple</option>
<option value="Habitaci&oacute;n doble">Habitaci&oacute;n doble</option>
<option value="Habitaci&oacute;n de matrimonio">Habitaci&oacute;n de matrimonio</option>
<option value="Habitaci&oacute;n triple">Habitaci&oacute;n triple</option>
</select></td>
</tr>
<tr>
<td class="main" width="30%"><div class="align">Fecha de llegada</div></td>
<td class="main"><select class="select" name="Fecha de llegada" id="Fecha de llegada_day">
<option value="1.">1</option>
<option value="2.">2</option>
<option value="3.">3</option>
<option value="4.">4</option>
<option value="5.">5</option>
<option value="6.">6</option>
<option value="7.">7</option>
<option value="8.">8</option>
<option value="9.">9</option>
<option value="10.">10</option>
<option value="11.">11</option>
<option value="12.">12</option>
<option value="13.">13</option>
<option value="14.">14</option>
<option value="15.">15</option>
<option value="16.">16</option>
<option value="17.">17</option>
<option value="18.">18</option>
<option value="19.">19</option>
<option value="20.">20</option>
<option value="21.">21</option>
<option value="22.">22</option>
<option value="23.">23</option>
<option value="24.">24</option>
<option value="25.">25</option>
<option value="26.">26</option>
<option value="27.">27</option>
<option value="28.">28</option>
<option value="29.">29</option>
<option value="30.">30</option>
<option value="31.">31</option>
</select>
<select class="select" name="Fecha de llegada" id="Fecha de llegada_month">
<option value="Enero">Enero</option>
<option value="Febrero">Febrero</option>
<option value="Marzo">Marzo</option>
<option value="Abril">Abril</option>
<option value="Mayo">Mayo</option>
<option value="Junio">Junio</option>
<option value="Julio">Julio</option>
<option value="Agosto">Agosto</option>
<option value="Septiembre">Septiembre</option>
<option value="Octubre">Octubre</option>
<option value="Noviembre">Noviembre</option>
<option value="Diciembre">Diciembre</option>
</select>
<select class="select" name="Fecha de llegada" id="Fecha de llegada_year">
<option value="1979">1979</option><option value="1980">1980</option><option value="1981">1981</option><option value="1982">1982</option><option value="1983">1983</option><option value="1984">1984</option><option value="1985">1985</option><option value="1986">1986</option><option value="1987">1987</option><option value="1988">1988</option><option value="1989">1989</option><option value="1990">1990</option><option value="1991">1991</option><option value="1992">1992</option><option value="1993">1993</option><option value="1994">1994</option><option value="1995">1995</option><option value="1996">1996</option><option value="1997">1997</option><option value="1998">1998</option><option value="1999">1999</option><option value="2000">2000</option><option value="2001">2001</option><option value="2002">2002</option><option value="2003">2003</option><option value="2004">2004</option><option value="2005">2005</option><option value="2006">2006</option><option value="2007">2007</option><option value="2008">2008</option><option selected="selected" value="2009">2009</option><option value="2010">2010</option><option value="2011">2011</option><option value="2012">2012</option><option value="2013">2013</option><option value="2014">2014</option><option value="2015">2015</option><option value="2016">2016</option><option value="2017">2017</option><option value="2018">2018</option><option value="2019">2019</option><option value="2020">2020</option><option value="2021">2021</option><option value="2022">2022</option><option value="2023">2023</option><option value="2024">2024</option><option value="2025">2025</option><option value="2026">2026</option><option value="2027">2027</option><option value="2028">2028</option><option value="2029">2029</option><option value="2030">2030</option><option value="2031">2031</option><option value="2032">2032</option><option value="2033">2033</option><option value="2034">2034</option><option value="2035">2035</option><option value="2036">2036</option><option value="2037">2037</option><option value="2038">2038</option><option value="2039">2039</option></select>
<a href="javascript:kalender('Fecha de llegada');"><img align="top" border="0" src="http://www.dw-formmailer.de/images/calendar.png" width="16" height="16" title="Calendario" alt="Calendario" /></a></td>
</tr>
<tr>
<td class="main" width="30%"><div class="align">Fecha de salida</div></td>
<td class="main"><select class="select" name="Fecha de salida" id="Fecha de salida_day">
<option value="1.">1</option>
<option value="2.">2</option>
<option value="3.">3</option>
<option value="4.">4</option>
<option value="5.">5</option>
<option value="6.">6</option>
<option value="7.">7</option>
<option value="8.">8</option>
<option value="9.">9</option>
<option value="10.">10</option>
<option value="11.">11</option>
<option value="12.">12</option>
<option value="13.">13</option>
<option value="14.">14</option>
<option value="15.">15</option>
<option value="16.">16</option>
<option value="17.">17</option>
<option value="18.">18</option>
<option value="19.">19</option>
<option value="20.">20</option>
<option value="21.">21</option>
<option value="22.">22</option>
<option value="23.">23</option>
<option value="24.">24</option>
<option value="25.">25</option>
<option value="26.">26</option>
<option value="27.">27</option>
<option value="28.">28</option>
<option value="29.">29</option>
<option value="30.">30</option>
<option value="31.">31</option>
</select>
<select class="select" name="Fecha de salida" id="Fecha de salida_month">
<option value="Enero">Enero</option>
<option value="Febrero">Febrero</option>
<option value="Marzo">Marzo</option>
<option value="Abril">Abril</option>
<option value="Mayo">Mayo</option>
<option value="Junio">Junio</option>
<option value="Julio">Julio</option>
<option value="Agosto">Agosto</option>
<option value="Septiembre">Septiembre</option>
<option value="Octubre">Octubre</option>
<option value="Noviembre">Noviembre</option>
<option value="Diciembre">Diciembre</option>
</select>
<select class="select" name="Fecha de salida" id="Fecha de salida_year">
<option value="1979">1979</option><option value="1980">1980</option><option value="1981">1981</option><option value="1982">1982</option><option value="1983">1983</option><option value="1984">1984</option><option value="1985">1985</option><option value="1986">1986</option><option value="1987">1987</option><option value="1988">1988</option><option value="1989">1989</option><option value="1990">1990</option><option value="1991">1991</option><option value="1992">1992</option><option value="1993">1993</option><option value="1994">1994</option><option value="1995">1995</option><option value="1996">1996</option><option value="1997">1997</option><option value="1998">1998</option><option value="1999">1999</option><option value="2000">2000</option><option value="2001">2001</option><option value="2002">2002</option><option value="2003">2003</option><option value="2004">2004</option><option value="2005">2005</option><option value="2006">2006</option><option value="2007">2007</option><option value="2008">2008</option><option selected="selected" value="2009">2009</option><option value="2010">2010</option><option value="2011">2011</option><option value="2012">2012</option><option value="2013">2013</option><option value="2014">2014</option><option value="2015">2015</option><option value="2016">2016</option><option value="2017">2017</option><option value="2018">2018</option><option value="2019">2019</option><option value="2020">2020</option><option value="2021">2021</option><option value="2022">2022</option><option value="2023">2023</option><option value="2024">2024</option><option value="2025">2025</option><option value="2026">2026</option><option value="2027">2027</option><option value="2028">2028</option><option value="2029">2029</option><option value="2030">2030</option><option value="2031">2031</option><option value="2032">2032</option><option value="2033">2033</option><option value="2034">2034</option><option value="2035">2035</option><option value="2036">2036</option><option value="2037">2037</option><option value="2038">2038</option><option value="2039">2039</option></select>
<a href="javascript:kalender('Fecha de salida');"><img align="top" border="0" src="http://www.dw-formmailer.de/images/calendar.png" width="16" height="16" title="Calendario" alt="Calendario" /></a></td>
</tr>
<tr>
<td class="main" width="30%"><div class="align">Comentario</div></td>
<td class="main">(Caracteres restantes: <span id="count_1">2500</span>)<br /><textarea class="textarea" name="sender_comentario" id="sender_comentario" cols="35" rows="8" onkeydown="rest(this,2500,'count_1',event)" onkeyup="rest(this,2500,'count_1',event)" onchange="rest(this,2500,'count_1',event)"></textarea></td>
</tr>
<tr><td class="foot" colspan="2" align="center" height="25" width="100%"><input class="button" type="submit" value="enviar" />&nbsp;&nbsp;&nbsp;&nbsp;<input class="button" type="reset" value="retroceder" /></td></tr>
</table>
</form>
<p align="center"><span style="font-size:9px;font-family:Verdana,sans-serif;"><a href="https://www.dw-formmailer.de" target="_blank">dw-FormGenerator 5.1.0</a></span></p>
<!-- End Code dw-Formgenerator -->
</body>

</html>

Y lo quiero poner en esta web, al pricipio tiene una cabecera flash:

Código :

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="layout.css" rel="stylesheet" type="text/css" />
<script src="maxheight.js" type="text/javascript"></script>
</head>

<body id="page5" onload=" new ElementMaxHeight();">
   <div class="site_center">
      <div class="cont_padding">
         <div class="cont_color">
            <div class="bg_con_top">
               <div class="bg_con_left">
                  <div class="bg_con_right">
                     <div class="bg_con_bot">
                        <div class="y_cont_top_left">
                           <div class="y_cont_top_right">
                              <div class="y_cont_bot_left">
                                 <div class="y_cont_bot_right">
                                    <div class="cont_padding_last">
                                       <div id="header">
                                          <object class="position" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,24" width="1000" height="439">
    <param name="movie" value="flash/header_fv8.swf?button=5" />
    <param name="quality" value="high" />
   <param name="wmode" value="transparent" />
    <param name="menu" value="false" />
    <!--[if !IE]> <-->
    <object data="flash/header_fv8.swf?button=5"
            width="1000" height="439" type="application/x-shockwave-flash"> 
     <param name="quality" value="high" />
    <param name="wmode" value="transparent" />
     <param name="menu" value="false" />
     <param name="pluginurl" value="http://www.macromedia.com/go/getflashplayer" />
     FAIL (the browser should render some flash content, not this).
    </object>
    <!--> <![endif]-->
  </object>
                                       </div>
                                       <form action="" id="form1">
                                       <div id="content">
                                          <div class="width_100">
                                             <div class="col1 maxheight">
                                                <div class="indent_col1_1">   
                                                   <img alt="" class="title" src="images/page5_title1.gif" />
                                                   <p><strong>Lorem ipsum dolor</strong> sit amet, consectetuer adipiscing elit. Prae- sent vestibulum molestie lacus.</p>
                                                   <ul class="list">
                                                      <li><a href="#">Ascetur ridil muskertasr</a></li>
                                                      <li><a href="#">Nulla dui usce fgiatro derta</a></li>
                                                      <li><a href="#">Maleda odio orbi</a></li>
                                                      <li><a href="#">Duisa usce giatro keros</a></li>
                                                   </ul>
                                                   <div class="bg_more indent_more"><a href="#">read more</a></div>
                                                </div>
                                             </div>
                                             <div class="col2"><img alt="" src="images/spacer.gif" width="12" height="1" /></div>
                                             <div class="col3 maxheight">
                                                <div class="indent_col3 maxheight">
                                                   <p><img alt="" class="title" src="images/page5_title2.gif" /></p>
                                                   <div class="width_100">
                                                      <div class="box_1 line_y1 maxheight">
                                                         <strong>Personal Details</strong>
                                                         <br /><br /><div class="h_f4"><select name="menu1" class="jamp4 h4" onchange="MM_jumpMenu('parent',this,0)"><option>Salutations:</option></select></div><br class="clear" />
                                                         <div class="h_f1"><input type="text" class="input1 h1" value="Name:" /> <span>*</span></div>
                                                         <div class="h_f1"><input type="text" class="input1 h1" value="Company:" /></div>
                                                         <div class="h_f1"><input type="text" class="input1 h1" value="Email:" /></div>
                                                         <div class="h_f1"><input type="text" class="input1 h1" value="I/C or Passport No" /></div>
                                                         <div class="h_f1"><input type="text" class="input1 h1" value="Mobile Number:" /> <span>*</span></div>
                                                      </div>
                                                      <div class="box_2 maxheight">
                                                         <strong>Booking Details</strong><br />
                                                         <br /><div class="h_f11"><input type="text" class="input2 h2" value="Pick up from:" /> <span>*</span></div>
                                                         <div class="h_f11"><input type="text" class="input2 h2" value="To Destination:" /> <span>*</span></div>
                                                         <p>Pick up date</p><div class="h_f5"><select name="menu1" class="jamp5 h5" onchange="MM_jumpMenu('parent',this,0)"><option></option></select></div><div class="h_f5"><select name="menu1" class="jamp5 h5" onchange="MM_jumpMenu('parent',this,0)"><option></option></select></div><div class="h_f5"><select name="menu1" class="jamp5 h5" onchange="MM_jumpMenu('parent',this,0)"><option></option></select>&nbsp;<span>*</span></div><br class="clear" />
                                                         <p>Pick up time</p><div class="h_f5"><select name="menu1" class="jamp5 h5" onchange="MM_jumpMenu('parent',this,0)"><option></option></select></div><div class="h_f5"><select name="menu1" class="jamp5 h5" onchange="MM_jumpMenu('parent',this,0)"><option></option></select></div><div class="h_f5"><select name="menu1" class="jamp5 h5" onchange="MM_jumpMenu('parent',this,0)"><option></option></select>&nbsp;<span>*</span></div><br class="clear" />
                                                         <div class="h_f6"><select name="menu1" class="jamp6 h6" onchange="MM_jumpMenu('parent',this,0)"><option>Taxi Type:</option></select></div>
                                                         <div class="h_f6"><select name="menu1" class="jamp6 h6" onchange="MM_jumpMenu('parent',this,0)"><option>No. of passenger:</option></select></div><br class="clear" />
                                                         <span class="span1">Fields marked * are mandatory</span>
                                                      </div>
                                                      <div class="box_3 maxheight">
                                                         <textarea name="textarea" cols="35" rows="35">Remark:</textarea>
                                                         <a href="#" class="more1 indent_form2" onclick="document.getElementById('form1').reset()">Reset</a><a href="#" class="more1" onclick="document.getElementById('form1').submit()">Submit</a>
                                                      </div>
                                                      <div class="clear"></div>
                                                   </div>
                                               </div>
                                             </div>
                                             <div class="clear"></div>
                                          </div>
                                       </div>    
                                       </form>
                                       <div id="footer">
                                         Traditional Hotel &copy; 2008&nbsp; |&nbsp; <a href="index-7.html">Privacy policy</a>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</body>
</html>

Un saludo.

Por lobo-david

Claber

167 de clabLevel

Envíale un mensaje privado Email Web

Puerta del Sol, Madrid

Formulario

Escribe una respuesta rapida