problemas con calendario

wendyl · #1 (**permalink**) 24/07/2012, 14:25

Hola a todos tengo este formulario pero lo que pasa es que quiero poner un calendario así como lo tengo hay que cuando de clic en el botón me aparezca el calendario pero si le doy clic al botón me pasa a la otra pagina como un "enviar" en vez de mostrar el calendario y si hago este dichoso boton fuera del form si me muestra el calendario alguien que me ayude

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<script src="src/js/jscal2.js"></script>
    <script src="src/js/lang/es.js"></script>
    <link rel="stylesheet" type="text/css" href="src/css/jscal2.css" />
    <link rel="stylesheet" type="text/css" href="src/css/border-radius.css" />
    <link rel="stylesheet" type="text/css" href="src/css/steel/steel.css" />
<style type="text/css">
form
{
   font-family: Trebuchet MS;
   font-size: 20px;
   font-weight:normal;
   padding:2px;
   background: url('images/fondo.jpg') repeat-x;
   color: #FFFFFF;
   cursor:pointer;
   display:block;
   width:590px;
   margin: 0 auto;
   text-align:left;
}
legend{
font-family: Trebuchet MS;
   font-size: 30px;
  color: #FF0000;
}

</style>
</head>

<body>

<?
echo "<table align='center'>";
echo '<tr><td><img src="images/mainimg2.JPG"  align="center" width="1000" hieght="300"></td></tr>';
echo '<tr><td><a href="index.html"><img src="images/atras.jpg"></td></tr> ';
echo "</table>";
?>

 <script type="text/javascript">//<![CDATA[

      var cal = Calendar.setup({
          onSelect: function(cal) { cal.hide() },
          showTime: true
      });
      cal.manageFields("f_btn1", "f_date1", "%d-%b-%Y ");

    //]]></script>
<form name="frm" method="post" action="envio_ingreso.php">
<fieldset id="form">

<legend>INGRESO INTERVENTORIAS</legend>
<legend></legend>
<legend></legend>
<legend></legend>
<br>
	<li>
     <label>Cliente: </label><input type="text" name="Cliente" size="51" />
    </li>
	<li>
     <label>Proveedor: </label><input type="text" name="Proveedor" size="46" />
    </li>
	<li>
     <label># De orden o Contrato:</label><input type="text" name="Orden_contrato" size="29" />
    </li>
	<li>
     <label>Objeto: </label><input type="text" name="Objeto" size="51" />
    </li>
	<li>
     <label>Duracion de orden: </label><input type="text" name="Duracion_orden" size="33" />
    </li>
	<li><label>Fecha Inicio: </label> 
	<input size="30" id="f_date1" name="Fecha_inicio" /><button id="f_btn1">...</button>
    
    </li>
	
	<li>
     <label>Fecha_Vencimiento: </label><input type="text" name="Fecha_vencimiento" size="31" />
    </li><br>
	<legend>FACTURACION</legend>
	<li>
	 <label>CDP: </label><input type="text" name="Cdp" size="34" />
	</li>
	<li>
	 <label>Pedido: </label><input type="text" name="Pedido" size="30" />
	</li>
	<li>
	 <label>Valor_Inicial: </label><input type="text" name="Valor_inicial" size="21" />
	</li>
	<li>
	 <label>Pago_mensual: </label><br>
	 <label>Variable:  </label><input type="text" name="Pago_variable" size="30" /><br>
	 <label>Fijo: </label><input type="text" name="Pago_fijo" size="38" />
	</li>
	<li>
	 <label>Vigencias Futuras: </label><input type="text" name="Vigencias_futuras" size="37" />
	</li>
	<li>
	 <label>Interventor que entrega: </label><input type="text" name="Entrega" size="27" />
	</li>
	<li>
	 <label>Intervenor que recibe: </label><input type="text" name="Recibe" size="31" />
	</li>
	<li>
	 <label>Observaciones: </label><input type="text"  name="Observaciones" size="42" />
	</li>
	<br>
	
	<input style="color: #FF0000; background-color: #EEDA20; font-size:18pt;font-family:Trebuchet MS;font-weight:bold; width:90px;height:35px;" type="submit" name="button" id="button" value="Enviar" alt="submit"/>
</form>

</body>
</html>

Gracias

Dradi7 · #2 (**permalink**) 24/07/2012, 15:56

lo que pasa es que el boton puede estar realizando una peticion o un envio de datos en algunos navegadores automaticamente con un Enter o un Click en cualquier Boton se realiza el envio de datos para esto en tu botton podrias poner esto aunque es solo un ejemplo

<button id="f_btn1" onclick="return false;">...</button>

En otros casos podrias validar que antes de hacer el onsubmit enviar un return false si es que no ha sido enviado por tu input submit

wendyl · #3 (**permalink**) 25/07/2012, 07:29

Cita:

Iniciado por Dradi7

lo que pasa es que el boton puede estar realizando una peticion o un envio de datos en algunos navegadores automaticamente con un Enter o un Click en cualquier Boton se realiza el envio de datos para esto en tu botton podrias poner esto aunque es solo un ejemplo

<button id="f_btn1" onclick="return false;">...</button>

En otros casos podrias validar que antes de hacer el onsubmit enviar un return false si es que no ha sido enviado por tu input submit

Hola Gracias por responder

Probé tu código y sigue = por fuera del formulario si muestra el calendario pero en el formulario no ahora le doy clic y no envía datos pero tampoco muestra el calendario, me podrías ayudar

Gracias :)

Dradi7 · #4 (**permalink**) 25/07/2012, 08:21

Pero en lo que te comente yo anteriormente menciono que debes validar en el evento onsubmit siempre y cuando se hallan completado los datos o se haya hecho click en el input submit

Código Javascript:

Ver originalfunction validarDatos(){
//valida aqui tus datos
//return false; si los datos son incorrectos o faltan llenar
return true; // si los datos son correctos o faltan llenar
}

en tu HTML

Código HTML:

Ver original<form name="frm" onsubmit="return validarDatos();">
</form>

Megachrome · #5 (**permalink**) 05/07/2013, 09:17

Ha pasado un año desde que publicaron este post pero aqui tambien otra solucion por si acaso a los que les pasa esto ... en el explorer no pasa esto pero en el chrome si ... no se en otros navegadores....

Tambien puedes poner el tipo de boton que es .... asi no lo toma como tipo submit .... o sea:

<button id="f_btn1" type="button" >

Reedyseth · #6 (**permalink**) 05/07/2013, 09:33

Waoh, andabas viendo post de hace un año :S !!