Drag and Drop con mensaje de advertencia

[ceaped]

Buenos días
Estoy realizando un Quiz de arrastre y me encontré con este ejemplo que se acerca a lo que necesito:

Drag-Drop

Pero lo que necesito es que cada elemento tenga su propia casilla de arrastre y que si la encaja en la casilla incorrecta le salga un mensaje que no esta bien o si la encaja bien que le diga que esta bien.

Yo tengo la siguiente estructura:

Ejemplo

Gracias por su ayuda

[infoturnosya]

En la function dragDrop le agregue esto

Código Javascript:

if ($(objArrastrado).attr('class') != $(e.target).attr('ID')){  
        alert('Incorrecta');
        return false;
    }
 

Fijate si funciona

[ceaped]

Hola infoturnosya

Este es el código. Yo quiero que cuando este mal salga un mensaje.
Otra pregunta por que en IE este código no me funciona. Como debo ponerlo?

Código Javascript:

<script type="text/javascript">
 
function dropItems(idOfDraggedItem,targetId,x,y)
{
    var targetObj = document.getElementById(targetId);
    var subDivs = targetObj.getElementsByTagName('DIV');
    if(subDivs.length>0 && targetId!='piezas')return;
    var sourceObj = document.getElementById(idOfDraggedItem);
    var numericIdTarget = targetId.replace(/[^0-9]/gi,'')/1;
    var numericIdSource = idOfDraggedItem.replace(/[^0-9]/gi,'')/1;
    if(numericIdTarget-numericIdSource==100){
 
        sourceObj.style.WebkitFilter= 'drop-shadow(6px 6px 25px rgba(163,255,15,0.5))';
        sourceObj.style.filter= 'drop-shadow(6px 6px 25px rgba(163,255,15,0.5))';
        sourceObj.style.msFilter= 'progid:DXImageTransform.Microsoft.MotionBlur(strength=50), progid:DXImageTransform.Microsoft.BasicImage(mirror=1)';
                
    }else{
 
        sourceObj.style.WebkitFilter= 'drop-shadow(6px 6px 25px rgba(255,0,0,0.5))';
        sourceObj.style.filter= 'drop-shadow(6px 6px 25px rgba(255,0,0,0.5))';
    }
 
    if(targetId=='piezas'){
        targetObj = targetObj.getElementsByTagName('DIV')[0];
        
        sourceObj.style.webkitFilter= 'drop-shadow(0px 0px 0px rgba(0,0,0,0.0))';
    }
    targetObj.appendChild(sourceObj);
}
 
 
var dragDropObj = new DHTMLgoodies_dragDrop();
 
dragDropObj.addSource('box1',true);
dragDropObj.addSource('box2',true);
dragDropObj.addSource('box3',true);
 
dragDropObj.addTarget('box101','dropItems');
dragDropObj.addTarget('box102','dropItems');
dragDropObj.addTarget('box103','dropItems');
dragDropObj.addTarget('piezas','dropItems');
 
dragDropObj.init();
</script>
 

Código Javascript:

sourceObj.style.msFilter= 'progid:DXImageTransform.Microsoft.MotionBlur(strength=50), progid:DXImageTransform.Microsoft.BasicImage(mirror=1)';
 

Gracias por tu ayuda

[infoturnosya]

bueno , el codigo q yo te escribi lo tenes que poner en la libreria q vos instalas para hacer el drag & drop, si lo queres hacer mas limpito ponele algunos parametros o hacele un callback.
en cuanto a IE, en este navegador no funciona nada, nose q decirte