Ocultar DIV. No ajusta contenido

mookie · #1 (**permalink**) 20/06/2007, 03:59

Tengo un problema a la hora de oculta el contenido de un DIV ya que no ajusta el contenido. Es decir, si yo "contraigo" el DIV situado más arriba, el contenido del siguiente DIV(abajo) "no sube". Joer, que mal me explico leñe.

Os dejo el código que tengo en la página:

Código:

<HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<TITLE></TITLE>
		<SCRIPT LANGUAGE=javascript>
		<!--
			
			function CheckAll(chkbox) 
			{ 
				for (var i=0;i < document.forms('frmMain').elements.length;i++) 
				{ 					
					var elemento = document.forms[0].elements[i]; 
					if (elemento.type == "checkbox") 
					{ 		
						var elementoid =elemento.id
						var strcad=elementoid.indexOf(chkbox.id);
						if (strcad>=0){
						elemento.checked = chkbox.checked }
					} 
				} 
			} 
			
			var capa
			function cambio(idCapa){
				if (document.layers) capa = eval("document." + idCapa);
				if (document.all) capa = eval(idCapa + ".style");
				if (document.getElementById) capa = eval('document.getElementById("' + idCapa + '").style');
				if ((capa.visibility == "hidden") || (capa.visibility == "hide")){
					capa.visibility = (document.layers) ? "show" : "visible" ;
				}else{
					capa.visibility = (document.layers) ? "hide" : "hidden" ;
				}
				}
	
		//-->
		</SCRIPT>
</HEAD>
<BODY>

			
	<b><a style='cursor: pointer;' href='#' onclick=cambio('ACCX347¬3')>ACCY PHONE</a> &nbsp;<strong>(<em><font size='1' color='Red'>*CheckAll</strong></em></font><input type='checkbox' name='ACCX347' id='ACCX347' onClick=CheckAll(this);>)</b>
		
	<div name='ACCX347¬3' id='ACCX347¬3'  style='position: static; overflow: hidden;'>
		<table width='100%' border='0' cellspacing='2' cellpading='2'>
			<tr class=report_header><td align='center' valign='middle' width='15%'>Country</td><td align='center' valign='middle' width='40%'>Account</td><td align='center' valign='middle' width='15%'>Year</td><td align='center' valign='middle' width='15%'>Week</td><td align='center' valign='middle' width='15%'>Frozen</td></tr><tr class='row1' onmouseover="this.className='rowon'"onmouseout="this.className='row1'"><td>Spain</td><td>ACCY PHONE</td><td>2007</td><td>1</td><td align='center'><input type='checkbox' checked name='3@@ACCX347@@2007@@1'id='3@@ACCX347@@2007@@1'></td></tr>
			<tr class='row2' onmouseover="this.className='rowon'"onmouseout="this.className='row2'"><td>Spain</td><td>ACCY PHONE</td><td>2007</td><td>2</td><td align='center'><input type='checkbox' checked name='3@@ACCX347@@2007@@2'id='3@@ACCX347@@2007@@2'></td></tr>
			<tr class='row1' onmouseover="this.className='rowon'"onmouseout="this.className='row1'"><td>Spain</td><td>ACCY PHONE</td><td>2007</td><td>3</td><td align='center'><input type='checkbox' checked name='3@@ACCX347@@2007@@3'id='3@@ACCX347@@2007@@3'></td></tr>
			<tr class='row2' onmouseover="this.className='rowon'"onmouseout="this.className='row2'"><td>Spain</td><td>ACCY PHONE</td><td>2007</td><td>4</td><td align='center'><input type='checkbox' checked name='3@@ACCX347@@2007@@4'id='3@@ACCX347@@2007@@4'></td></tr>
			<tr class='row1' onmouseover="this.className='rowon'"onmouseout="this.className='row1'"><td>Spain</td><td>ACCY PHONE</td><td>2007</td><td>5</td><td align='center'><input type='checkbox' checked name='3@@ACCX347@@2007@@5'id='3@@ACCX347@@2007@@5'></td></tr>
		</table>
	</div>
	
	<b><a style='cursor: pointer;' href='#' onclick=cambio('ACCX479¬3')>ATLANTIS INTERNACIONAL</a> &nbsp;<strong>(<em><font size='1' color='Red'>*CheckAll</strong></em></font><input type='checkbox' name='ACCX479' id='ACCX479' onClick=CheckAll(this);>)</b>
	
	<div name='ACCX479¬3' id='ACCX479¬3'  style='position: static; overflow: hidden;'>
		<table width='100%' border='0' cellspacing='2' cellpading='2'><tr class=report_header><td align='center' valign='middle' width='15%'>Country</td><td align='center' valign='middle' width='40%'>Account</td><td align='center' valign='middle' width='15%'>Year</td><td align='center' valign='middle' width='15%'>Week</td><td align='center' valign='middle' width='15%'>Frozen</td></tr>
			<tr class='row1' onmouseover="this.className='rowon'"onmouseout="this.className='row1'"><td>Spain</td><td>ATLANTIS INTERNACIONAL</td><td>2007</td><td>1</td><td align='center'><input type='checkbox' unchecked name='3@@ACCX479@@2007@@1'id='3@@ACCX479@@2007@@1'></td></tr>
			<tr class='row2' onmouseover="this.className='rowon'"onmouseout="this.className='row2'"><td>Spain</td><td>ATLANTIS INTERNACIONAL</td><td>2007</td><td>2</td><td align='center'><input type='checkbox' unchecked name='3@@ACCX479@@2007@@2'id='3@@ACCX479@@2007@@2'></td></tr>
			<tr class='row1' onmouseover="this.className='rowon'"onmouseout="this.className='row1'"><td>Spain</td><td>ATLANTIS INTERNACIONAL</td><td>2007</td><td>3</td><td align='center'><input type='checkbox' unchecked name='3@@ACCX479@@2007@@3'id='3@@ACCX479@@2007@@3'></td></tr>
			<tr class='row2' onmouseover="this.className='rowon'"onmouseout="this.className='row2'"><td>Spain</td><td>ATLANTIS INTERNACIONAL</td><td>2007</td><td>4</td><td align='center'><input type='checkbox' unchecked name='3@@ACCX479@@2007@@4'id='3@@ACCX479@@2007@@4'></td></tr>
			<tr class='row1' onmouseover="this.className='rowon'"onmouseout="this.className='row1'"><td>Spain</td><td>ATLANTIS INTERNACIONAL</td><td>2007</td><td>5</td><td align='center'><input type='checkbox' unchecked name='3@@ACCX479@@2007@@5'id='3@@ACCX479@@2007@@5'></td></tr>
			<tr class='row2' onmouseover="this.className='rowon'"onmouseout="this.className='row2'"><td>Spain</td><td>ATLANTIS INTERNACIONAL</td><td>2007</td><td>6</td><td align='center'><input type='checkbox' unchecked name='3@@ACCX479@@2007@@6'id='3@@ACCX479@@2007@@6'></td></tr>
			<tr class='row1' onmouseover="this.className='rowon'"onmouseout="this.className='row1'"><td>Spain</td><td>ATLANTIS INTERNACIONAL</td><td>2007</td><td>7</td><td align='center'><input type='checkbox' unchecked name='3@@ACCX479@@2007@@7'id='3@@ACCX479@@2007@@7'></td></tr>
		</table>
	</div>

</BODY>
</HTML>

Muchas gracias y espero que me echéis una mano.

Salu2.

mookie · #2 (**permalink**) 20/06/2007, 04:42

Solucionado.

He cambiado la función en JS que ocultaba por esta:

Código:

			function showHide(elementid){
				if (document.getElementById(elementid).style.display == 'none'){
					document.getElementById(elementid).style.display = '';
				} else {
					document.getElementById(elementid).style.display = 'none';
				}
			}