[SOLUCIONADO] Llamar funciones con nombre dinamico

[carscx]

Hola,

Hoy vengo a preguntar algo un poco complicado, al menos no he encontrado nada que me de una idea. Por ahi no se puede hacer.

La cuestion es la siguiente, en una aplicacion con varios botones, para poder gestionar bien de manera dinamica las acciones de estos botones. Les he asignado un atributo llamado "data-funcion='nombreDeFuncion'"

Mi idea es crear una funcion que traiga el nombre de la funcion como esta:

Código Javascript:

var clickDelBoton = function(boton){
    $("button").on("click", function(){
        var funcionBtn = $(this).attr("data-funcion");
    })
}
 

Y que despues, ejecute la funcion con el nombre del atributo.

Hay alguna forma de hacerlo?

Gracias!

[carscx]

Solucionado a medias....

Añadiendo la funcion eval(). Se consigue lo que quiero hacer.

PERO.......

Según he leido no es una buena practica JavaScript y puede comprometer la seguridad de la aplicacion. Pero no se hasta que punto se podra comprometer la seguridad.

Hay alguna alternativa segura para el uso de eval()??

Gracias!

[PHPeros]

Veo que estás usando jQuery...

Existe un método para manipular información en los elementos con atributos data-: jQuery.data().

Lo de guardar el normbre de cada función y luego ejecutarla no es buena técnica, sería mejor asociar un evento a cada elemento que invoquen diferentes funciones.

Aun así se puede hacer sin necesidad de recurrir a eval().

[carscx]

gracias PHPEros por la respuesta,

Si, uso jQuery,

Ya he cambiado la recepcion con .attr del atributo data por .data().

A que te refieres con asociar un evento a cada elemento?

Gracias por la respuesta,

Actualmente he cambiado de esto:

Código Javascript:

var clickBtn = function(boton){
    $("button").on("click", function(){
        var funcionBtn = $(this).attr("data-funcion");
                eval( funcionBtn + "()" );
    });
};
 

A esto:

Código Javascript:

var clickBtn = function(boton){
    $("button").on("click", function(){
        var funcionBtn = $(this).data("funcion");
        $.globalEval(funcionBtn + "()");
    });
};
 

Y por lo menos el jSHint no da error y funciona.

[PHPeros]

Iniciado por carscx

en una aplicacion con varios botones, para poder gestionar bien de manera dinamica las acciones de estos botones. Les he asignado un atributo llamado "data-funcion='nombreDeFuncion'"

A donde quiero llegar, es que no tiene sentido lo que tratas de hacer... Si quieres controlar la acción de un elemento concreto, lo obtienes por su ID -por poner un ejemplo- y le asocias una función propia:

Código Javascript:

$("#boton1").on("click", function(){
     // Acción para este elemento
});
 
$("#boton2").on("click", function(){
     // Acción para este otro elemento
});
 

Y así con todos.

[carscx]

Tienes toda la razon, es una complicacion, lo voy a hacer como me indicas ahi.

Gracias!