Cambiare background div al click?

17-03-2011, 19.06.24

Ho creato questi codici, ma non capisco cosa non va:

Codice HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Post-it Habbo by #&euro;xabyte</title>
<script language="text/javascript">
var e = document.getElementById();

function celeste(id) {
e.style.background = "img/postceleste.png";
}

function verde(id) {
e.style.background = "img/postverde.png";
}

function viola(id) {
e.style.background = "img/postviola.png";
}

function giallo(id) {
e.style.background = "img/postceleste.png";
}
</script>
<link href="post.css" type="text/css" rel="stylesheet">
</head>
<body>
<div class="postceleste" id='post'>
<div class="icon"><div class="buttonceleste"></div><div class="buttonverde" onclick="verde('post');"></div><div class="buttonviola" onclick="viola('post');"></div><div class="buttongiallo" onclick="giallo('post');"></div></div>
<div class="testo">
Made from #&euro;xabyte
</div></div>
</body>
</html>

Dove è l' errore?

21-03-2011, 12.56.30

Originalmente inviato da exabyte

Dove è l' errore?

Sono un po' troppi per elencarli. E' uno di quei casi in cui vale la pena di fornire pappa scodellata, si fa prima

Codice:

<script type="text/javascript">
function Cambia(immagine) {
var e = document.getElementById('post');
e.style.backgroundImage="url("+immagine+")";
}

</script>

</head>
<body>
<div class="postceleste" id='post'>
<div class="icon"><div class="buttonceleste" onclick="Cambia('img/postceleste.png');">celeste</div><div class="buttonverde" onclick="Cambia('img/postverde.png');">verde</div><div class="buttonviola" onclick="Cambia('img/postviola.png');">viola</div><div class="buttongiallo" onclick="Cambia('img/postgiallo.png');">giallo</div></div>
<div class="testo">
Made from #&euro;xabyte
</div></div>
</body>
</html>

Discussione: Cambiare background div al click?

LinkBack

Strumenti discussione

Display

Cambiare background div al click?

Regole di scrittura