2 replies to this topic

[HumansAreFriendsNotFood]

Hey guys - I'm having a little trouble... I want to make 4 images individually indent when clicked and I'm trying to use Jscript to achieve this.

So I've got this:

var Indent =

{

  init: function()

  {

    var foo = document.getElementsByTagName("img");

      for (i=0,ii=4; i<ii; i++) {

        foo[i].onclick = foo[i].style.setAttribute("marginLeft", "10px");

      }

  },

};


Indent.init();

The four images that I want to apply this effect to are the first 4 in the document so hopefully you can see my thinking here.

Any ideas as to why this isn't working?

Thanks in advance :)

[gokuajmes]

change this

foo[i].onclick = foo[i].style.setAttribute("marginLeft", "10px");

to

foo[i].onclick = foo[i].setAttribute("Style","margin-Left:10px");

[gokuajmes]

a better option would be jquery i suppose

http://stackoverflow.com/questions/95731/why-does-an-onclick-property-set-with-setattribute-fail-to-work-in-ie