crear function dinamica con jquery

[jandrogdz]

Que tal foro.

quisiera hacer esta functio dinamica espero alguien me pueda apoyar.

Código Javascript:

$('.editar1').click(function(){
    var url = $('.editar1').attr('link');
    alert(url);
        $.ajax({
            type: "POST",
            url: url,
            success: function(a) {
                    $('.FormPopup').css('display','block');
                    $('.fondo').fadeIn();
                    //$('#agregar').html("cerrar");
                    $('.FormPopup').html(a); 
            }
        });
});
 

esta function esta dentro de un evento click, donde dice e.ditar1 quisiera obtener el id dinamicamente. con php el id si es dinamico pero como lo puedo obtener en la function espero me puedan apoyar.

[rjulio21]

Necesito un poco más detalle. realmente lo que quieres es asignar esa funcion a varios elementos que se crean dinamicamente?
o lo que quieres es capturar el id del elemento con clase ".editar"????

[jandrogdz]

Gracias rjulio21


Lo que necesito es asignar esa funcion a varios elementos que se crean dinamicamente como lo mencionas

[rjulio21]

Amigo,

asi como lo tienes podrias hacerlo pues tu puedes agregar la clase ".editar" a tantos botones quieras y a todos se les asignaria la misma funcionalidad.

Sin embargo por cuestiones más de estandard yo te recomendaria que en vez de una clase uses un atributo data, ya que por lo queneral al agregar un "class" en los selectores los navegadores buscan dicha clase en los archivos css

Quedaria algo asi:

Código Javascript:

<button data-cualquiernombre="true">botton 1</button>
<button data-cualquiernombre="true">botton 2</button>
<button data-cualquiernombre="true">botton 3</button>
 
$( document ).ready(function(){
         $("[data-cualquiernombre=true]").on('click',function(){
              var url = $(this).attr('link');
              console.log(url);
             $.ajax({
                type: "POST",
                url: url,
               success: function(a) {
                    $('.FormPopup').css('display','block');
                    $('.fondo').fadeIn();
                    //$('#agregar').html("cerrar");
                    $('.FormPopup').html(a);
                   }
             });
         });
 
})
 

Alli lo que esté dentro del on "click" asignado por jquery, bien sea una funcion anonima o un llamado a otra se ejecutará sobre todos los botones que tengan dicho atributo data, si prefieres seguir usando la clase puedes hacerlo, el funcionamiento es el mismo. la clave es que en la asignación de la variable "url" uses el elemento "this" para que te capture el atributo del elemento que clickeaste.


Saludos.

[jandrogdz]

es correcto si m funciona pero por el id que preciono m manda un id para hacer una modificacion y de la forma que tu me dices siempre me manda el mismo id.

si lo dejo como clase funciona pero siempre me manda el mismo identificador y quiero que me mande el id que estoy pinchando.

espero me puedas apoyar de antemano muchas gracias por tu ayuda

[rjulio21]

No veo dentro de tu codigo donde captures el id.

pero basta conque metas dentro de la funcion onclick un
id = $(this).attr('id'); eso te devolverá el Id del enlace al que hiciste click y luego lo envias.
Si eso no es lo que quieres, disculpa pero no lo entiendo entonces.

[jandrogdz]

Gracias rjulio21.

eso ultimo que me mencionaste me dio una idea y me resulto.

quedo asi.

Código Javascript:

$('.editar').click(function(){
    var url = $('.editar').attr('data-link'); tiene el enlace de que form cargar
    var id= $('.editar').attr('id'); el id que necesitaba como parametro
 
    alert(url + id);
        $.ajax({
            type: "POST",
            url: url + id,
            success: function(a) {
                    $('.FormPopup').css('display','block');
                    $('.fondo').fadeIn();
                    //$('#agregar').html("cerrar");
                    $('.FormPopup').html(a); 
            }
        });
});
 

Gracias

[rjulio21]

Perfect. la cuestion es que así como lo tienes estas lineas:

Código Javascript:

var url = $('.editar').attr('data-link'); tiene el enlace de que form cargar
    var id= $('.editar').attr('id'); el id que necesitaba como parametro
 

Te devolveran un array con varios registros si hay más de un elemento con la clase "editar" por eso te dije que en vez de eso usaras el "this" así solo haces referencia al campo sobre el cual estás parado. Si son varios selectores a los que asignas la funcion podría no funcionarte bien si dejas las lineas como las tienes.


Me alegra q te sirviera. click al karma y cierra el tema si resolviste. saludos.