JavaScript Discussion Boards

problem with anonymus func with parameters

imbaro2-Jun-13 21:27

2-Jun-13 21:27

Hi, i have a problem.
i want to send a callback function with params.
and every time to send different params.
the problem is that the callback function recive all the time
the same values of the last iteration of the loop-
how can i solve this problem?

thnks!

JavaScript

function B(a,b)
{
    alert(a + b);
}

function A()
{
   for(var i = 0;i < Z ; i++)
   {
      for(var j = 0;j < Z ; j++)
      {
         var temp = function() {return function(){B(i,j)}};;
         func(temp);
      }
   }
}

Re: problem with anonymus func with parameters

dusty_dex3-Jun-13 5:42

dusty_dex

3-Jun-13 5:42

So where is func defined? where is Z defined?

What is your code supposed to do exactly?

here's some code. Smile | :)

JavaScript

function add(a,b)
{
    alert(a + b);
}

function mult(a,b)
{
    alert(a * b);
}

var o = { func : function(f, x,y) { return f(x,y); }};

function A(Z)
{
   for(var i = 0;i < Z ; i++)
   {
      for(var j = 0;j < Z ; j++)
      {
         o.func(add, i,j); // replace add with mult
      }
   }
}

Re: problem with anonymus func with parameters

ZurdoDev3-Jun-13 7:29

ZurdoDev

3-Jun-13 7:29

I would think you could debug and step through and see what is happening.

There are only 10 types of people in the world, those who understand binary and those who don't.

Re: problem with anonymus func with parameters

#realJSOP6-Jun-13 4:35

#realJSOP

6-Jun-13 4:35

When I define Z and func, the code runs, but B is never called. You have to provide a complete example.

".45 ACP - because shooting twice is just silly" - JSOP, 2010
-----
You can never have too much ammo - unless you're swimming, or on fire. - JSOP, 2010
-----
"Why don't you tie a kerosene-soaked rag around your ankles so the ants won't climb up and eat your candy ass." - Dale Earnhardt, 1997

how to toggle between textbox and textarea by jquery

mhd.sbt30-May-13 8:21

mhd.sbt

30-May-13 8:21

hi to all
i written some code for toggle between textbox and textare
but when my textbox convert to multi line(textarea) it cant be convert to input text again how can i do this
my html:

ASP.NET

<form id="form1" runat="server">
     <asp:TextBox ID="txt" runat="server" Text="11111111111111111111111111111"></asp:TextBox>
     <table class="auto-style1">
         <tr>
             <td>
                 <asp:TextBox ID="txt0" runat="server" Text="222222222222222222222222"></asp:TextBox>
             </td>
         </tr>
         <tr>
             <td><asp:TextBox ID="TextBox1" runat="server" Text="333333333333333333333333333"></asp:TextBox></td>
         </tr>
         <tr>
             <td><asp:TextBox ID="TextBox2" runat="server" Text="44444444444444444444444444444444444"></asp:TextBox></td>
         </tr>
         <tr>
             <td><asp:TextBox ID="TextBox3" runat="server" Text="5555555555555555555555555555555555555555"></asp:TextBox></td>
             <td> </td>
         </tr>
         <tr>
             <td><asp:TextBox ID="TextBox4" runat="server" Text="66666666666666666666666666666666666666666666"></asp:TextBox></td>
         </tr>
     </table>
 </form>

JavaScript

$(function () {
       $(':input').click(function () {
           var newTextArea = document.createElement('TextArea');
           this.parentElement.appendChild(newTextArea);
           debugger
           newTextArea.name = $(this)[0].id;
           newTextArea.value = $(this)[0].defaultValue;
           newTextArea.onclick = function () {
               var newtext = document.createElement('input');
               newtext.value = this.innerText;
               newtext.name = this.name;
               this.parentElement.appendChild(newtext);
               $(this).remove();
           }
           $(this).remove();
       })
   });

thanks in advance

As simple as I can make it

#realJSOP30-May-13 8:03

#realJSOP

30-May-13 8:03

I'm still having problems:

0) The code will not get the width of the _image.
1) This in turn causes _scale to be "Infinity" (because _imageWidth is 0 when I try to do the division to determine _scale's value
2) Finally, the _context isn't drawing the _image.

If you want to try the code, I'm using jQuery 2.0 (prior versions back to 1.83 should work fine). Other than that, it's completely self-contained.

XML

<body>
    <div id="canvasesDiv" style="position:relative; width:416px; height:512px; border:1px solid black; background-color:silver;"></div>
</body>

JavaScript

function doIt()
{
    var _filename      = "http://paddedwall.org/2012mustang/images/blacklights_03.jpg";
    var _divName       = "#canvasesDiv";
    var _sceneWidth    = $(_divName).width();
    var	_sceneHeight   = $(_divName).height();
    var _imageWidth    = 0;
    var _image = $('<img />').attr({'id': 'backgroundImage', 'src' : _filename})[0];
    $(_image).load(function()
    {
        if (this.complete === true)
        {
            _imageWidth = this.width;
            if (_imageWidth === 0)
            {
                _imageWidth = _sceneWidth;
            }
        }
    });
    var _scale = _sceneWidth / _imageWidth;
    var _canvas = $("<canvas>Not html5</canvas>");
    $(_canvas).css('width', _sceneWidth);
    $(_canvas).css('height', _sceneHeight);
    _canvas.attr('id', "backgroundCanvas");
    _canvas.css('width', _sceneWidth);
    _canvas.css('height', _sceneHeight);
    _canvas.css('position', 'absolute');
    _canvas.css('top', 0);
    _canvas.css('left', 0);
    _canvas.css('z-index', 0);
    _canvas.css("display", "block");
    $(_divName).append($(_canvas)[0]);
    var _context = $(_canvas)[0].getContext('2d');
    _context.setTransform(1, 0, 0, 1, 0, 0);
    _context.scale(_scale, _scale);
    _context.drawImage($(_image)[0], 0, 0);
}