Question

I’m taking some information from some variables I have already defined outside this function to create a html svg text box.

Here is the function which is causing me trouble:

 RenderTextBox:function()
{
  alert('this.x: ' + this.x);
  alert('this.y: ' + this.y);
  this.textBox = paper.text(this.x, this.y, this.htmlTextBox);
 }

The alerts works prefectly, and prompt me with the values expected. However, the final line which is supposed to create the text box puts them nowhere to be seen. Does anybody know why?

If I replace ‘this.x, this.y..‘ with numerical values in the final line of the function, the text box is placed correctly. It’s only when I use the ‘this.x’ and ‘this.y’ that I have issues.

Answer 1

Sometimes numerical values are converted in strings. That’s one of the very bad point about javascript : variables are not needed to be typed.

You should try to parse them as int in order to make them react as integers again : http://www.w3schools.com/jsref/jsref_parseInt.asp