Ver Mensaje Individual
  #3 (permalink)  
Antiguo 16/07/2010, 16:16
Avatar de stock
stock
 
Fecha de Ingreso: junio-2004
Ubicación: Monterrey NL
Mensajes: 2.390
Antigüedad: 20 años, 8 meses
Puntos: 53
Respuesta: ayuda con java y css

Si lo quieres hacer con Java tendrías que recargar la página completamente para que se generara un nuevo HTML jejejeje....

Ahora, con JavaScript se haría de la siguiente manera:

Código Javascript:
Ver original
  1. //este objeto es solo un Helper que se puede reutilizar para no escribir
  2. //siempre lo mismo
  3. var Helper = {
  4.  
  5.      get   : function(id){
  6.          return document.getElementById(id);
  7.      },
  8.  
  9.      on    : function(el, event, fn, scope){
  10.           scope = scope || el;
  11.           var listener = function(event){
  12.                fn.call(scope,event);
  13.           }
  14.           if(el.addEventListener){
  15.                el.addEventListener(event,listener,false);
  16.           }else{
  17.                el.attachEvent(event,listener);
  18.           }
  19.      }
  20. }
  21.  
  22.  
  23. //cuando todo se ha cargado....
  24. window.onload = function(){
  25.      
  26.      //tomas la imagen por su ID y le asignas un listener al evento "click"
  27.      var img = Helper.get("idDeLaImagen");
  28.      Helper.on(img,"click",function(){
  29.           //this == img
  30.           this.style.background = "transparent url(images/nuevaImagen.jpg) 0 0 no-repeat";
  31.  
  32.      });
  33.      
  34. }

Procura no escribir código JavaScript dentro del HTML, es una muy mala práctica que data del milenio pasado (1996 - 1999), en el 2010 se utilizan los listeners

Saludos :)