Apostila Caelum fj-28 Erro no player

To lendo a apostila da caelum e to com um problema no tocador ele nao esta funcionando alguem pode dar uma ajuda ai ??

O meu problema tah no javascript pois quando eu coloco o codigo pra fazer o player funcionar eu nao consigo usar o drag and drop pra colocar as musicas no carrinho porem quando eu comento as linhas do javascript o drag and drop volta a funcionar com o carrinho perfeitamente!!

vao ai os codigos

a pagina inicial

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@page pageEncoding="Cp1252" contentType="text/html; charset=Cp1252" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Cp1252"/>
<title></title>

<script src="javascripts/efeitos.js"></script>
<script src="javascripts/loja.js"></script>
<link rel="stylesheet" type="text/css" href="css/style.css"/>
</head>
<body class="loja">
	<h1>Loja de Musicas </h1>
	
	<div id="cds">
		<c:forEach var="cd" items="${cds}">
			<div id="cd-${cd.id}" class="cd">
			<img src="img/cd/${cd.imagemCapa}"/>
				<span class="titulo">${cd.titulo}</span>
				<span class="artista">${cd.artista}</span>
				<hr/>
				<ol>
					<c:forEach var="musica" items="${cd.musicas}">
						<li class="musica" id="musica-${musica.id}" >
							${musica.titulo} - ${musica.preco}
							<a href="${musica.mp3}">ouvir</a>
						</li>
					</c:forEach>
				</ol>
			</div>
		</c:forEach>
</div>
<div id="carrinho">
	<h2>Meu Carrinho</h2>
		<div id="compras">
		 <c:import url="carrinho.lista.logic" />
</div>
<a href="loja.formulario.logic?KeepThis=true&TB_iframe=true&height=300&width=400"
class="thickbox" title="Finalizar compra">
Finalizar compra
</a>
</div>
<div id="player">
<img src="img/multimedia.png"/>
</div>
</body>
</html>

o loja.js

function atualizaCarrinho(drag) {
id = drag.id.substr(7);
$('#compras').load('carrinho.adiciona.logic', {'musica.id': id});
}
$(function(){
$('.musica').Draggable({
ghosting: true,
opacity: 0.7,
zIndex: 10,
revert: true
});
$('#carrinho').Droppable({
accept: 'musica',
onDrop: atualizaCarrinho
});
});

function remove() {
id = this.id.substr(7);
$('#compras').load('carrinho.remove.logic', {'musica.id': id});
}
$(function() {
$('.compra').Draggable({
ghosting: true,
opacity: 0.7,
zIndex: 10,
revert: true,
onStop: remove
});
});

function tocar(musica) {
parar_musica(); // para se tiver tocando
// recupera o endereco do mp3
var href = $('a', musica).attr('href')
var caminho = "mp3/player.swf?autoplay=true&song_url=mp3/" + href;
// constroi html pro flash
var flash = '<object type="application/x-shockwave-flash" ' + ' data="'+caminho+'" width="17" height="17">' + ' <param name="movie" value="'+caminho+'" />' + ' </object>';
$("#player").append(flash);
} 

function parar_musica() {
$("#player object").remove();
}


$(function() {
$('img.logo').Droppable({
accept: 'musica',
onDrop: tocar
});
}

$(function() {
$('img.logo').click(parar_musica);
}

abraço a todos agradeço desde jah!!

Topicos relacionados