getElementById de una tabla

mgomez · #1 (**permalink**) 14/10/2005, 14:44

Estoy buscando la manera de trabajar con la propiedad align de una tabla pero no me funciona (nose si no existe o se hace de alguna otra manera)

var _resolucion = document.getElementById("tabla")

_resolucion.align = "center"
_resolucion.style.align= "center"

no funciona con ninguna de los 2... :(

mgomez · #2 (**permalink**) 14/10/2005, 14:50

probe ahora metiendo la tabla en un DIV... pero tampoco pasa nada.. lo que se es que el align no existe en los divs.. pero si el text-align... pero no funciona :(

Saruman · #3 (**permalink**) 14/10/2005, 14:59

Cita:

Iniciado por mgomez

probe ahora metiendo la tabla en un DIV... pero tampoco pasa nada.. lo que se es que el align no existe en los divs.. pero si el text-align... pero no funciona :(

si, tienes razón, akbo de buscar en las referencias que trae el dreamweaver (muy completas por cierto).... y no hacen referencia a nada en la parte de style con respecto a "align"... es como tu dices, solo a "textAlign"...

saludos

Vaalegk · #4 (**permalink**) 14/10/2005, 15:23

supongo que quieres centrar la tabla no?
para eso el codigo que usaste:

_resolucion.align = "center"

es el adecuado, ahora verifica que tu tabla este en un lugar donde se aprecie el efecto, es decir si tienes tu tabla dentro de otros tags , esta estara centrada dentro del espacio que le proporciona el contenedor anterior... a lo mejos se esta centrando pero no se aprecia el efecto.

mgomez · #5 (**permalink**) 14/10/2005, 15:24

he probado de 10.000 formas y nada sirve... he metido la tabla que quiero alinear en DIV, SPAN, P y ninguno funciona.. wuaa

mgomez · #6 (**permalink**) 14/10/2005, 15:31

la tabla es la raiz.. o sea.. no esta inserta dentro de ningun otro tag... :(

angsanchez · #7 (**permalink**) 14/10/2005, 15:32

La alineación de tablas falla mucho, creo haber leido algo así como que los estilos no responden como -en teoría- deberían.
Para centrar en horizontal hay otra posibilidad que a veces funciona, es
margin-left: auto
margin-right: auto
Inténtalo por ahí.

Vaalegk · #8 (**permalink**) 14/10/2005, 15:41

solo como prueba mira a ver si esto te funciona:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<script>
function centrar(tbl){
if(tbl.align=="center"){
tbl.align="left";
}else{
tbl.align="center";
}
}
</script>
<body>
<table id="tabla" onDblClick="centrar(this)" border="1">
<tr><td>Solo prueba
<br>
<strong>doble click para centrar/restaurar</strong>
</td></tr>
</table>
</body>
</html>

mgomez · #9 (**permalink**) 14/10/2005, 15:46

o bien.. existe alguna propiedad para aplicar un class en una tabla?
algo como=>?
<style>
.class2 {
margin-left: auto
margin-right: auto
}
</style>
<script>
tabla = getElementById("idtabla")
tabla.clas = "class2"
</script>

mgomez · #10 (**permalink**) 14/10/2005, 15:49

Ajajajaja funciono eso del al hacer click...!!! pero existira algun metodo de onload???

Vaalegk · #11 (**permalink**) 14/10/2005, 16:00

en teoria esto debe funcionar:

window.onload=function(){
tabla=document.getElementById('idtabla');
tabla.align="center"
}

mgomez · #12 (**permalink**) 14/10/2005, 16:07

no funciona.. es demasiado raro lo que pasa... con el del click se centraba :)
como se puede acceder al objeto sin el id?

programeitor · #13 (**permalink**) 14/10/2005, 16:28

con id:

document.getElementsByTagName('table')['id de la tabla'].align='center'

sin id: si tienes mas de una tabla en el documento su numero correspondiente.

document.getElementsByTagName('table')[0].align='center'

mgomez · #14 (**permalink**) 14/10/2005, 16:50

no hay caso.. en fin... :(
La necesidad de utilizar ese codigo es por esto:

Código:

var h=window.screen.height
var w=window.screen.width 
resolucion = getElementById("tablas");

if(h >= 768 && w >= 1024){
resolucion.style.align = "center"

}else{

}

Un script para reconocer la resolucion de la pantalla. Alguien conoce alguna otra alternativa?...

programeitor · #15 (**permalink**) 14/10/2005, 19:25

quita esto:

resolucion = getElementById("tablas");

y cambia esto:

resolucion.style.align = "center"

por esto otro:

document.getElementsByTagName('table')['tablas'].align='center'