Ocultar filas
Publicado por Aritz (14 intervenciones) el 16/04/2007 15:24:49
Hola de nuevo (se me ha escapado el Intro sin querer).
Estoy intentando que din ámicamnete se muestren/oculten ciertas filas de una tabla. El problema es que aunque me oculte y me muestre las filas cuando se lo pido, al ocultar la fila deja dicha fila sin ningún tipo de información, y al volver a pedir la información la muestra en una nueva fila.
La función Javascrit que uso es la siguiente;
function ShowRow(n)
{
switch(parseInt(n))
{
case 0:
{
$("time").style.display = "none";
$("date").style.display = "block";
break;
}
case 1:
{
$("time").style.display = "block";
$("date").style.display = "none";
break;
}
default:
{
$("time").style.display = "none";
$("date").style.display = "none";
break;
}
}
}
Y la tabla es la siguiente:
<div id='estadoMaquina'>
<table class='estado'>
<tr class='encabezado'>
<td>Variable</td>
<td>Value</td>
</tr>
<tr class='impar'>
<td>Date</td>
<td id='fecha'>Valor_fecha</td>
<td width=15><img src='../imagenes/edit.png' alt='Edit' onclick='ShowState(\"0\")'></td>
</tr>
<tr id='date' style='display:none;'>
<td colspan=2>
<form>
Set Date:
<input id='day' value='dd' size=2>
/
<input id='month' value='mm' size=2>
/
<input id='year' value='aaaa' size=4>
<input type='button' value='Submit' onclick='CambiarFecha(\"RTC.DATE\")'>
</form>
</td>
</tr>
<tr class='par'>
<td>Time</td>
<td id='hora'>Valor_Hora</td>
<td width=15>
<img src='../imagenes/edit.png' alt='Edit' onclick='ShowState(\"1\")'>
</td>
</tr>
<tr id='time' style='display:none;'>
<td colspan=2>
<form>
Set Time:
<input value='hh'size=2 id='hour'>
:
<input id='min' value='mm' size=2>
<select id='format'>
<option value='24h'>24h</option>
<option value='am/pm'>AM/PM</option>
</select>
<input type='button' value='Submit' onclick='CambiarHora(\"RTC.TIME\")'>
</form>
</td>
</tr>
</table>
</div>
Gracias de antemano
Estoy intentando que din ámicamnete se muestren/oculten ciertas filas de una tabla. El problema es que aunque me oculte y me muestre las filas cuando se lo pido, al ocultar la fila deja dicha fila sin ningún tipo de información, y al volver a pedir la información la muestra en una nueva fila.
La función Javascrit que uso es la siguiente;
function ShowRow(n)
{
switch(parseInt(n))
{
case 0:
{
$("time").style.display = "none";
$("date").style.display = "block";
break;
}
case 1:
{
$("time").style.display = "block";
$("date").style.display = "none";
break;
}
default:
{
$("time").style.display = "none";
$("date").style.display = "none";
break;
}
}
}
Y la tabla es la siguiente:
<div id='estadoMaquina'>
<table class='estado'>
<tr class='encabezado'>
<td>Variable</td>
<td>Value</td>
</tr>
<tr class='impar'>
<td>Date</td>
<td id='fecha'>Valor_fecha</td>
<td width=15><img src='../imagenes/edit.png' alt='Edit' onclick='ShowState(\"0\")'></td>
</tr>
<tr id='date' style='display:none;'>
<td colspan=2>
<form>
Set Date:
<input id='day' value='dd' size=2>
/
<input id='month' value='mm' size=2>
/
<input id='year' value='aaaa' size=4>
<input type='button' value='Submit' onclick='CambiarFecha(\"RTC.DATE\")'>
</form>
</td>
</tr>
<tr class='par'>
<td>Time</td>
<td id='hora'>Valor_Hora</td>
<td width=15>
<img src='../imagenes/edit.png' alt='Edit' onclick='ShowState(\"1\")'>
</td>
</tr>
<tr id='time' style='display:none;'>
<td colspan=2>
<form>
Set Time:
<input value='hh'size=2 id='hour'>
:
<input id='min' value='mm' size=2>
<select id='format'>
<option value='24h'>24h</option>
<option value='am/pm'>AM/PM</option>
</select>
<input type='button' value='Submit' onclick='CambiarHora(\"RTC.TIME\")'>
</form>
</td>
</tr>
</table>
</div>
Gracias de antemano
Valora esta pregunta


0