getElementById('x').style.backgroundImage='a';

[paskuini]

buenas de nuevo! estoy dándole vueltas a este asunto:

Código HTML:

function menosmas(el) {
	var obj = document.getElementById(el);
	var mas = "url(mas.gif)";
	var menos = "url(menos.gif";
	if(obj.style.display='none'){
		obj.style.backgroundImage = mas }
	else if(obj.style.display='block'){
		obj.style.backgroundImage = menos }
}

y no se donde está el error... (soy MUY novato en js)
la idea es hacer un "mostrar más" o menos usando los iconos mas.gif y menos.gif...

alguien puede echarme una manita?

[_cronos2]

Prueba así:

Código HTML:

<div onclick='cambiaFoto(this)'></div>
<div id='contenido'>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras tristique nibh vel neque viverra at pharetra justo pulvinar. Cras sed erat arcu, iaculis cursus odio. Mauris eu ultricies sapien. Nulla feugiat hendrerit velit ac ullamcorper. Duis lacinia lectus vel sem accumsan lobortis. Proin hendrerit eros eget arcu convallis facilisis. Fusce in sapien eget enim dapibus blandit a vel turpis. Pellentesque ornare leo arcu. Nulla pretium ullamcorper ligula ac pretium. Nulla porttitor gravida hendrerit. Maecenas dignissim lorem non sem molestie venenatis non nec dolor. </div>
 

Código Javascript:

function cambiaFoto(div){
 var disp = document.getElementById('contenido').style.display;
 disp = disp == 'none' ? 'block' : 'none';
 div.style.backgroundImage = (disp == 'none' ? 'mas' : 'menos') + '.gif';
}
 

Saludos (:

[paskuini]

Muchas gracias, _cronos2, pero no me sirve esta función, ya que solo cambia una imagen "A" por otra "B", lo que yo busco es una función que cambie la "A" por la "B" o viceversa, según la que se esté mostrando.
Se te ocurre algo? :P

[_cronos2]

A ver ahora:

Código Javascript:

function cambiaFoto(div){
 var cnt = document.getElementById('contenido'), disp = cnt.style.display || 'block';
 div.style.backgroundImage = (disp == 'none' ? 'ma' : 'meno') + 's.gif';
 cnt.style.display = disp == 'none' ? 'block' : 'none';
}
 

Saludos (:

[paskuini]

no me funciona :( acabo de probarlo. Luego... tambien me gustaria que me explicases el por qué de utilizar 2 div's en vez de uno... luego solo cojes la id de uno de ellos, no? y la id del otro... ¿se podria decir que está 'fija' en el código?