[SOLUCIONADO] Duda con Script

jairx_x1 · #1 (**permalink**) 27/03/2013, 09:02

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.

emprear · #2 (**permalink**) 27/03/2013, 11:02

Un poco confuso, pero al parecer deberías usar solo una función y pasarle parámetros para que afecte una u otra cosa

por ejemplo, en algún lugar hacés

Código:

onclick="clearRangeStart()">

y esa función dice

Código:

function clearRangeStart() { 
            document.getElementById("f_rangeStart").value = ""; 
            LEFT_CAL.args.min = null; 
            LEFT_CAL.redraw(); 
            };

y se aplica a un div específico (el "f_rangeStart"), podrías llamar la función como

Código:

onclick="clearRangeStart('nombredeldiv')">

y hacer en la función

Código:

function clearRangeStart(elDiv) { 
            document.getElementById(elDiv).value = ""; 
            LEFT_CAL.args.min = null; 
            LEFT_CAL.redraw(); 
            };

Con el resto, algo parecido

Saludos

jairx_x1 · #3 (**permalink**) 01/04/2013, 13:48

Gracias amigo ya lo pude solucionar, aqui lo dejo por si alguien le sirve

Código PHP:

   <tr>    

  <td> <label for="f_rangeEnd">Fecha Graduación:</label> </td>

<td>

                <input size="15" id="f_rangeEnd" name="fec3"/>

                <button id="f_rangeEnd_trigger">...</button>

                <button id="f_clearRangeEnd" onclick="clearRangeEnd()">Limpiar</button>

                <script type="text/javascript">

                  RANGE_CAL_2 = new Calendar({

                          inputField: "f_rangeEnd",

                          dateFormat: "%Y/%m/%d",

                          trigger: "f_rangeEnd_trigger",

                          bottomBar: false,

                          onSelect: function() {

                                  var date = Calendar.intToDate(this.selection.get());

                                  LEFT_CAL.args.max = date;

                                  LEFT_CAL.redraw();

                                  this.hide();

                          }

                  });

                  function clearRangeEnd() {

                          document.getElementById("f_rangeEnd").value = "";

                          LEFT_CAL.args.max = null;

                          LEFT_CAL.redraw();

                  };

                </script>

 
</td>

  </tr>

Gracias.