blob: 265578dd49f6824a795232ef737f76892d32408f (
plain)
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
|
<!DOCTYPE HTML>
<html>
<head>
<title> Drag and Drop | Test </title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Language" content="en-us">
<link rel="stylesheet" type="text/css" href="css/lesson.css">
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript" src="js/jquery-1.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.js"></script>
<script type="text/javascript" src="js/lesson.js"></script>
</head>
<body>
<center>
<div id="feedback_image">
<div class="drag_delegates draglist">
<img class="dragme" id="imgdrag0" draggable="true" src="" alt="" />
<img class="dragme" id="imgdrag1" draggable="true" src="" alt="" />
<img class="dragme" id="imgdrag2" draggable="true" src="" alt="" />
<img class="dragme" id="imgdrag3" draggable="true" src="" alt="" />
</div>
</div>
<!--<div id="sidebar">
<b>Score Box:-</b>
<br><br>
<img class="scoreBox" src= "" alt="" />
</div>
-->
<div id="drop_area">
<div class="drophere" id="imgdrop">
<br>Drop the Greatest numbers among four above numbers.
</div>
</div>
<div id="difficulty">
<u><b>Difficulty level:</b></u>
<form name="diffLevel">
<input type="radio" name="level" value="easy" CHECKED>Easy
<input type="radio" name="level" value="medium">Medium
<input type="radio" name="level" value="hard">Hard
</form>
</div>
<br><br><br><br>
<hr width="250" align="center">
<b>Status Area:</b>
<hr width="250" align="center">
<form name="display">
<p>Selected Box : <input type="text" size = "10" name="selectedBox"></p>
<p>Dropped Box : <input type="text" size = "10" name="droppedBox"></p>
<p>Score : <input type="text" size = "10" name="score"></p>
</form>
<hr width="250" align="center">
<center>
<script type= "text/jscript">
initialize();
</script>
</body>
</html>
|