calendario IE

chuchufuentes · #1 (**permalink**) 04/01/2011, 17:42

Buenas. Estoy usando el calendario de JSCal2-1.8-calendar Dynarch . Alguien sabe por que este calendario NO trabaja con IE, trabaja con google chrome. he googleado y no consigo solución, la pagina tiene un foro pero nadie da repuesta

codigo

<!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Calendario...</title>
<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" />
<script type="text/javascript">
function calenda(){
var cal = Calendar.setup({
onSelect: function(cal) { cal.hide() },
});
cal.manageFields("f_btn1", "f_date1", "%d-%m-%Y");
cal.manageFields("f_btn2", "f_date2", "%d-%m-%Y");
}
</script>

</head>
<body>

<input size="10" id="f_date1" /><button id="f_btn1">de...</button><br />

<input size="10" id="f_date2" /><button id="f_btn2">...</button><br />
<script type="text/javascript">//<![CDATA[

var cal = Calendar.setup({
onSelect: function(cal) { cal.hide() },

});
cal.manageFields("f_btn1", "f_date1", "%d-%m-%Y");
cal.manageFields("f_btn2", "f_date2", "%d-%m-%Y");
//]]></script>
</body>
</html>

Tecktonikrazy · #2 (**permalink**) 04/01/2011, 19:12

Te recomiendo el que yo uso, es mas simple de usar, le puedes modificar el css, y lo puedes aplicar con varios input en una misma pagina. Este es el codigo:

Código HTML:

Ver original<style type="text/css">
.fc_main { position:absolute; top:180px; right:72px; ;background: #00C3FF; border: 1px solid #0083AB; font-family: Verdana; font-size: 10px; -moz-border-radius:6px; }
.fc_date { border: 1px solid #0083AB; -moz-border-radius:6px;  cursor:pointer; font-size: 10px; text-align: center;}
.fc_dateHover, TD.fc_date:hover { cursor:pointer; border: 1px solid #9DAB00; -moz-border-radius:6px; background: #EAFF00; font-size: 10px; text-align: center; }
.fc_wk {font-family: Verdana; font-size: 10px; text-align: center;}
.fc_wknd { color: #000000; font-weight: bold; font-size: 10px; text-align: center;}
.fc_head { background: #FF0077; color: #FFFFFF; border: 1px solid #A3004C; -moz-border-radius:6px; font-weight:bold; text-align: left;  font-size: 11px; }
</style>
 
<script src="http://electroluca.webcindario.com/calendarJS.js"></script>
 
<input id="startDate" name="startDate" type="text" readonly="readonly" name="calendario" title="DD-MM-YYYY" onclick="if(this.value=='Inicio'){this.value=''}else{this.value=this.value};displayCalendarFor('startDate');">

Mira el ejemplo en mi pagina en la barra derecha:

http://electroluca.webcindario.com/

Tecktonikrazy · #3 (**permalink**) 04/01/2011, 19:16

Aqui puedes hacer el tuyo facilmente: http://www.flooble.com/scripts/calendar.php?op=get

chuchufuentes · #4 (**permalink**) 05/01/2011, 07:45

Cita:

Iniciado por Tecktonikrazy

Te recomiendo el que yo uso, es mas simple de usar, le puedes modificar el css, y lo puedes aplicar con varios input en una misma pagina. Este es el codigo:

Código HTML:

Ver original<style type="text/css">
.fc_main { position:absolute; top:180px; right:72px; ;background: #00C3FF; border: 1px solid #0083AB; font-family: Verdana; font-size: 10px; -moz-border-radius:6px; }
.fc_date { border: 1px solid #0083AB; -moz-border-radius:6px;  cursor:pointer; font-size: 10px; text-align: center;}
.fc_dateHover, TD.fc_date:hover { cursor:pointer; border: 1px solid #9DAB00; -moz-border-radius:6px; background: #EAFF00; font-size: 10px; text-align: center; }
.fc_wk {font-family: Verdana; font-size: 10px; text-align: center;}
.fc_wknd { color: #000000; font-weight: bold; font-size: 10px; text-align: center;}
.fc_head { background: #FF0077; color: #FFFFFF; border: 1px solid #A3004C; -moz-border-radius:6px; font-weight:bold; text-align: left;  font-size: 11px; }
</style>
 
<script src="http://electroluca.webcindario.com/calendarJS.js"></script>
 
<input id="startDate" name="startDate" type="text" readonly="readonly" name="calendario" title="DD-MM-YYYY" onclick="if(this.value=='Inicio'){this.value=''}else{this.value=this.value};displayCalendarFor('startDate');">

Mira el ejemplo en mi pagina en la barra derecha:

http://electroluca.webcindario.com/

Gracias Tecktonikrazy, se ve formidable, muy bueno y muy fácil. Parece que conseguí lo que buscaba, vi muchos pero no funcionan completos para todos los exploradores, y el código, para sentarse unos cuantos días
Gracias de nuevo

Tecktonikrazy · #5 (**permalink**) 05/01/2011, 11:11

De nada :D

_Adrian_ · #6 (**permalink**) 05/01/2011, 11:35

Cita:

Iniciado por chuchufuentes

Alguien sabe por que este calendario NO trabaja con IE

Sí funciona con IE, pero dependiendo de la versión del navegador puede que no tenga activado por defecto las animaciones.

Saludos