none
como crear controles dinamicamente RRS feed

  • Pregunta

  • Hola a todos...

    Estoy tratando de crear div y controles dinamicamente... Voy algo asi...

    var valor = variable;

    var cnt1 = "<div>Texto<textarea ID='txtMsj' cols='40' rows='4' style='display:none'></textarea></div>";

    var cnt2 = "<input type='button' value='Valor' onclick='alert('cnt" + valor + "')' />";

    return "<tr id='" + variable + "'><td id='CntMr'>" + cnt1 + ct2 + "</td></tr>"

    El diseño se crea perfectamente pero en el caso del boton, necesito asociarle un evento, en este ejemplo coloque un simple alerta... Pero el evento no es tomado por el control... La razon es porque si pueden ver dice...

    onclick='alert('cnt" + valor + "')' Lo cual lo convertiria en algo asi...

    onclick='alert('cnt1')'

    Y la manera correcta tiene que ser...

    onclick="alert('cnt1')";

    Como podria solucionar esto? las comillas (") no puedo usarla concatenando cadenas...

    Trata de investigar como crear un control dinamicamente y es algo asi...

    var boton = document.createElement("button");
                boton.type = "button";
                if (boton.addEventListener) {
                    boton.addEventListener('click', function () { alert(valor) }, false);
                } else {
                    boton.attachEvent('onclick', funcion);
                }

    PEro luego no se como añadir ese boton al div correspondiente "tomando en cuenta que el div tambien lo creo dinamicamente"...

    Gracias si me pueden ayudar...

    jueves, 7 de julio de 2011 17:17

Respuestas

  • pero el problema cual seria las comillas ?

    podrias usar

    string cnt2 = "<input type='button' value='Valor' onclick=\"alert('cnt" + valor + "')\" />";

     

    o sea el \" para pones comillas dobles en el string

     

    un consejo no uses tanto el var por todos el codigo, si bien esta alli no es para usarse siempre, si sabes que cnt2 es un string definiel como tal

     

    saludos


    Leandro Tuttini

    Blog
    Buenos Aires
    Argentina
    • Marcado como respuesta AdyIr viernes, 8 de julio de 2011 14:23
    jueves, 7 de julio de 2011 17:57

Todas las respuestas

  • pero el problema cual seria las comillas ?

    podrias usar

    string cnt2 = "<input type='button' value='Valor' onclick=\"alert('cnt" + valor + "')\" />";

     

    o sea el \" para pones comillas dobles en el string

     

    un consejo no uses tanto el var por todos el codigo, si bien esta alli no es para usarse siempre, si sabes que cnt2 es un string definiel como tal

     

    saludos


    Leandro Tuttini

    Blog
    Buenos Aires
    Argentina
    • Marcado como respuesta AdyIr viernes, 8 de julio de 2011 14:23
    jueves, 7 de julio de 2011 17:57
  • pero el problema cual seria las comillas ?

    podrias usar

    string cnt2 = "<input type='button' value='Valor' onclick=\"alert('cnt" + valor + "')\" />";

     

    o sea el \" para pones comillas dobles en el string

     

    un consejo no uses tanto el var por todos el codigo, si bien esta alli no es para usarse siempre, si sabes que cnt2 es un string definiel como tal

     

    saludos


    Leandro Tuttini

    Blog
    Buenos Aires
    Argentina


    Hola como estas, funciono perfectamente gracias... Bueno referente a lo del string en lugar del var se me olvido decir que es con javascript...

    jueves, 7 de julio de 2011 20:51