ayuda con java y css

[nervio]

wenas alguien sabria como modificar con java un css?
me explico lo que quiero es cambiar la propiedad de imagen de fondo de un css.
por ejemplo: tengo una lista de imagenes, cuando pinche encima de una de ellas, me cambie la propiedad del css background.

.imagen { position:absolute;
z-index:2;
width:355px;
height:500px;
background:url('7tt58nag-49.jpg') no-repeat top left;
background-color: #FFFFFF;
layer-background-color: #FFFFFF;
border: 1px solid #cccccc;
margin-top: 13px; }

weno eso era todo.
Gracias

[AlvaroG]

Ni idea de cómo se hace con Java, pero seguramente en el foro de Java te ayuden más que en el de Javascript


Mostrá tu HTML y lo que has intentado hacer, o de lo contrario solamente obtendrás ejemplos genéricos que quizás no te sirvan.
La idea es referenciar a la imagen (onclick="cambiar_fondo(this)") y en la función que maneja el evento utilizar la propiedad 'style':

Código Javascript:

function cambiar_fondo(elem) {
    elem.style.background = " nuevo valor para la propiedad ";
}
 

saludos.

[stock]

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:

//este objeto es solo un Helper que se puede reutilizar para no escribir
//siempre lo mismo
var Helper = {
 
     get   : function(id){
         return document.getElementById(id);
     },
 
     on    : function(el, event, fn, scope){
          scope = scope || el;
          var listener = function(event){
               fn.call(scope,event);
          }
          if(el.addEventListener){
               el.addEventListener(event,listener,false);
          }else{
               el.attachEvent(event,listener);
          }
     }
}
 
 
//cuando todo se ha cargado....
window.onload = function(){
     
     //tomas la imagen por su ID y le asignas un listener al evento "click"
     var img = Helper.get("idDeLaImagen");
     Helper.on(img,"click",function(){
          //this == img
          this.style.background = "transparent url(images/nuevaImagen.jpg) 0 0 no-repeat";
 
     });
     
}
 

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 :)