Buen día a todos.
He tratado por buen rato de vincular a mi aplicación web un calendario desarrollado en JavaScript por un tercero, el calendario me parece genial y una dirección en el que se puede probar su ejecución es la siguiente:
Triple W PUNTO electricprism PUNTO com SLASH aeron-calendar SLASH _semantic PUNTO html
Para la configuración del calendario dice que se debe agregar la siguiente etiqueta en el HEAD de la página:
Código:
<script type="text/javascript">
//<![CDATA[
window.addEvent('domready', function() {
myCal1 = new Calendar({ date1: 'd/m/Y' }, { direction: 1, tweak: {x: 6, y: 0} });
myCal2 = new Calendar({ date2: 'd/m/Y' }, { classes: ['dashboard'], direction: 1, tweak: {x: 3, y: -3} });
myCal3 = new Calendar({ date3: 'd/m/Y' }, { classes: ['i-heart-ny'], direction: 1, tweak: {x: 3, y: 0} });
});
//]]>
</script>
El contenido que debe ir en el BODY de la página es el siguiente:
Código:
<form action="/" class="long">
<fieldset>
<legend>Default styling</legend>
<label for="date1">Date</label>
<input id="date1" name="date1" type="text" />
</fieldset>
</form>
<form action="/">
<fieldset>
<legend>Alternate styling: dashboard</legend>
<label for="date2">Date</label>
<input id="date2" name="date2" type="text" />
</fieldset>
</form>
<form action="/">
<fieldset>
<legend>Alternate styling: i-heart-ny (experimental)</legend>
<label for="date3">Date</label>
<input id="date3" name="date3" type="text" />
</fieldset>
</form>
Lo que he hecho al respecto es lo siguiente:
en el Page_Load de mi página agregué la siguiente instrucción
Código:
protected void Page_Load(object sender, EventArgs e)
{
string _script = "";
_script += "<script type=\"text/javascript\">";
_script += "//<![CDATA[";
_script += " window.addEvent('domready', function() {";
_script += " myCal2 = new Calendar({ " + txtFecha1.ClientID + ": 'd/m/Y' }, { classes: ['dashboard'], direction: 1, tweak: {x: 3, y: -3} });";
_script += " });";
_script += "//]]>";
_script += "</script>";
Page.RegisterClientScriptBlock("calendario", _script);
}
En el código de la pagina:
Código:
Fecha1: <asp:TextBox ID="txtFecha1" runat="server" CssClass="dashboard" />
Ya verifiqué que la vinculación de los archivos javascript y css para la correcta ejecución de la página estuvieran bien configurado, pero aún sigo sin poder hayar solución a mi problema, si alguien me puede colaborar con este inconveniente le estoy inmensamente agradecido.
Gracias por su tiempo