instalacion del JSCal2-1.7

betancomo · #1 (**permalink**) 29/12/2009, 16:42

hola foreros del web tengo un problema que no se como se instala o como se pone el calendario en mi pagina web, he leido el install que viene pero no lo entiendo si alguien me lo puede explicar para ponerlo en la pagina principal de mi web

gracia espero que me ayudeis con esto

barclow · #2 (**permalink**) 30/12/2009, 07:24

simplemente pega la carpeta de JSCal algun lugar de tu sitio web.

Luego en un documento HTML que quieras usarlo pones lo siguiente:
OJO: La dirección donde lo tienes cambiará, yo renombré la carpeta de JSCal2-1.7 a jscalendar2.

Código HTML:

Ver original<html>
<head>
<script type="text/javascript" src="../jscalendar2/src/js/jscal2.js"></script>
    <script type="text/javascript" src="../jscalendar2/src/js/lang/en.js"></script>
    <link rel="stylesheet" type="text/css" href="../jscalendar2/src/css/jscal2.css" />
    <link rel="stylesheet" type="text/css" href="../jscalendar2/src/css/border-radius.css" />
    <link rel="stylesheet" type="text/css" href="../jscalendar2/src/css/steel/steel.css" />
</head>
<body>
<form>
<input id="txtFechaOc" type="text" class="Input" runat="server" readonly="readonly" /><img id="imgCalendario" alt="" onmouseout="this.style.background=''" onmouseover="this.style.background='red';"
                        src="http://www.forosdelweb.com/f13/jscalendar/img.gif"  style="cursor: pointer; border: 1px solid red; vertical-align:middle" title="Seleccionar fecha" />
</form>
<script type="text/javascript">//<![CDATA[
 
      var cal = Calendar.setup({
          weekNumbers: true,
          animation: true,
          onSelect: function(cal) { cal.hide() }
      });
      
      cal.manageFields("imgCalendario", "txtFechaOc", "%Y-%m-%d");
      
    //]]>
</script>
</body>
</html>