recuperar fila con javascript

[panyy80]

hola!! llevo varios dias intentando recuperar una fila de una tabla, al pulsar un link, pero lo unico que he conseguido es recuperar la primera fila, lo que quisiera es recuperar la fila donde pulso el link, es como un carrito de la compra, donde en cada fila del producto aparece un <a>Comprar</a> y al pulsar me gustaria porder recuperar dicha fila para ingresarla en el carrito, les pongo el codigo fuente. Muchas gracias!!!

<script language="javascript">
function listado(){
var produc1=dwr.util.getValue("seccion");
JProducto.obtenerProductos(produc1,resultado);
}
function resultado(todas){
dwr.util.removeAllOptions("productos");
var tabla="<table border='1'>";
tabla+="<tr><th>Producto</th>";

tabla+="<th>Precio</th>";
tabla+="<th>Descripcion</th></tr>";
for (var i=0;i<todas.length;i++){
tabla+="<tr id='tablap'><td>"+todas[i].producto+"</td>";
tabla+="<td>"+todas[i].precio+"</td>";
tabla+="<td>"+todas[i].descripcion+"</td>";
tabla+="<td><a href='javascript:comprar()'>Comprar</a></td></tr>";
}
tabla+="</table>";
DWRUtil.byId("listaproducto").innerHTML=tabla;
}
function comprar(){



}

</script>

[autonotel]

Quizá deberías plantearte hacerlo con divs. Podrías, dentro de cada fila dibujar un div y dentro de éste una tabla con las columnas que la muestras cuando haces clic con javascript.

Basándonos en eso puede servirte esto:

http://www.forosdelweb.com/wiki/Mostrar/ocultar_capas

[IsaBelM]

para la próxima vez mejor nos dejas el código generado, no el programado

la solución la tienes aquí

for (var i=0;i<todas.length;i++){
tabla+="<tr id='tablap"+i+"'>

.......

tabla+="<td><a href='javascript:comprar(\"tablap"+i+"\")'>Comprar</a></td></tr>";

de este modo

• no tienes id repetidas
• logras tu objetivo

[panyy80]

muchas gracias!! podrias decirme como recuperar el valor desde javascript, lo he intentado de varias maneras y me sale siempre "null" o no me recupera nada!!. Soy nueva en programacion! Un saludo

[IsaBelM]

tan simple como usar getElementById() y getElementsByTagName() para obtener la colección de td's de cada tr

document.getElementById(id_tr).getElementsByTagNam e('td')

con un ciclo recorres la colección y sacas el valor de cada td (usa innerHTML por que los td no tienen value)

[panyy80]

muchas gracias, pero lo he probado de varias maneras y nada, lo he intentado

Código:

function comprar(a){
                alert("document.getElementById('tr').getElementsByTagName('td').innerText");
                }

function comprar(a){
                alert("document.getElementById('a').getElementsByTagName('td').innerText");
                }
function comprar(a){
                alert("document.getElementById('tr').getElementsByTagName('td').innerHTML");
                }
function comprar(a){
                alert("document.getElementById('tr').getElementsByTagName('td')");
                }......

y nada...no puedo!!! alguna sugerencia???

[IsaBelM]

alguna sugerencia?? leer algún manual

function comprar(tr){
td = document.getElementById(tr).getElementsByTagName(' td');
for (var i = 0; i < td.length-1; i++) {
alert(td[i].innerHTML)
}
}

[panyy80]

muchas gracias por todo!!!