como llamo dos veces el script que ya tengo montado para un boton?
es un script calendario que al dar click al boton me despliega un
calendario para escoger un fecha pero no se como hacer para ingresar
otro boton que contenga el mismo script para hacer lo mismo en el mismo
codigo.
El código es este:
Código PHP:
<html>
<head>
<link rel="stylesheet" type="text/css" href="../Presentacion/src/css/jscal2.css" />
<link rel="stylesheet" type="text/css" href="../Presentacion/src/css/border-radius.css" />
<link rel="stylesheet" type="text/css" href="../Presentacion/src/css/steel/steel.css" />
<script type="text/javascript" src="../Presentacion/src/js/jscal2.js"></script>
<script type="text/javascript" src="../Presentacion/src/js/lang/es.js"></script>
<link rel="stylesheet" href="../Presentacion/estilos.css">
<style type="text/css">
</style>
</head>
<body>
<form action="Adicionar_estudios.php"
method="GET" name="form1">
<font face="Papyrus">
<p align="center">
<br>Formulario<br><br><br>
<table width="400" border="1">
<tr>
<input type="hidden" name="envio" value="<?php echo $_GET["envio"]; ?>
</tr>
<tr>
<td>Tipo de estudio:</td>
<td><select name = "estu" class="sampletext">
<option value="">--Select --</option>
<option value="Tecnico">Tecnico</option>
<option value="Tecnologico">Tecnologo</option>
<option value="Universitario">Universitario</option>
<option value="Especialista">Posgrado</option>
<option value="Maestria">Maestria</option>
<option value="Doctorado">Doctorado</option>
<option value=""></option>
</select></td>
</tr>
<tr>
<td> Estudio: </td>
<td> <input type = "text" name = "estu1" class="sampletext"></td>
</tr>
<tr>
<td> <label for="f_rangeStart">Fecha Inscripción:</label> </td>
<td><input size="15" id="f_rangeStart" name="fec" />
<button id="f_rangeStart_trigger">...</button>
<button id="f_clearRangeStart" onclick="clearRangeStart()">Limpiar</button>
<script type="text/javascript">
RANGE_CAL_1 = new Calendar({
inputField: "f_rangeStart",
dateFormat: "%Y/%m/%d",
trigger: "f_rangeStart_trigger",
bottomBar: false,
onSelect: function() {
var date = Calendar.intToDate(this.selection.get());
LEFT_CAL.args.min = date;
LEFT_CAL.redraw();
this.hide();
}
});
function clearRangeStart() {
document.getElementById("f_rangeStart").value = "";
LEFT_CAL.args.min = null;
LEFT_CAL.redraw();
};
</script>
</td>
</tr>
<tr>
<td> <label for="f_rangeStart">Fecha Graduación:</label> </td>
<td><input size="15" id="f_rangeStart" name="fec2" />
<button id="f_rangeStart_trigger">...</button>
<button id="f_clearRangeStart" onclick="clearRangeStart()">Limpiar</button>
<script type="text/javascript">
RANGE_CAL_1 = new Calendar({
inputField: "f_rangeStart",
dateFormat: "%Y/%m/%d",
trigger: "f_rangeStart_trigger",
bottomBar: false,
onSelect: function() {
var date = Calendar1.intToDate(this.selection.get());
LEFT_CAL.args.min = date;
LEFT_CAL.redraw();
this.hide();
}
});
function clearRangeStart() {
document.getElementById("f_rangeStart").value = "";
LEFT_CAL.args.min = null;
LEFT_CAL.redraw();
};
</script>
</td>
</tr>
</table>
<input type="submit" value="Guardar">
<input type="Reset" value="Limpiar">
</p>
</font>
</form>
</body>
</html>
Donde dice Fecha de graduación, no funciona ese segundo script el primero si funciona.
