array javascript

#1 (**permalink**) 19/10/2012, 02:13

Estoy intentando realizar una tabla en la que meter valores utilizando array javascript. Estoy empezando en esto y me pierdo un poco. ¿alguien sabría cómo podría hacerse o dónde tener informacion? En cada celda habría que meter un valor obtenido del array.

quimfv · #2 (**permalink**) 19/10/2012, 04:39

Saber hacerlo si pero y si nos pones un ejemplo de los datos que tienes, no es lo mismo un array multidimensional que uno unidimensional, la tabla debe tener un elemento del array en cada celda pero las celdas se organizan en filas cuantas columnas quieres por fila....intentalo y cuentas que es lo que no sabes hacer....

#3 (**permalink**) 21/10/2012, 10:46

Buenas de nuevo,
si la verdad que me he explicado bastante mal.
Lo que tengo es una tabla html normal cuyas celdas lleva cada una de ellas un valor. He asignado a cada celda un id, de modo que quiero hacer que se cambie el valor de cada celda si se cambia el valor en el script. Y en una columna de celdas quiero que las pinte de un color de fondo en vez de cambiar el valor. Lo que tengo es algo así - me faltan por meter todos los id-:

<table bgcolor="White" style="padding: 10px; margin: 10px">
<tr>
<th class="style1" id="mmu">
JJY
</th>
<th id="aug">
YTD
</th>
<th colspan="2" class="width45" id="ano" dir="rtl">
OLT
</th>
<th colspan="2" id="ap">
APKI
</th>
<th colspan="2" id="le">
LEFLK
</th>
<th class="width50" id="ytd">
LURS
</th>
<th class="width105" id="todo">
DRE
</th>
<th id="fy">
IAD
</th>
<th id="matle">
KASDR
</th>
</tr>
<tr>
<td class="style1"></td>

<td></td>
<td class="width45"></td>
<td class="width45"></td>
<td class="width45"></td>
<td class="width45"></td>
<td class="width45"></td>
<td class="width45"></td>
<td class="width175" colspan="2"></td>
<td class="width65"></td>
<td class="width65"></td>
</tr>
<tr class="strong letragrande">
<td bgcolor="#000000" class="style1">
</td>

<td class="topborder bothborder">
123,46
</td>
<td class="width45 red" dir="rtl">
(141)
</td>
<td class="width45">
-1%
</td>
<td class="width45 red">
(41)
</td>
<td class="width45">
0%
</td>
<td class="width45 red">
(100)
</td>
<td class="width45">
-1%
</td>
<td class="width175" colspan="2">
<div class="barrahorizontal barragrisback">
<div class="barragrisfront" style="width: 67%;">
67 %</div>
</div>
</td>
<td class="width65">
20,157
</td>
<td class="width65 red">
(180)
</td>
</tr>
</table>

Lo que querría es que a través de javascript, supongo que con un array, si meto un valor me cambie el de la celda correspondiente y, tal como he comentado, en una columna me cambie el color de fondo de cada celda que yo quiera.

quimfv · #4 (**permalink**) 22/10/2012, 01:56

Sigues sin explicarte....

A ver si esto te da pistas... de como hacerlo

Código HTML:

Ver original<!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">
var matriz=new Array();
matriz[0]="#000000";
matriz[1]="123,46";
matriz[2]="(141)";
matriz[3]="-1%";
matriz[4]="(41)";
matriz[5]="0%";
matriz[6]="(100)";
matriz[7]="-1%";
matriz[8]="67";
matriz[9]="20,157";
matriz[10]="(180)";
 
function rellenarTabla(){
        document.getElementById("celda0").style.background=matriz[0];
        for (var i=1;i<matriz.length;i++){
             document.getElementById("celda"+i).innerHTML=matriz[i];
         }
}
</script>
</head>
<body>
<a href="#" onClick="rellenarTabla()">Haz click aqui</a> 
<table style="padding: 10px; margin: 10px" border="1">
  <tr> 
    <th class="style1" id="mmu"> JJY </th>
    <th id="aug"> YTD </th>
    <th colspan="2" class="width45" id="ano" dir="rtl"> OLT </th>
    <th colspan="2" id="ap"> APKI </th>
    <th colspan="2" id="le"> LEFLK </th>
    <th class="width50" id="ytd"> LURS </th>
    <th class="width105" id="todo"> DRE </th>
    <th id="fy"> IAD </th>
    <th id="matle"> KASDR </th>
  </tr>
  <tr class="strong letragrande"> 
    <td id="celda0" class="style1">&nbsp;</td>
    <td id="celda1" class="topborder bothborder">&nbsp;</td>
    <td id="celda2" class="width45 red" dir="rtl">&nbsp;</td>
    <td id="celda3" class="width45">&nbsp;</td>
    <td id="celda4" class="width45 red">&nbsp;</td>
    <td id="celda5" class="width45">&nbsp;</td>
    <td id="celda6" class="width45 red">&nbsp;</td>
    <td id="celda7" class="width45">&nbsp;</td>
    <td id="celda8" class="width175">&nbsp;</td>
    <td id="celda9" class="width65">&nbsp;</td>
    <td id="celda10" class="width65 red">&nbsp;</td>
  </tr>
</table>
</body>
</html>

#5 (**permalink**) 22/10/2012, 05:10

Buenas Quim,

estoy probando con lo que has puesto pero sigue sin salirme.
Yo quiero que en función de unos valores que me pasen, pueda cambiar los valores de las celdas.
En cada línea hay una celda que se pintaría de un color de fondo en función del % de los valores que se metan en el resto de celdas de dicha línea.
Si no me equivoco, pues es un ejercicio que estoy realizando, creo que se nota que soy un aprendiz..., debería realizarlo con arrays y luego con funciones que me permitan realizar todo eso.

No sé si me habré explicado un poco mejor.....

quimfv · #6 (**permalink**) 22/10/2012, 06:13

Cita:

Si no me equivoco, pues es un ejercicio que estoy realizando, creo que se nota que soy un aprendiz...

Aqui no hacemos las tareas a nadie, una vez dicho esto te puedo seguir orientando pero no te voy a hacer el ejercicio.

Primero

Cita:

Yo quiero que en función de unos valores que me pasen, pueda cambiar los valores de las celdas.

Pregunta
Como te pasan los valores?

Lo mas basico seria que te lo entren en un formulario, pero se podria recibir de una base de datos o de un fichero xml... hay muchas opciones.

Segundo

Cita:

En cada línea hay una celda que se pintaría de un color de fondo en función del % de los valores que se metan en el resto de celdas de dicha línea.

Si vas a tratar distintas lineas luego una estructura valida seria una array multidimensional, es decir una array cuyos elementos son otro array... pero antes de hacer esto debes saber como vas a recibir los datos.... si los recibes por un formulario seguramente los recibiras individualmente, una sola linea cada vez con lo que la estructura de array que te he mandado seria suficiente.... si los recibes todos a la vez si necesitarás algo mas conplejo....

Para que el script haga algo en funcion de los datos busca las estructuras condicionales de javascript, no son mas complicadas que las de otros lenguajes...

if (condicion) { si es cierta}else {si no es cierta}

o

switch (variable){
case valor:
si la variable=valor
breack;
....
}

con ellas puedes poner un color u otro al fondo en función de %.

Mas preguntas ....

Esos datos solo los tienes que mostrar o los vas a guardar en alguna parte....
cualquier cosa que hagas solo con javascript sera efimera es decir una vez ejecutado el script no queda nada....

#7 (**permalink**) 22/10/2012, 06:22

Muchas gracias Quim, por ahora intentaré ir orientándome con esto que me has comentado a ver cómo me va saliendo. Ya iré comentando.