Question

Hi I am currently working on a script given to me by my boss and it is not working in all browsers except IE.

Now he is using the CSS property left to animate it so he has a variable which gets the current value of left. For example lets say left is equal to -100px.

Now once it has this value it adds 10px onto the value to make it move in from the left.

Now my issue lies with parseInt() and the "px" prefix at the end of the number. it keeps returning NaN instead of the value of left.

Does anyone know how to fix this problem?

Thanks in advance

---

UPDATE:
Ok I have rewritten the code and it can be viewed here, by re-written I mean I have took my bosses code and changed variable names and commented it to make it easier to understand and see what it trying to be accomplished with the javascript.

Now the slider is meant to make he selected DIV slide in from the left and into place (the DIV is offet by -760px) in IE this works fine, but not in any other browser. I have however come up with a fix in a way for the other browsers. by removing the px in the stylesheet from the end of -760 it causes the DIV to appear but it does not slide in how it should.

To make it easier im going to supply the sliders html and CSS for them here to hpefully help a little.

The HTML

The CSS

Answer 1

try catch

try{
  w=parseInt(document.getElementById("slideDiv").style.left+"make me string");
}catch(e){
  w=0;
  alert(e.toString());
}