<table>
<tr>
<td colspan="2">Itemshop</td>
<td id="korb" style="border:1px solid #DFDFDF;
background-color:#AEC8F7;" valign="top" rowspan="3">
<b>Deine Bereits ausgewählten Items</b><br>
Um ein Item das du kaufen wilst hinzuzufügen greif dir einfach
das Item und packe es hier rein !<br>
</td>
</tr>
<tr>
<td><span id="Item" style="cursor:hand;"><img src="anmeldeb.png"/></span></td>
<td><span id="Item2" style="cursor:hand;"><img src="item"/></span></td>
</tr>
<tr>
<td><span id="Item3" style="cursor:hand;"><img src="item"/></span></td>
<td><span id="Item4" style="cursor:hand;><img src="Item4.png"/></span></td>
</tr>
</table>
<script language="JavaScript">
<!--
var dragobj = null;

function dodrag(e)
{
//das event für Internet Explorer und Firefox vorbereiten
 if(window.ebent) {o = window.event.srcElement;}
 else{o = e.target};
if(!o){return}  //anderer Browser?

//Schauen, ob der Drag über unserem Bild passiert ist, dazu
//das Eltern-Element und dessen Eltern (usw.) durchsuchen
while(o != null && (!o.id || o.id.substr(0,4) != 'Item'))
{
if(o.parentNode){o = 0.parentNode;}
else
{o = null;
break; //beim Fenster angekommen, ohne etwas zu finden
}
}
 if(o != null && o.id && o.id.substr(0,4) == 'Item'
{
dragobj = null;}
}
document.onmousedown = dodrag;
//-->
</script>
<script language="JavaScript">
<!--
function domove(e)
{if(dragobj == null){return ;} //kein Drag, dann auch kein Move

//das Event für Internet Explorer und Firefox vorbereiten
if(window.event){e = window.event;}
id(!e{return} //andere Browser?

//x und y an die Browser anpassen
x = 0; y = 0;
if(e.clientX){x = e.clientX; y = e.clientY;}
if(e.offsetLeft){x = e.offsetLeft; y = e.offsetTop;}
id(e.pageX){x = e.pageX; y = e.pageY;}

//... und das Objekt verschieben (neu poitionieren)
dragobj.style.position = 'absolute';
dragobj.style.left = (x+2)+'px';
dragobj.style.top = (y+2)+'px';
return false;
}
document.onmousemove = domove;
</script> 
<script language="JavaScript">
<!--
function dodrop(e)
{
id(dragobj == null){return ;} //kein Drag, dann auch kein Drop

//das Event für Internet Explorer und Firefox vorbereiten
if(window.event){o = window.event.srcElement;}
else{o = e.target};
if(!o){return}

//prüfen, ob der drop über dem Warenkorb erfolgt ist
while(o.id != 'korb')
{
if(o.parentNode){o = o.parentNode;}
else
{
o = null;
break; //kein Warenkorb gefunden
}
}
if(o != null && o.id == 'korb')
{
if(dragobj.id.index0f('_n')== -1)
{
//Buch klonen und neu Positionieren
n = dragobj.cloneNode(true>;
n.id = dragobj.id+'_n';
n.style.position = '';
n.style.left = 0;
n.style.top = 0;
o.appendChild(n); //an den Warenkorb herausgezogen,also
//löschen wir es
dragobj.removeNode(true);
}
}
//alles wieder zurücksetzten
dragobj.style.position = '';
dragobj.style.left = 0;
dragobj.style.top = 0;
dragobj = null;
return false;
}
document.onmouseup = dodrop;
</style>