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