Discussion 67 Comments

1. Oscar says:

   September 8, 2011 at 7:10 am

   Great tutorial!

   I have some problem when im trying to implement this into a eventListener. Im already spawning the element on a eventListener. But I wanna add another function where I can fade the element in.

   var hiddenElement = document.getElementById(‘hiddenElement’);

   hiddenElement.addEventListener(‘click’, fadeIn, false);

   function fadeIn() {
   setInterval(function() {
   hiddenElement.style.opacity += .08;
   }, 1000 );
   }

   Any help would be appreciated :)

   Reply
   • Oscar says:

     September 8, 2011 at 7:37 am

     Forgot to say that only want it to run ones on the ‘click’.

     Reply
   • Michael M says:

     September 29, 2011 at 1:11 pm

     Hi

     Javascript is trying to do string concatenation.

     The following code should work as a basic example:

     YOUR CODE
     var box = document.getElementById(‘box’);

     var currentOpacity = parseFloat(box.style.opacity);

     setInterval(function(){
     currentOpacity += 0.02;
     box.style.opacity = currentOpacity;
     console.log(currentOpacity)
     },100)

     Make sure the opacity is set to 0 to begin with.

     Reply
2. taylor says:

   December 15, 2011 at 2:14 am

   wut if i wanted to pass in multiple variables to one parameter of the fadeOut function? like using an array?
   so i dont have to declare the same function twice.

   i.e.

   function fadeOut( elem, speed ) {

   …

   }

   fadeOut( [box, anotherbox], 1000 );

   Reply