Ver Mensaje Individual
  #1 (permalink)  
Antiguo 05/06/2012, 08:33
yamsita
 
Fecha de Ingreso: diciembre-2011
Mensajes: 90
Antigüedad: 12 años, 3 meses
Puntos: 0
scrollbar en tabla html

hola amigos buen día,

se me ha presentado una complicacion con un codigo de javascript, pero la verdad soy nueva con estos temas, ya le di muchas vueltas y no lo he podido resolver, podrian echarme una mano?

gracias les dejo el codigo, el problema es que las culumnas del ecnabezado que son 'n' no coinciden con las que se encontraran dentro de la tabla con el scrollbar.

gracias

Código PHP:
<HTML>
<HEAD>
<TITLE>TABLA</TITLE>
<SCRIPT language= "JavaScript">
var ancho1,ancho2,i;
var columnas=<?=$_POST['columnas'];?>; //CANTIDAD DE COLUMNAS//

function ajustaCeldas(){
for(i=0;i<columnas;i++){
ancho1=document.getElementById("encabezado").rows.item(0).cells.item(i).offsetWidth;
ancho2=document.getElementById("datos").rows.item(0).cells.item(i).offsetWidth;
if(ancho1>ancho2){
document.getElementById("datos").rows.item(0).cells.item(i).width = ancho1-6};
else{
document.getElementById("encabezado").rows.item(0).cells.item(i).width = ancho2-6;}
}
}
</SCRIPT>
<STYLE>
#encabezado{border:0}
#encabezado th{border-width:1px}
#datos{border:0}
#datos td{border-width:1px}
</STYLE>

</HEAD>

<BODY onload=ajustaCeldas()>

<?php
echo '<table border=1 bgcolor=scrollbar align=center>
<td>
<table id="encabezado" border=1 cellspacing=0 cellpadding=2 bgcolor=#cccccc>
'
;
    foreach (
$a as $k=> $array){
    foreach (
$array as $clave=> $elemento){
   if(
$elemento){ 
     echo 
'<td bgcolor="#CECECE" width="100"><font face="verdana" size="2"><div align="center">
     <input type="hidden" name="compradoras['
.$clave.']['.$k.']" value="'.$elemento.'"/>
       '
.$elemento.'
       </div></td>'
;
        }else{
            echo 
'<td bgcolor="#CECECE" width="100"><font face="verdana" size="2"><div align="center">.</div></td>';
            }
    }
}
echo 
'</tr>';
echo 
'</table>';

<
div style="overflow:auto; height:100px; padding:0">

<
table border=1 cellspacing=0 cellpadding=2 id="datos" bgcolor=white>
foreach( 
$b as $key => $arrai ) {
foreach (
$arrai as $no => $elemento){
      if(
$elemento){
              echo 
'<tr>';
          echo 
'<td bgcolor="#CECECE" width="100"><font face="verdana" size="2"><div align="center">
           <input type="hidden" name="elemento['
.$no.']['.$key.']"id="hiddenField" value="'.$elemento.'"/>
         '
.$elemento.'
      </div></div></td>'
;
      
//empresas proveedoras
      //echo  'no'.$no.'***key'.$key.'***elemento/'.$elemento;
      
for($ch=1$ch<= $c$ch++){
     
//cruces
      
echo'<td width="110"><div align="center"><font face="Verdana" size="1"> <input type="checkbox" name="elemento['.$no.']['.$ch.']" value="'.$elemento.'"/></font></div></td>';
        
//echo  'no'.$no.'---ch'.$ch.'---elemento/'.$elemento;
        
}
      echo 
'</tr>';
    }


    }
}
echo 
'</table></body></html>';
echo 
'</td></table>';
?>
gracias