Comunidad de diseño web y desarrollo en internet online

Cambiar image de background de un div con javascript.

Citar            
MensajeEscrito el 13 Mar 2013 10:25 am
Imagen de fondo de un div
Hola buenos días,

Pongamos que tengo 4 li horizontales que hacen de pestañas de un menú (tipo tab list).Y que siempre uno de ellos tiene que estar pulsado (como si tuviera focus en ese div).

El problema que he tratadode solucionar con este script, es que al pinchar fuera de las pestañas en cualquier parte del documento web, perdía el focus sobre el link que había pulsado previamente, y consecuentemente el fondo volvía al estado del link en reposo, lo que no quería.

Bueno el caso que no sé qué error hay en el siguiente código de javascript, que me permite cambiar el color de los divs al hacer click de uno a otro, pero no el fondo de la imagen, que es lo que realmente quiero pues los fondos para cada botón son una imagen que hemos creado.

El código es el siguiente:


$('#fondomenu ul li a.auxmenu_link1').click(function(){

$('#fondomenu ul li a.auxmenu_link1').css({'background':'url (botonesweb\cabeceras\cabeceraIzq1Down.png)'});
$('#fondomenu ul li a.auxmenu_link2').css({'background':'blue'});
$('#fondomenu ul li a.auxmenu_link3').css({'background':'blue'});
$('#fondomenu ul li a.auxmenu_link4').css({'background':'blue'});

});

...
y así sucesivamente para los 4 links


Lo intenté también con la instrucción:
document.getElementById('auxmenu_link1').style.background = "botonesweb\cabeceras\cabeceraIzq1Down.png";

Pero nada...
Espero vuestra ayuda, gracias!!!

Por manute71

1 de clabLevel



 

firefox
Citar            
MensajeEscrito el 13 Mar 2013 12:25 pm
Las barras de separación de directorios en la URL, están al revés.

Por DriverOp

Claber

2510 de clabLevel



 

opera
Citar            
MensajeEscrito el 13 Mar 2013 12:35 pm
Muchas gracias, pero aún así sigue sin funcionar :(

Por manute71

1 de clabLevel



 

firefox
Citar            
MensajeEscrito el 13 Mar 2013 01:11 pm
Pues entonces las rutas relativas están mal. Usa firebug para ver qué valor está tomando exactamente (digo, si es que usas FireFox para desarrollar...).

Por DriverOp

Claber

2510 de clabLevel



 

opera
Citar            
MensajeEscrito el 13 Mar 2013 02:04 pm
Lo conseguí...tenías razón la ruta relativa no sé que le pasaba que estaba mal. No sabes la alegría que me he llevado al solucionar el problema...

Muchísimas gracias!!!!

Por manute71

1 de clabLevel



 

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.