Foros del Web » Programando para Internet » Javascript »

Cambiar background body al hacer clic

Estas en el tema de Cambiar background body al hacer clic en el foro de Javascript en Foros del Web. Hola a todos. Quiero cambiar el background-image de cada pagina del sitio al hacer clic en el botón que te lleva a esa pagina, es ...
  #1 (permalink)  
Antiguo 16/09/2011, 18:14
 
Fecha de Ingreso: junio-2011
Mensajes: 478
Antigüedad: 11 años, 8 meses
Puntos: 13
Cambiar background body al hacer clic

Hola a todos.
Quiero cambiar el background-image de cada pagina del sitio al hacer clic en el botón que te lleva a esa pagina, es decir, tengo un menu con inicio, btn1, btn 2, estando en inicio tengo un fondo, al hacer clic en btn2, me lleve a esa pagina pero cambie el fondo.
Algo así como en esta web: http://www.biscuirestaurante.com.br/

Probe haciendo lo siguiente pero no funciona:

<a href="#" onclick="javascript:document.body.style.background Image='url(img/5.jpg)';">btn1</a>

Gracias
  #2 (permalink)  
Antiguo 16/09/2011, 19:02
 
Fecha de Ingreso: septiembre-2011
Mensajes: 158
Antigüedad: 11 años, 4 meses
Puntos: 15
Respuesta: Cambiar background body al hacer clic

En javascript no esta permitido escribir espacios por eso no te funciona tu codigo
en donde dice "background image" se escribe junto y la palabra image se escribe Image
aca te dejo tu codigo

Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es" dir="ltr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>titulo</title>
<script type="text/javascript">
function caca(){
document.body.style.backgroundImage="url(http://images4.wikia.nocookie.net/__cb20101101184251/digimon/es/images/6/62/Gatomon%C2%B4s.jpg)";
}
</script>
</head>
<body>

<a href="javascript: caca()">CLICK HERE !!</a>

</body>
</html>
  #3 (permalink)  
Antiguo 16/09/2011, 19:22
 
Fecha de Ingreso: junio-2011
Mensajes: 478
Antigüedad: 11 años, 8 meses
Puntos: 13
Respuesta: Cambiar background body al hacer clic

Gracias, ahora si funciono! :)

Etiquetas: body, clic, fondo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 04:46.