1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
</head>
<body>
<h1>It works!</h1>
</body>
</html>
<html>
<head>
<title>Untitled</title>
<style>
<!--
.dragme{position:relative;}
-->
</style>
<script language="JavaScript1.2">
<!--
var ie=document.all;
var nn6=document.getElementById&&!document.all;
var isdrag=false;
var x,y;
var dobj;
function movemouse(e)
{
if (isdrag)
{
dobj.style.left = nn6 ? tx + e.clientX - x : tx + event.clientX - x;
dobj.style.top = nn6 ? ty + e.clientY - y : ty + event.clientY - y;
return false;
}
}
function selectmouse(e)
{
var fobj = nn6 ? e.target : event.srcElement;
var topelement = nn6 ? "HTML" : "BODY";
while (fobj.tagName != topelement && fobj.className != "dragme")
{
fobj = nn6 ? fobj.parentNode : fobj.parentElement;
}
if (fobj.className=="dragme")
{
isdrag = true;
dobj = fobj;
tx = parseInt(dobj.style.left+0);
ty = parseInt(dobj.style.top+0);
x = nn6 ? e.clientX : event.clientX;
y = nn6 ? e.clientY : event.clientY;
document.onmousemove=movemouse;
return false;
}
}
document.onmousedown=selectmouse;
document.onmouseup=new Function("isdrag=false");
//-->
</script>
</head>
<body>
<img name="P1" src="P1.jpg" class="dragme" width="150" height="100" border="0" alt="P1">
<img name="P2" src="P2.jpg" class="dragme" width="150" height="100" border="0" alt="P2">
<img name="P3" src="P3.jpg" class="dragme" width="150" height="100" border="0" alt="P3">
<img name="P4" src="P4.jpg" class="dragme" width="150" height="100" border="0" alt="P4">
<img name="P5" src="P5.jpg" class="dragme" width="150" height="100" border="0" alt="P5">
<br>
<br>
Jetzt müssten die "Bilder" eingestellt werden.
<br>
Die "Roten Kreuze" in den "Bilderkästen" kann man bewegen und absetzen wo man möchte die bleiben dort auch stehen.
<br>
Um das nun umzusetzen müsste man nun wissen wo das genau eingebaut werden soll.
</body>
</html> |