No al cierre de webs
ShareCode
Permalink: http://www.treeweb.es/u/974/ 01/02/2011

ShareCode

1 var StackCards = function(parent) {2  this.dom = parent;3  this.stack = ([]);4  5  this.dom.setAttribute('b', 'StackCards');6 }7 8 StackCards.prototype.push = function(card) {9  card.setAttribute('b', 'Card');10  card.classList.add('Card-out');11  this.stack.push(card);12  13  this.dom.appendChild(card);14  card.offsetTop;15  16  card.addEventListener('animationstart', function(e){alert('ya!');}, true);17  18  card.classList.remove('Card-out');19 }20 21 StackCards.prototype.pop = function() {22  var card = this.stack.pop();23  this.dom.removeChild(card);24  return card;25 }26 27 28 ////////////////////////////////////////////////////////////7729 30 var TestCard = function(n) {31  var dom = document.createElement('div');32  dom.innerHTML = 'THIS IS A CARD ('+n+')';33  return dom;34 }35 36 ////////////////////////////////////////////////////////////////37 38 var ms; //main stack39 40 window.addEventListener('load', function() {41  ms = new StackCards(document.body);42  43  var c1 = new TestCard('principal');44  c1.addEventListener('click', function(event){45  var c2 = new TestCard('secundaria');46  ms.push(c2);47  }, true);48  ms.push(c1);49 }, true);
Enlace
El enlace para compartir es:

Powered by TreeWeb
© TreeWeb 2010. Todos los derechos reservados