El problema es que el evento onclick
no está dentro del elemento a
, sino dentro de i
. Por ejemplo, aquí funciona, porque trasladamos el onclick
al ámbito del anchor tag:
function obtener_datos(datos) {
alert(datos);
}
<a href="#" class='btn btn-warning' title='Editar usuario' data-toggle="modal" data-target="#edit_data_Modal" onclick="obtener_datos('DatoDesdePHP')"><i class="glyphicon glyphicon-edit" id="editar"></i>Click aquí</a>
De todos modos, poner funciones in line se considera una mala práctica. Para este caso puedes asignar el listener por el id del elemento, así liberas el HTML de la función, por ejemplo:
/* Referencia al elemento */
var elEditar = document.getElementById('editar');
/* Asignación del listener */
elEditar.onclick = function(e) {
console.log(this.value);
};
<button id="editar" class='btn btn-warning' title='Editar usuario' data-toggle="modal" data-target="#edit_data_Modal" value="DatoDesdePHP"><i class="glyphicon glyphicon-edit">Click</i></button>
Aquí he cambiado el a
por un button
, que admite una etiqueta value
donde podrás guardar de forma dinámica el dato que recuperas desde PHP. Luego, en la función, con this.value
se recupera el dato. De eso modo tu código HTML no es dependiente del código Javascript. Esto facilita ampliamente el mantenimiento del código.