Обединяване на два скрипта

sinner · 5 Август 2007

Здравейте! Значи имам два скрипта - единият за създавне на изображение при натискане на бутон, а другия скрипт е за drag&drop на изображение. Как мога да обединя двата кода така че при натискане на бутона да ми се появи изображението и след това да мога да го преместя?

1.За създавне на изображение при натискане на бутон

Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Create Image with JS</title>
<script type="text/javascript">

function CreateImage()
{
   var image = document.createElement('img');
   image.setAttribute('src','circle1.gif');
   image.setAttribute('id','JSCreateImage');
   image.setAttribute('width','100');
   image.setAttribute('height','100');
   image.setAttribute('alt','JSImage');
   image = document.body.appendChild(image);
}

</script>

</head>
<body>
<FORM>
<a href="#" onClick="CreateImage();"><IMG SRC="circle1.gif" NAME="s" HEIGHT=33 WIDTH=86 BORDER=0></a><br /><br /> 
</FORM>
</body>
</html>

2. За drag&drop на изображение

Код:

<html>

<head>
<title>Cool script that lets you drag and drop images around your page!</title>
<meta name="GENERATOR" content="Microsoft FrontPage 3.0">
</head>

<body>

<?php include "../../head.php"; ?>

<HEAD>

<SCRIPT LANGUAGE="JavaScript">

N = (document.all) ? 0 : 1;
var ob;
function MD(e) {
if (N) {
ob = document.layers[e.target.name];
X=e.x;
Y=e.y;
return false;
}
else {
ob = event.srcElement.parentElement.style;
X=event.offsetX;
Y=event.offsetY;
}
}
function MM(e) {
if (ob) {
if (N) {
ob.moveTo((e.pageX-X), (e.pageY-Y));
}
else {
ob.pixelLeft = event.clientX-X + document.body.scrollLeft;
ob.pixelTop = event.clientY-Y + document.body.scrollTop;
return false;
}
}
}
function MU() {
ob = null;
}

if (N) {
document.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE | Event.MOUSEUP);
}
document.onmousedown = MD;
document.onmousemove = MM;
document.onmouseup = MU;
// End -->
</script>
</HEAD>



<BODY>

<div id="s" style="position:absolute;left:50;top:300;">
<img src=http://javafile.com/javascripts/imagefx/dragndrop1/spades.gif name="s">
</div>

<div id="d" style="position:absolute;left:50;top:350;">
<img src=http://javafile.com/javascripts/imagefx/dragndrop1/diamonds.gif name="d">
</div>

<div id="c" style="position:absolute;left:100;top:300;">
<img src=http://javafile.com/javascripts/imagefx/dragndrop1/clubs.gif name="c">
</div>

<div id="h" style="position:absolute;left:100;top:350;">
<img src=http://javafile.com/javascripts/imagefx/dragndrop1/hearts.gif name="h">
</div>

</body>
</html>

Благодаря предварително :?:  :D

Обединяване на два скрипта

sinner

Registered