Forum:

HTML Pages with CSS and JavaScript

Kind of error on loading a table rows in a web

Ranch Hand

Posts: 57

posted 16 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Hi to all!!
I�m working in a table where at the load of the web must show a table but like i�m using this property :style="visibility:hidden, it�s giving some problems becasue shows the cell spaces but it should not do that.

<html>
 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<script>
function show_hide(grupoBotones){
switch(grupoBotones)
{
case 'radiob':
if(document.getElementById('op1').checked){

document.getElementById('select1').style.display = "none";
document.getElementById('programa').style.display = "none"
}
else
if(document.getElementById('op2').checked){
document.getElementById('select1').style.visibility = "visible";
document.getElementById('select1').style.display = "block";
document.getElementById('programa').style.display = "block"
}
break;
case 'radioc':
if(document.getElementById('op1c').checked){

document.getElementById('cicloA').style.display = "none";
document.getElementById('colCiclo').style.display = "none"
}
else
if(document.getElementById('op2c').checked){
document.getElementById('cicloA').style.visibility = "visible";
document.getElementById('cicloA').style.display = "block";
document.getElementById('colCiclo').style.display = "block"
}
break;
}
}

</script>
 
</head>
 
<body>
<form name="myform" onsubmit="return validarCiclo(this.form);"  >
<table border="1">
<tr>
<td>Situaci�n</td>
<td><select name="situacion" size="1" id="situacion" disabled >
   <option value="ALTA">ALTA</option>; 
   </select>
<tr>
<td>Programa
<td><input type="radio" name="radiob" id="op1" value="Por definir" onklick="show_hide(name,id)" />Por definir
<td><input type="radio"  name="radiob" id="op2" onklick="show_hide(name,id)" />Elegir opci�n
<td id="programa" display:none><select name="select1" id="select1" size="1" style="visibility:hidden" >
<option value="1">MEE</option>
<option value="2">INIFED</option>
</select>  
<tr>
<td>Ciclo de Atenci�n
<td><input type="radio" name="radioc" id="op1c" value="Por definir" onklick="show_hide(name,id)" />
Por definir
<td><input type="radio"  name="radioc" id="op2c" onklick="show_hide(name,id)">Elegir opci�n
<td id="colCiclo" display:none ><select name="cicloA"  id="cicloA" size="1" style="visibility:hidden" >
   <option value="0">Por definir</option>
   <option value="1">2008-2009</option>
   <option value="2">2009-2010</option>
   <option value="3">2010-2011</option>
   <option value="4">2011-2012</option>
   </select></td>
</tr>
 
</body>

Just copy/paste in this link if don�t want to open your html editor:http://htmledit.squarefree.com/

I hope someone could help me...
Th

Eric Pascarello

author

Posts: 15385

posted 16 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Your HTML markup is invalid. You really should run it through a validator.

The cell will still take up room because the row before it has three columns. Only way you can make it go away is you have to add a col span to the second column.

Eric
[ November 28, 2008: Message edited by: Eric Pascarello ]

Ilh Oleo

Ranch Hand

Posts: 57

posted 16 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

But with that i would be eliminating the third column that only appears when i choose one option.
Or what do you mean??

Ilh Oleo

Ranch Hand

Posts: 57

posted 16 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Originally posted by Eric Pascarello:
Your HTML markup is invalid. You really should run it through a validator.

The cell will still take up room because the row before it has three columns. Only way you can make it go away is you have to add a col span to the second column.

Eric

[ November 28, 2008: Message edited by: Eric Pascarello ]

Do you refer to put the two radio buttons in one cell and the select inputs in the other cell ?

Eric Pascarello

author

Posts: 15385

posted 16 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

I missed this the first time

You do it right in the select tag, but for some reason you inveneted a new attribute for the table cell.

Eric

Ilh Oleo

Ranch Hand

Posts: 57

posted 16 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Originally posted by Eric Pascarello:
I missed this the first time
<td id="colCiclo" display:none="">

You do it right in the select tag, but for some reason you inveneted a new attribute for the table cell.

<td id="colCiclo" style="display:none">

Eric

I don�t know becasue it�s working but i did that becasue i read it on a web page(don�t remember the url).

What i�m trying to do is to make a dynamic table but when the page loads should doesn�t appear the cell that are hidden.

Eric Pascarello

author

Posts: 15385

posted 16 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

The second code sample should hide the table cell. Have you tried to make the change and is that how you want it to look?

Eric

Ilh Oleo

Ranch Hand

Posts: 57

posted 16 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Nice!!!
I was missing the difference between these two: <td id="colCiclo" display:none=""> <td id="colCiclo" style="display:none">

thank you

Don't get me started about those stupid light bulbs.