Drag and Drop

brunomartins · Abril 9, 2015

Iae galera...

Pessoal vocês poderiam me ajudar...

Tem como colocar uma imagem em uma div (quadrado) e essa div mudar de cor, e quando eu tirasse essa imagem essa div ficaria de cor diferente?

Eu so consegui fazer com q ela ficasse de uma cor quando eu coloquei a imagem, mas quando eu tiro ela fica da mesma cor...

Se vocês puderem me ajudar ficaria muito agradecido...

ta aki o codigo em html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>Cickweb | Drag n Drop</title>

</head>

<body>

</div>

</div>

</div>

</div>

</div>

var dragDropObj = new DHTMLgoodies_dragDrop();

dragDropObj.addSource('box1',true);

dragDropObj.addSource('box2',true);

dragDropObj.addTarget('box101','dropItems');

dragDropObj.addTarget('box102','dropItems');

dragDropObj.addTarget('box103','dropItems');

dragDropObj.addTarget('box104','dropItems');

dragDropObj.addTarget('box105','dropItems');

dragDropObj.addTarget('box106','dropItems');

dragDropObj.addTarget('box107','dropItems');

dragDropObj.addTarget('box108','dropItems');

dragDropObj.addTarget('box109','dropItems');

dragDropObj.addTarget('words','dropItems');

dragDropObj.init();

</script>

function dropItems(idOfDraggedItem,targetId){

var targetObj = document.getElementById(targetId);

var subDivs = targetObj.getElementsByTagName('DIV');

if(subDivs.length>0 && targetId!='words')return

var sourceObj = document.getElementById(idOfDraggedItem);

targetObj.appendChild(sourceObj);

targetObj.style.backgroundColor='#C0C2C4';

}

</script>

</body>

</html>

Entrar

Drag and Drop

Pergunta

brunomartins

Link para o comentário

Compartilhar em outros sites

0 respostass a esta questão

Posts Recomendados

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades