[jquery] cambio colore sfondo elemento al click [era: jscript]

**giovasal** · 20-12-2009, 19:32

Qualcuno mi dice, per piacere, che cosa manca a questo script per funzionare?
grazie!

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento senza titolo</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".block").toggle(function() {
$(this).animate({backgroundColor: "#000000"}, 1000);
},

function() {
$(this).animate({backgroundColor: "#68BFEF"}, 500);

});

});
</script>
<style>
.block {
color: white;
background-color: #68BFEF;
width: 150px;
height: 70px;
margin: 10px;
}

</style>

</head>
<body>

<div class="block"> Clicca qui!</div>
</body>
</html>

**giovasal** · 20-12-2009, 20:51

Scusate, ma il titolo è: jquery.

**giovasal** · 21-12-2009, 09:02

Hei ragazzi, c'è qualcuno?

Sono nuovo in questo forum, forse ho fatto male la domanda?
Fatevi sentire.

**marco.carrieri** · 21-12-2009, 11:26

Quello che vuoi fare è cambiare semplicemente sfondo al blocco?

**giovasal** · 21-12-2009, 12:57

Si esatto, semplicemente dovrebbe cambiare da un colore all'altro.

**marco.carrieri** · 21-12-2009, 13:11

Che ne pensi di una cosa cosi?

codice:

<!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"> 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
<title>Documento senza titolo</title>
<style>
.block
{
color: white;
width: 150px;
height: 70px;
margin: 10px;
}
.back1
{
background:lightgreen;
}
.back2
{
background:lightblue;
}
</style>
</head>
<body>
<div class="block back1" onclick="this.className='block back2'">
Clicca qui!
</div>
</body>
</html>

**giovasal** · 21-12-2009, 14:16

Come dici tu va benissimo, ma è CSS. Io volevo capire perchè non funziona in JQuery.

Discussione: [jquery] cambio colore sfondo elemento al click [era: jscript]

Strumenti discussione

Ricerca discussione

Visualizza

jscript

Permessi di invio