Ciao a tutti, da un pò sto cercando di studiare javascript con l'aiuto di un libro e oggi ho trovato da fare un esercizio in cui devo costruire un carrello della spesa, ma la pagina non si "anima". Ecco lo script:
codice:
<html>
<head><title>Carrello della Spesa</title><head>
<h2>Frutta</h2>
<div style="float:left">
<span id="mela" class="frutta">
[img]frutta/mela.jpg[/img]
</span>
<span id="pera" class="frutta">
[img]frutta/pera.jpg[/img]
</span>
<span id="ciliegia" class="frutta">
[img]frutta/ciliegia.jpg[/img]
</span>
</div>
<div style="left:650px" id="cestinofrutta">
[img]frutta/cesto.jpg[/img]>" />
</div>






<h2>Vestiti</h2>
<div style="float:left">
<span id="maglione" class="vestiti">
[img]vestiti/maglione.jpg[/img]
</span>
<span id="jeans" class="vestiti">
[img]vestiti/jeans.jpg[/img]
</span>
<span id="giubbotto" class="vestiti">
[img]vestiti/giubbotto.jpg[/img]
</span>
</div>
<div style="left:650px" id="carrello">
[img]vestiti/carrello.jpg[/img]>" />
</div>








Hai acquistato:
<span id="contenuto"></span>
</p>

<script src="javascripts/prototype.js" language="javascript"></script>
<script src="javascripts/scriptaculous.js" language="javascript"></script>

<script type="text/javascript">
 new Draggable('mela',{revert:true});
 new Draggable('pera',{revert:true});
 new Draggable('ciliegia',{revert:true});
 new Draggable('maglione',{});
 new Draggable('jeans',{});
 new Draggable('giubotto',{});

Droppables.add('cestinofrutta',
 {
   accept:'frutta',
   onDrop:
     function(element){
	$('contenuto').innerHTML +=
	   ", " +element.id
	}
 }
);
Droppables.add('carrello',
 {
   accept:'vestiti',
   onDrop:
     function(element){
	$('contenuto').innerHTML +=
	   ", " +element.id
	}
 }
);
</script>
</html>
e questo è quello che inserito in javascripts/scriptaculous.js:
codice:
// script.aculo.us scriptaculous.js v1.8.3, Thu Oct 08 11:23:33 +0200 2009

// Copyright (c) 2005-2009 Thomas Fuchs (http://script.aculo.us, http://mir.aculo.us)
//
// Permission is hereby granted, free of charge, to any person obtaining
// a copy of this software and associated documentation files (the
// "Software"), to deal in the Software without restriction, including
// without limitation the rights to use, copy, modify, merge, publish,
// distribute, sublicense, and/or sell copies of the Software, and to
// permit persons to whom the Software is furnished to do so, subject to
// the following conditions:
//
// The above copyright notice and this permission notice shall be
// included in all copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
// EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
// NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
// LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
// OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
// WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
//
// For details, see the script.aculo.us web site: http://script.aculo.us/

var Scriptaculous = {
  Version: '1.8.3',
  require: function(libraryName) {
    try{
      // inserting via DOM fails in Safari 2.0, so brute force approach
      document.write('<script type="text/javascript" src="'+libraryName+'"><\/script>');
    } catch(e) {
      // for xhtml+xml served content, fall back to DOM methods
      var script = document.createElement('script');
      script.type = 'text/javascript';
      script.src = libraryName;
      document.getElementsByTagName('head')[0].appendChild(script);
    }
  },
  REQUIRED_PROTOTYPE: '1.6.0.3',
  load: function() {
    function convertVersionString(versionString) {
      var v = versionString.replace(/_.*|\./g, '');
      v = parseInt(v + '0'.times(4-v.length));
      return versionString.indexOf('_') > -1 ? v-1 : v;
    }

    if((typeof Prototype=='undefined') ||
       (typeof Element == 'undefined') ||
       (typeof Element.Methods=='undefined') ||
       (convertVersionString(Prototype.Version) <
        convertVersionString(Scriptaculous.REQUIRED_PROTOTYPE)))
       throw("script.aculo.us requires the Prototype JavaScript framework >= " +
        Scriptaculous.REQUIRED_PROTOTYPE);

    var js = /scriptaculous\.js(\?.*)?$/;
    $$('head script[src]').findAll(function(s) {
      return s.src.match(js);
    }).each(function(s) {
      var path = s.src.replace(js, ''),
      includes = s.src.match(/\?.*load=([a-z,]*)/);
      (includes ? includes[1] : 'builder,effects,dragdrop,controls,slider,sound').split(',').each(
       function(include) { Scriptaculous.require(path+include+'.js') });
    });
  }
};

Scriptaculous.load();
Dov'è l'errore?