problema con l'animazione sul colore

**iacoposk8** · 04-03-2010, 19:03

ciao a tutti!!!
ho una domanda molto facile da fare.
io un pò il jacascript lo conosco, perchè l'avevo fatto a scuola.
ora mi sto avvicinando al jQuery UI per le animazioni ecc..
stavo leggendo questa guida e già al primo esempio (animazioni sul colore) ho dei problemi

mi serve un esempio, così mi regolo in base a quello e posso procedere a fare altri script.
io ho scritto questo codice:

codice:

<html><head><title>prova</title></head>
<body>
<link type="text/css" href="css/smoothness/jquery-ui-1.7.2.custom.css" rel="Stylesheet" />

<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>

<script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js">

function effetto () {
	$("#box").text("Errore!").animate({"backgroundColor":"red"});
}
</script>



Cambia sfondo.</p>
<div id="box" style="padding: 3px; background-color: rgb(255, 255, 204); width: 50%;">Messaggio in #box</div>

</body>
</html>

le 3 cartelle (js, css e development-bundle) sono assieme al file html che ha il codice mostrato sopra..

non capisco che sbaglio.
grazie.

**iacoposk8** · 05-03-2010, 21:12

o se sapete mostrarmi voi un esempio simile, va bene lo stesso...
solo per tenere la linea del tutorial...

altrimenti, una domanda migliore... siccome io sono agli inizi, studiarmi un framework o un altro non mi cambia nulla...
secondo voi qual'è il framework che ha più potenzialità per le animazioni??
un consiglio.

**iacoposk8** · 06-03-2010, 09:58

l'ho provato a riscrivere in un altro modo:

codice:

<html><head><title>prova</title></head>
<body>
<link type="text/css" href="css/smoothness/jquery-ui-1.7.2.custom.css" rel="Stylesheet" />

<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>

<script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js">
function effetto () {
    $("#box").text("Errore!").animate({"backgroundColor":"red"});
}
document.write('

Cambia sfondo.</p>');
document.write('<div id="box" style="padding: 3px; background-color: rgb(255, 255, 204); width: 50%;">Messaggio in #box</div>');
</script>
</body>

e non va, ma ho notato che se tolgo i vari script type e link type e metto il classico
<script type="text/javascript" language="javascript">
allora lo script va.. non so se in quelle tre cartelle c'è qualcosa da fare, installare o cosa... io le ho messe assieme al file html... come posso vedere che le rileva correttamente??

**Xinod** · 06-03-2010, 13:41

alcuni errori di base nello script che hai postato inizialmente:
-
dopo script
- mancata chiusura di <script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js">
- mancata apertura e chiusura del tag <script> a racchiudere questa function effetto()

dopo aver aggiustato queste cose, se i percorsi agli script sono corretti, funziona

**iacoposk8** · 06-03-2010, 13:56

infatti!!! funziona!! grazie.

Discussione: problema con l'animazione sul colore

Strumenti discussione

Ricerca discussione

Visualizza

problema con l'animazione sul colore

Permessi di invio