🚀 go-pugleaf

This is a multi-part message in MIME format.
--------------090202020106050806070803
Content-Type: text/plain; charset=windows-1252; format=flowed
Content-Transfer-Encoding: 8bit

Mi idea es usar dos div del tama�o deseado, con una tabla cada uno,el 
primero con el encabezado y el segundo con el cuerpo.
Setear overflow:hidden para ocultar el contenido de la tabla que va mas 
halla del tama�o definido de los div.
Crear por javascript una funcion que cuando se haga scroll 
izquierda-derecha se sincronicen ambos div en el misma distancia  scrolleada

Jos� Miguel Santib��ez escribi�:
> En el cap�tulo anterior
> (news:1147378995.772748.26290@y43g2000cwc.googlegroups.com), "mauricio
> silva" <dwight.silva@gmail.com> dijo: 
> 
>> si.. buscando hay cosas reentretenidas con javascript y/o dhtml, pero
>> aun no pillo una que me deje los nombres de las columnas estaticas
>> cuando el tipo baja scrolleando.
> 
> la "live grid" que te mencionaron, aunque es para despliegue, hace eso.
> 
>> Sobre como se hace en excel esto de dejar una fila o columna estatica,
>> la verdad es que no lo se... me pasaron un .xls que ya venia
>> configurado asi. :(
> 
> lo de excel es f�cil y hay dos formas:
> 
> a) "congelando" celdas: te pones al inicio de la primera celda movil 
> (horizontal y verticalmente) y seleccionas: "congelar" (o "freeze") en el 
> men� de ventana.
> 
> b) dividiendo la planilla, aprovechando los controles que est�n al borde de 
> la barra de scroll, puedes moverlos y eso te permite tener una visi�n 
> "doble"...
> 
> 


--------------090202020106050806070803
Content-Type: text/html; charset=ISO-8859-1;
 name="untitled.htm"
Content-Transfer-Encoding: 7bit
Content-Disposition: inline;
 filename="untitled.htm"

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Documento sin t&iacute;tulo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>

<body bgcolor="#FFCC33">
<script language="Javascript 1.1" Type=text/javascript>
function moverup()
{
	document.getElementById("Layer1").style.top=(parseInt(document.getElementById("Layer1").offsetTop) -15) +"px";
	
}
function moverdn()
{
	document.getElementById("Layer1").style.top=(parseInt(document.getElementById("Layer1").offsetTop) +15) +"px";
}


</script>

<p><img src="../imagenes/Boton158.jpg" width="70" height="18" border="0" onClick="javascript: moverup();" style="z-index: 0;"></p>
<table id="tabla2" width="100" border="1">
  <tr>
    <td>Cabecera</td>
  </tr>
</table>
<p>
<div id="Layer1" style="position:absolute; width:101px; height:300px; background-color: #F0F0F0;z-index:1;overflow:auto"> 
<table id="Tabla1" width="100" border="1" bgcolor="#0F0F0F">
  <tr>
    <td>Cuerpo</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
</table>
</div>
</p>
<p><img src="../imagenes/Boton158.jpg" width="70" height="18" border="0" onClick="javascript: moverdn();"></p>

</body>
</html>


--------------090202020106050806070803--