Tema: Css Random
Ver Mensaje Individual
  #6 (permalink)  
Antiguo 26/10/2010, 15:27
Avatar de stock
stock
 
Fecha de Ingreso: junio-2004
Ubicación: Monterrey NL
Mensajes: 2.390
Antigüedad: 20 años, 4 meses
Puntos: 53
Respuesta: Css Random

Necesitas agregar un listener al elemento, para internet explorer usas "attachEvent" y para el resto de los navegadores que siguen los estandars adecuadamente usas "addEventListener".

Te dejo un ejemplo sencillo para que tu lo extiendas y adaptes a tus encesidades, pero la idea es esta:

Código Javascript:
Ver original
  1. var Helper = {
  2.  
  3.    change : function(id){
  4.       var a = document.getElementbyId(id),
  5.            n = Math.round(Math.random()*30);
  6.      
  7.       a.rel = "../css/"+n+".css";
  8.    }
  9.  
  10. };
  11.  
  12.  
  13. window.onload = function(){  //<--- en lugar de usar esto, intenta usar addEventListener y attachEvent, no te lo pongo así para hacer las cosas más sencillas, pero no es buena idea hacerlo de esta manera
  14.  
  15. var el = document.getElementById("link");
  16.  
  17. el.addEventListener("click",function(){  //<--- esto no funcionará en explorer, pero haz una utiliería que te permita agregar listeners adecuadamente ;)
  18.  
  19.    Helper.change("link");
  20.  
  21. },false);
  22.  
  23.  
  24. }


y el HTML quedaría algo así:

Código HTML:
Ver original
  1. <a id="link" href="#" href="http://www.forosdelweb.com/f13/css-random-854247/...">Test</a>