Script para generar tabla en un div

[aprendiz_girl]

Saludos,

Investigando por san google encontre un código que te genera el contenido de un array en una tabla:


document.write("<table width=200 border=1 cellpadding=1 cellspacing=1>");
for (i=0;i<temperaturas_cuidades.length;i++){
document.write("<tr>")
document.write("<td><b>Ciudad " + i + "</b></td>")
for (j=0;j<temperaturas_cuidades[i].length;j++){
document.write("<td>" + temperaturas_cuidades[i][j] + "</td>")
}
document.write("</tr>")
}
document.write("</table>")


Lo he probado y funciona muy bien, pero me gustaría saber si es posible hacer algo parecido pero en vez de usar document.write (que me genera una hoja en blanco con la tabla) poder indicarle que lo haga en un DIV que se encuentra dentro de mi pagina.

Agradezco de antemano cualquier comentario al respecto

[IsaBelM]

para eso tienes insertHTML

[aprendiz_girl]

ahhh si? pues investigare al respecto.

Gracias, soy nueva en esto y me norteo fácil. Checare tu recomendación y comento.

[aprendiz_girl]

IsaBelM podrias explicarme un poquito.

Estube checando en internet y como que no encuentro el modo. Como se maneja? Podrias ayudarme con un ejem basico para que vea la sintaxis y ya yo me pelee con lo que necesito.

Se agradece de antemano

[rodrigo_1986]

Hola:
No es "insertHTML" es innerHTML. Se lo utiliza de la siguiente forma:

Código PHP:

  refDiv = document.getElementById('IdDeTuDiv')
contenido = "En esta variable cargas el contenido de tu tabla"
refDiv.innerHTML = contenido 
   

Suerte

[aprendiz_girl]

con razon no funcionaban mis rezos en san google, gracias rodrigo_1986, checare y te comento mis penas :)

[aprendiz_girl]

Rodrigo_1986 he checado lo que recomendaste pero aun tengo dudas existenciales:

Si requiero que se genere la tabla como en el ejemplo que puse al principio, que debería de usar en lugar de document.write.?

Como poner en la variable contenido todo esto?

document.write("<table width=200 border=1 cellpadding=1 cellspacing=1>");
for (i=0;i<temperaturas_cuidades.length;i++){
document.write("<tr>")
document.write("<td><b>Ciudad " + i + "</b></td>")
for (j=0;j<temperaturas_cuidades[i].length;j++){
document.write("<td>" + temperaturas_cuidades[i][j] + "</td>")
}
document.write("</tr>")
}
document.write("</table>")

Agradecida de antemano por cualquier iluminación que puedas darme

[IsaBelM]

pero que zeporra que soy, insertHTML, en fin ....
has de crear una variable y concatenarle valores, por ejemplo

var datos = 'esto ';
datos += 'es una ';
datos += 'prueba';
document.getElementById('campo').innerHTML = datos;

[gumer]

Dudas existenciales aqui vamos...

Iniciado por aprendiz_girl

Rodrigo_1986 he checado lo que recomendaste pero aun tengo dudas existenciales:

Si requiero que se genere la tabla como en el ejemplo que puse al principio, que debería de usar en lugar de document.write.?

Como poner en la variable contenido todo esto?

document.write("<table width=200 border=1 cellpadding=1 cellspacing=1>");
for (i=0;i<temperaturas_cuidades.length;i++){
document.write("<tr>")
document.write("<td><b>Ciudad " + i + "</b></td>")
for (j=0;j<temperaturas_cuidades[i].length;j++){
document.write("<td>" + temperaturas_cuidades[i][j] + "</td>")
}
document.write("</tr>")
}
document.write("</table>")

Agradecida de antemano por cualquier iluminación que puedas darme

No soy tan bueno como otros pero aver si ayudo
pones la tabla en codigo html en una variable:

Código:

elcodigo="<table width=200 border=1 cellpadding=1 cellspacing=1>";
for (i=0;i<temperaturas_cuidades.length;i++){
elcodigo = elcodigo+"<tr>";
elcodigo = elcodigo+"<td><b>Ciudad " + i + "</b></td>";
for (j=0;j<temperaturas_cuidades[i].length;j++){
elcodigo = elcodigo+"<td>" + temperaturas_cuidades[i][j] + "</td>";
}
elcodigo = elcodigo+"</tr>";
}
elcodigo = elcodigo+"</table>";

Corrige +/- errores de sintaxis o por ai q pueda haber cometido, la ides es que el codigo de la tabla lo tengas en una variable string o algo asi;
Luego pones un div
<div id="LATABLAAQUI"><DIV>
y lo mandas con java denuvo

Código:

document.getElementById(LATABLAAQUI).innerHTML = elcodigo;

Aver q tal te va con esta explicación, espero no haber confundido mas jajaja

[aprendiz_girl]

gumer... me salio justo como lo pusiste

Agradezco a todos por la ayuda, ahora me peleare con el estilo de la tabla pero bueno hay vamos

[rodrigo_1986]

Si bien el innerHTML funciona, deberias tratar de utilizarlo lo menos posible ya que en algunas circunstancias y para algunos elementos no funciona bien en todos los browsers.
Es mejor (aunque un poco mas trabajoso) crear los elementos con createElement y appendChild, ya que es soportado por todos los browser.
Es solo un consejo
PD: no podes hacer innerHTML a una fila ni a un select (iexplorer)