No hay nada definido para .1 ni #1...lo habras probado en firefox 3 no?
EDITO: no esta ahi el problema lo q dices es cierto...a mi tampoco me sale mal.
EDITO2: copipasteo todo el codigo, este si q sale mal
Código HTML:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link type="text/css" rel='stylesheet' href='estilos/estilo.css' />
<title>Escuela de Natación Pisciskull</title>
<script language="JavaScript">
function muestra_oculta(id){
for (i=1; i<=7; i++)
{
var el = document.getElementById(i); //se define la variable "el" igual a el tr
el.style.display = (el.id<=id) ? 'block' : 'none';
}
}
window.onload = function(){/*hace que se cargue la función lo que predetermina que div estará oculto hasta llamar a la función nuevamente*/
muestra_oculta('1');/* "contenido_a_mostrar" es el nombre que le dimos al DIV */
}
function addOpt(oCntrl, iPos, sTxt, sVal){
var selOpcion=new Option(sTxt, sVal);
eval(oCntrl.options[iPos]=selOpcion);
}
function cambia(oCntrl){
while (oCntrl.length) oCntrl.remove(0);
switch (document.form.dia.value){
case "1":
case "2":
case "3":
case "4":
case "5":
alert("Hola");
addOpt(oCntrl, 0, "Ciudad de México", "0");
addOpt(oCntrl, 1, "Monterrey", "1");
addOpt(oCntrl, 2, "Guadalajara", "2");
break;
case "6":
addOpt(oCntrl, 0, "Madrid", "0");
addOpt(oCntrl, 1, "Barcelona", "1");
addOpt(oCntrl, 2, "San Sebastián", "2");
break;
}
}
</script>
</head>
<body>
<div id="todo">
<div id="cabecera">
<h1><a href="index.php">Pisciskull</a></h1>
</div>
<!-- INCLUDE menu.html -->
<!-- INCLUDE identificacion.html -->
<div id="central">
<h2>Gestión grupos</h2>
<ul>
<li><a href="grupos.php">Crear grupo</a></li>
<li><a href="grupos.php?cat=asign">Asignar nadadores</a></li>
<li><a href="grupos.php?cat=delete">Borrar grupo</a></li>
</ul>
<br />
<!-- BEGIN new_grup -->
<form action="grupos.php" method="post" name="form">
<table width="100%" cellpadding="1" border="1">
<tr>
<td width="40%"><b>Nùmero de sesiones por semana:</b></td>
<td>
<select name="num_ses" id="num_ses" onchange="muestra_oculta(num_ses.value)">
<option value="2">1</option>
<option value="3">2</option>
<option value="4">3</option>
<option value="5">4</option>
<option value="6">5</option>
<option value="7">6</option>
</select>
</td>
</tr>
<tr>
<td><b>Max. Alumnos del grupo:</b></td>
<td><input type="text" name="max_alu" maxlength="2" size="2"/></td>
</tr>
<tr>
<td><b>Semana inicio grupo:</b></td>
<td>
<select name="lunes_ini">
<!-- BEGIN lunes -->
<option value="{timestamp}">{dia}</option>
<!-- END lunes -->
</select>
</td>
</tr>
<tr>
<td><b>Nivel:</b></td>
<td>
<select name="nivel">
<!-- BEGIN niveles -->
<option value="{niv}">{niv}</option>
<!-- END niveles -->
</select>
</td>
</tr>
<tr>
<td><b>Sesiones:</b></td>
</tr>
<td colspan="2">
<table border="1" width="100%" cellpadding="1">
<tr>
<td width="20%"><b>Dia semana</b></td>
<td width="20%"><b>Hora inicio</b></td>
<td width="20%"><b>Hora fin</b></td>
<td width="20%"><b>Instalacion</b></td>
<td width="50%"><b>Desc. Instalacion</b></td>
</tr>
<tr id="1">
<td width="20%">
<select name="dia" onchange="cambia(document.form.hora)">
<!-- BEGIN dias -->
<option value="{num_dia}">{nom_dia}</option>
<!-- END dias -->
</select>
</td>
<td width="20%">
<select name="hora">
<!-- BEGIN horas -->
<option value="0">"add"</option>
<!-- END horas -->
</select>
</td>
<td width="20%"><b>Hora fin</b></td>
<td width="20%"><b>Instalacion</b></td>
<td width="50%"><b>Desc. Instalacion</b></td>
</tr>
</table>
</td>
</tr>
</table>
</form>
<!-- END new_grup -->
<br />
</div>
</body>
</html>