problema mostrar cont. de tabla dinámica con js

[ariann]

Buen día a todos.
Estoy teniendo problemas para mostrar mediante un alert el contenido de una celda.

Esta es mi tabla que se genera dinamicamente, por cada fila hay un boton que selecciona el id a mostrar en un alert:

Código PHP:

      while ($row = mysql_fetch_array($result)){
        echo "
            <tr name=\"tr_id\">
 
                <td class=\"contenido\" id=\"titulo_musica\" >".limitarPalabras($row['titulo_musica'],20)."</td>
                <td class=\"autor\" name=\"artista_musica\" >".$row['artista_musica']."</td>
                <td class=\"id\" name=\"id_musica\" id='id_musica' >".$row['id_musica']."</td>
                                
                <td><button name=\"btnSeleccion\"  onClick='procesoXML(id_musica); return false' class=\"btn btn-info\">seleccionar</button></td>
            </tr>";
        $i++;
    } 
   

Como ven el evento onClick me lleva a una funcion "procesoXML(id_musica)".

Código:

function procesoXML(){
	resul = document.getElementById('resultado');
	
	bus2=document.getElementsByName('id_musica');
	
        alert(bus2);
.
.
.

El problema es que siempre me tira el id nro 1, sea cual sea el que seleccione siempre manda en el alert el id nro 1.

Alguien podría guiarme en mi error?

Desde ya muchas gracias por su tiempo.

[maycolalvarez]

tienes varios errores:

1 - al construir el ID desde PHP no le asignas el id de la DB, por el cual Todos los TD tienen como ID id_musica realmente no hay nada que los diferencie a excepción de su contenido

2 - en el evento onclick pasas una variable id_musica que no existe, al menos NO para js

3 - la función procesoXML NO espera ningún parámetro y sin embargo tratas de pasarle el id_musica desde el evento onclick

3.1 - variables sin declarar en procesoXML, use var

3.2 - bus2 siempre será el TD id_musica, la ideal es que sea el parámetro que pasas a la función

3.3 - bus2 es un objeto del DOM, por lo cual el alert mostrará eso, debes de usar bus2.innerHTML
corrija los errores e intente de nuevo.

[alguienmas]

a la lista de maycolalvarez añade que debieras usar getElementById() y no getElementsByName()

Saludos

[maycolalvarez]

@alguienmas cierto, ni de cuenta me dí +1

[ariann]

Bueno antes que nada muchas gracias por responder! estuve mucho tiempo sin hacer nada y ahora estoy retomando, se me olvidaron mil cosas.

Después de leer sus sugerencias y buscar modifique mi código, sin embargo todavía no logro dar con la solución, a ver que ven ustedes.

Tabla generada dinamicamente:

Código PHP:

      while ($row = mysql_fetch_array($result)){
        echo "
            <tr name=\"tr_id\">
 
                <td class=\"contenido\" id=\"titulo_musica\" >".limitarPalabras($row['titulo_musica'],20)."</td>
                <td class=\"autor\" name=\"artista_musica\" >".$row['artista_musica']."</td>
                <td class=\"id\" id=\"id_musica\" name=\"id_musica\"  >".$row['id_musica']."</td>
                                
 
                <td><button name=\"btnSeleccion\"  onClick=\"procesoXML('/procesoXML.php','id_musica='+getElementById('id_musica').innerText') ; return false\" class=\"btn btn-info\">seleccionar</button></td>
            </tr>";
        $i++;
    } 
   

Acá lo que hice fue pasarle la url y a la variable id_musica le asigne el valor de la celda.

Función procesoXML

Código:

function procesoXML(_pagina,valorPost){
    capa = document.getElementById('resultado');
    
    ajax=nuevoAjax();
    
    ajax.open("POST", _pagina+"?"+valorPost, true);
    
    ajax.onreadystatechange=function() {
		if (ajax.readyState==4) {
			capa.innerHTML = ajax.responseText
		}
	}

    ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");    
    ajax.send(valorPost);
}

Espero puedan orientarme un poco mas.
Un saludo y muchas gracias por su tiempo!