getElementById problem

[Absorbator]

Hi everybody!

 

I have a JavaScript function which has to be applied to many objects. The problem is that a variable used as an argument for getElementById() is changed to something like "[object HTMLDIVElement]" and it becomes useless. I have to use the variable several times with no changes.

 

Thanks in advance!

[rajivgonsalves]

what does your code look like, getElementById returns that object so you could just use the object instead of using getElementById.

[Absorbator]

The object must passed in recursive function, but JavaScript complains that such an operation is invalid

 

function fadeIn(el, val){
  if(val>=1)
return;

  document.getElementById(el).style.opacity=val;
  setTimeout("fadeIn(" + el + ",  " + (val+0.1) + ")", ;

}

[rajivgonsalves]

how are you calling this you should just pass the Id as a parameter.

[corbin]

setTimeout("fadeIn(" + el + ",  " + (val+0.1) + ")", ;

 

If you passed in elem for el:

 

setTimeout("fadeIn(elem,  " + (val+0.1) + ")", ;

 

Which is invalid (when elem is meant to be a constant).

 

setTimeout("fadeIn('" + el + "',  " + (val+0.1) + ")", ;

 

Or, you might be able to just use (I don't it will work... I don't know at what point vars are parsed and what scope setTimeout callbacks are called in):

 

setTimeout("fadeIn(el,  " + (val+0.1) + ")", ;