Código HTML:
Ver original
<script language=JavaScript> var IE=document.all ? true : false; var NS=document.layers ? true : false; var Mouse=new Object; var Drag={OffX:0, OffY:0, Layer:false}; var Layers=new Array(); /******************************* Modifier simplement ici **********************/ // Pour créer un nouvel objet Drag & Drop enable, il suffit de faire ceci : // var Mavariable = new Layer("<tag1 html><tag2 html>"); var Smile1=new Layer("<img src=smile1.gif>"); var Smile2=new Layer("<img src=smile2.gif>"); var Smile3=new Layer("<img src=smile3.gif>"); var Smile4=new Layer("<img src=smile4.gif>"); var Smile5=new Layer("<img src=smile5.gif>"); var Smile6=new Layer("<img src=smile6.gif>"); var Smile7=new Layer("<img src=smile7.gif>"); var Smile8=new Layer("<img src=smile8.gif>"); /******************************** Fin des modifications ************************/ /******************************** Pas touche au code ci-dessous :-)*************/ if(NS)document.captureEvents(Event.MOUSEMOVE); document.onmousemove=function(NSEvent){ if(IE){ Mouse.X=event.x + document.body.scrollLeft; Mouse.Y=event.y + document.body.scrollTop; } else if(NS){ Mouse.X=NSEvent.pageX; Mouse.Y=NSEvent.pageY; } if(Drag.Layer)Drag.Layer.Move(Mouse.X - Drag.OffX, Mouse.Y - Drag.OffY); } function Layer(tag){ this.Index=Layers.length; this.Move=function(left, top){ eval('Layers[' + this.Index + '].Object' + this.Style + '.left=' + left); eval('Layers[' + this.Index + '].Object' + this.Style + '.top=' + top); } if(IE){ this.Object=document.all['lay' + this.Index]; this.Style='.style'; this.Object.Index=this.Index; } else if(NS){ document.write('<layer id=lay' + this.Index + '>' + tag + '</layer>'); this.Object=document.layers['lay'+ this.Index]; this.Style=''; this.Object.Index=this.Index; this.Object.captureEvents(Event.MOUSEDOWN|Event.MOUSEUP); } this.Object.onmousedown=function(NSEvent){ if(IE){ Drag.OffX=event.offsetX; Drag.OffY=event.offsetY; } else if(NS){ Drag.OffX=NSEvent.x; Drag.OffY=NSEvent.y; } Drag.Layer=Layers[this.Index]; return false; } this.Object.onmousemove=function(){return false;} this.Object.onmouseup=function(){Drag.Layer=false;} Layers[this.Index]=this; } </script> <h2 align=center>Drag & Drop</h2> <div align=center> Ejemplo de script para coger y arrastra (drag and drop) texto e imágenes. <br> <br> Archivos:<br> </body>
este código no me funciona en el navegador Google Chrome ni en Mozilla Firefox
como puedo hacer para que sea compatible?