Create multiple DIVs using jQuery and pass values to functions

Question

I'm adding multiple DIVs via jQuery with an onClick() event. But function rTxt(mndt){ doesn't seem to be working. Can someone hep to fix this?

var tDV = 0;
$("#aTx").click(function() {
    var diagonalScl;
    var txSiz;
    tDV++
    $('#ltn').append('<div id="aTextDV"+tDV class="ui-widget-content"></div>');
    $('#aTextDV'+tDV).append('<div class="txrsPos" id="rzTx" onclick="rTxt(this)"><img src="img/markers/welcome.png"/></div>');
    $("#aTextDV"+tDV).append('<textarea rows="3" id="aText">Your Name</textarea>');

    function rTxt(mndt){
    $("#"+mndt).resizable({
        alsoResize: '#aText'
        ,
        create: function(event, ui) {
            diagonalScl = diagonalSwItms();
            txSiz = parseInt($("#aText").css("font-size"));
        },
        resize: function(e, ui) {
            var diagonalSclNw = diagonalSwItms();
            var ratio = diagonalSclNw / diagonalScl;            
            $("#aText").css("font-size", txSiz + ratio * 10);
        }
    });
});

Armen Asriyan · Accepted Answer · 2014-08-01 16:11:43Z

1

try this:

onclick="rTxt(this.id)"

you are passing the Element object to function instead of its id

answered Aug 1, 2014 at 16:11

Armen Asriyan

1777 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

JonaNathali Over a year ago

Nope! that did not solve the issue. The SRc is not working either. Also do you see something wrong with the closing of function rTxt(mndt){ ?

Armen Asriyan Over a year ago

probably you are missing the closing brace } of your rTxt function

Collectives™ on Stack Overflow

Create multiple DIVs using jQuery and pass values to functions

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related