Ver Mensaje Individual
  #1 (permalink)  
Antiguo 09/12/2004, 20:04
rojobe55
 
Fecha de Ingreso: febrero-2003
Ubicación: Costa Rica
Mensajes: 133
Antigüedad: 21 años, 3 meses
Puntos: 0
Calendario Indómito...

Hola a todos, no soy asiduo a esteforo (javascript) porque recien empiezo
en esta vaina...
sucede que necesitaba un almanaque y utilice uno que proporcionaba el
CutePage que es el editor que estoy usando para familiarizarme con el lenguaje.
Bueno, recupere el bendito calendario y le hice algunos ajustes a mi gusto y
necesidad. Por ejemplo le puse type button a los inputs porque necesitaba que el
usuario pueda seleccionar un dia.
Asi quedo por si alguien necesita:

<CENTER>
<TABLE BORDER="2" WIDTH="39%" CELLPADDING="15" CELLSPACING="10" BORDERCOLOR="#0000FF" >
<TR BORDERCOLOR="#00C0C0">
<TD BGCOLOR="#FF0000">

<table border="0" bgcolor="#ffad5b" cellpadding=0 cellspacing=0>
<table cellpadding=0 cellspacing=0 BGCOLOR="#ffad5b" BORDER="0" BORDERCOLOR="#C0C000" BORDERCOLORDARK="#808000" BORDERCOLORLIGHT="#C0C000">
<form name="srcteccalform">
<tr>
<td><input type=button style="font-size:15;" value="<<" onClick="IncDecYear(-1)"></td>
<th colspan=5><input style="background-color:#3399FF; color:#FFFF00; width:125; font-weight:normal; font-size:16;" value="1993"></th>
<td><input type=button style="font-size:15;" value=">>" onClick="IncDecYear(1)"></td>
</tr>
<tr>
<td><input type=button style="font-size:15;" value="<<" onClick="IncDecMonth(-1)"></td>
<th colspan=5 ><input style="background-color:#3399FF; color:#FFFF00; width:125; font-weight:normal; font-size:16;" type=text value="Enero"></th>
<td><input type=button style="font-size:15;" value=">>" onClick="IncDecMonth(1)"></td>
</tr>
<tr>
<th bgcolor="#C0C0C0">D</th>
<th>L</th>
<th>M</th>
<th>M</th>
<th>J</th>
<th>V</th>
<th bgcolor="#C0C0C0">S</th>
</tr>
<tr>
<td><input type=button type=text style="background-color:#C0C0C0;" value="" onClick="javascript:muestradia('6')"></td>
<td><input type=button value="" onClick="javascript:muestradia('7')"></td>
<td><input type=button value="" onClick="javascript:muestradia('8')"></td>
<td><input type=button value="" onClick="javascript:muestradia('9')"></td>
<td><input type=button value="" onClick="javascript:muestradia('10')"></td>
<td><input type=button value="" onClick="javascript:muestradia('11')"></td>
<td><input type=button type=text style="background-color:#C0C0C0;" value="" onClick="javascript:muestradia('12')"></td>
</tr>
<tr>
<td><input type=button type=text style="background-color:#C0C0C0;" value="" onClick="javascript:muestradia('13')"></td>
<td><input type=button value="" onClick="javascript:muestradia('14')"></td>
<td><input type=button value="" onClick="javascript:muestradia('15')"></td>
<td><input type=button value="" onClick="javascript:muestradia('16')"></td>
<td><input type=button value="" onClick="javascript:muestradia('17')"></td>
<td><input type=button value="" onClick="javascript:muestradia('18')"></td>
<td><input type=button type=text style="background-color:#C0C0C0;" value="" onClick="javascript:muestradia('19')"></td>
</tr>
<tr>
<td><input type=button type=text style="background-color:#C0C0C0;" value="" onClick="javascript:muestradia('20')"></td>
<td><input type=button value="" onClick="javascript:muestradia('21')"></td>
<td><input type=button value="" onClick="javascript:muestradia('22')"></td>
<td><input type=button value="" onClick="javascript:muestradia('23')"></td>
<td><input type=button value="" onClick="javascript:muestradia('24')"></td>
<td><input type=button value="" onClick="javascript:muestradia('25')"></td>
<td><input type=button type=text style="background-color:#C0C0C0;" value="" onClick="javascript:muestradia('25')"></td>
</tr>
<tr>
<td><input type=button type=text style="background-color:#C0C0C0;" value="" onClick="javascript:muestradia('27')"></td>
<td><input type=button value="" onClick="javascript:muestradia('28')"></td>
<td><input type=button value="" onClick="javascript:muestradia('39')"></td>
<td><input type=button value="" onClick="javascript:muestradia('30')"></td>
<td><input type=button value="" onClick="javascript:muestradia('31')"></td>
<td><input type=button value="" onClick="javascript:muestradia('32')"></td>
<td><input type=button type=text style="background-color:#C0C0C0;" value="" onClick="javascript:muestradia('33')"></td>
</tr>
<tr>
<td><input type=button type=text style="background-color:#C0C0C0;" value="" onClick="javascript:muestradia('34')"></td>
<td><input type=button value="" onClick="javascript:muestradia('35')"></td>
<td><input type=button value="" onClick="javascript:muestradia('36')"></td>
<td><input type=button value="" onClick="javascript:muestradia('37')"></td>
<td><input type=button value="" onClick="javascript:muestradia('38')"></td>
<td><input type=button value="" onClick="javascript:muestradia('39')"></td>
<td><input type=button type=text style="background-color:#C0C0C0;" value="" onClick="javascript:muestradia('40')"></td>
</tr>
<tr>
<td><input type=button type=text style="background-color:#C0C0C0;" value="" onClick="javascript:muestradia('41')"></td>
<td><input type=button value="" onClick="javascript:muestradia('42')"></td>
<td colspan=5><input readonly type=text style="background-color:#ffad5b; font-familyArial; font-style:12; font-weight:normal; font-style:normal; height:25; width:125; color:#00008b;" ></td>
</tr>
</form>
</table>
</table>
<FORM name="frmtexto">
<td >
<td >
<tr><BR><INPUT TYPE="text" name="fecha" VALUE=""
READONLY style="{background-color:#FFFFFF; height:25; width:200; color:#800080;font-family:Arial;font-weight:normal;font-size:12;font-style:normal;" >

</FORM>
</TD></TR>
</TD></TR>

</TABLE>
</CENTER>


NOTA: por alli esta una hoja de estilo y otras cositas que si alguien necesita
la paso... solo me avisan.

Ahoritita viene el problema...
aquiles muestro la funcion muestradia

<SCRIPT language=JavaScript>
var fechalarga

function muestradia(nro) {
fechalarga = document.srcteccalform.elements[nro].value +
"/ " + mesnro(document.srcteccalform.elements[4].value) + " " +
document.srcteccalform.elements[4].value + " del " +
document.srcteccalform.elements[1].value;

frmtexto.fecha.value=fechalarga;
return
}

function mesnro(mes){
switch (mes) {
case "Enero": mesnro="01";
break;
case "Febrero": mesnro="02";
break;
default: mesnro="xx";
}
return mesnro
}
</SCRIPT>


1) no puedo hacer que mesnro me muestre 01 cuando es enero, 02 cuando es
febrero, (aunque la funcion no esta con todos los meses) siembre me muestra
el xx

2) la primera vez que ejecuto todo funciona muy bien, en el fechalarga
muestra por ejemplo 01/ xx Enero del 2005
pero si por casualidad vuelvo a clickear en otro dia, me da el siguiente error

linea 28
Carácter 1
Error se esperaba una funcion
codigo 0

y la linea 28 es la de la funcion muestra dia, esta:

fechalarga = document.srcteccalform.elements[nro].value +
"/ " + mesnro(document.srcteccalform.elements[4].value) + " " +
document.srcteccalform.elements[4].value + " del " +
document.srcteccalform.elements[1].value;

Si alguien se da cuenta que es lo que estoy haciendo mal, le quedare agradecido.

Nada mas. Espero sus sabios consejos.
Saludos cordiales

PD: estoy usando CutePage como les dije, además tengo instalado el CoffeCup y
el UltraEdit y el de macromedia CoolPage. Cual recomiendan para trabajar. Cuales son sus ventajas o
desventajas. Con cual se familiarizan mas ustedes, o existe algún otro mejorcito???