Tabla

Shia · #1 (**permalink**) 24/03/2006, 15:05

Hola

Estoy haciendo una tabla de dos columnas.

Código:

<tr><th>Palabra 1</th><td>Palabra 2</td></tr>

Tengo al rededor de 2000 palabras y quiero acomodarlas toda de manera que queden como la línea anterior, claro no es nada simpático tener que copiar palabra por palabra dentro de <th></th> y <td></td> ya que son muchas, entonces me pregunto si existe alguna herramienta que ayude creando las etiquietas automáticamente ó alguna forma de hacer el proceso más rápido.

La lista de palabras las tengo ordenadas en 2 columnas.

¿Alguien me da alguna idea?

lancer · #2 (**permalink**) 25/03/2006, 12:09

recomendaria que dentro de <th></th> y <td></td> trabajaras con <ul> y <li> osea listas, cosa que asi no estas tantas creando mas de 2000 celdas. y si quieres ocultar la viñeta lo puedes hacer con css. por ejemplo del tipo:

ul.etiqueta li {
list-style-type: none;
margin-left: -1cm;
font:8pt/15pt "Trebuchet MS", Arial, sans-serif;
}

furoya · #3 (**permalink**) 26/03/2006, 09:03

Hola Shia , lancer :

Si hay tantas palabras y una fórmula repetitiva para mostrarlas, lo mejor es usar una base de datos (porque los nombres hay que escribirlos igual uno por uno) y hacer la tabla con (p.e.) PHP.

Si de todas maneras quieres escribir la tabla en el código fuente con HTML, puedes usar cualquier editor de texto que tenga "Copiar" y "Pegar", y mejor "Buscar" y "Reemplazar". Escribes

Código:

<table><tbody><th>

luego el primer título; después

Código:

</th>
<td>

escribes el primer dato y

Código:

</td>
<th>

Como ves, solamente hay que separar cada palabra con los contenidos en azul y verde para cerrar con un

Código:

</td></tbody></table>

lo que se hace mucho más fácil copiando y pegando que escribiendo.

Si tienes un Block de Notas (Notepad) puedes escribir la tabla vacía con marcadores para las palabras.

Código:

<table><tbody>

<th>@@</th><td>$$</td>

</tbody></table>

copiando (selección y [CTRL] + C) y pegando ([CTRL] + V) el código rojo tantas veces como filas haya. Después abres la herramienta "Buscar" y escribes @@, buscas la primera coincidencia - que queda seleccionada- y cierras la herramienta de búsqueda. Tipeas o pegas el primer título y con [F3] seleccionas la siguiente. Tipeas o pegas el segundo título y repites.

Cuando terminas con todos, haces lo mismo con $$ para los datos.

Hay un montón de editores WYSIWYG que al menos para simplificar estos trabajos sirven.

O, de última ...

Código:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<title></title>
<script type="text/javascript">
var primeraCol =["cero","uno","dos","tres","cuatro","cinco","seis","siete","ocho","nueve"]
var segundaCol =["zero","one","two","three","four","five","six","seven","eight","nine"]

function creaTabla(){
var cantidadPalabras = primeraCol.length;
var contenido0 = '';
var contenido1 = '<tr><th>';
var contenido2 = '</th><td>';
var contenido3 = '</td></tr>\r\n';

for(p=0; p<cantidadPalabras; p++){
contenido0 += contenido1 + primeraCol[p] + contenido2 + segundaCol[p] + contenido3;
}
document.getElementById("contenedor").innerHTML = '<table class="miClase"><tbody>' + contenido0 + '</tbody></table>'
}

function verCodigo(){
var codigo = document.getElementById("contenedor").innerHTML;

document.write("<plaintext>" + codigo);
}
</script>
<style type="text/css">
.miClase,.miClase td,.miClase th {border: 2px solid silver;}
</style>
</head>
<body onload="creaTabla()">
<div id="contenedor"></div>
<input type=button value="VER CÓDIGO" onclick="verCodigo()">
</body>
</html>

Shia · #4 (**permalink**) 09/04/2006, 14:19

Me ha sido útil gracias a los dos.

Saludos