-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhtml.html
89 lines (64 loc) · 1.77 KB
/
html.html
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
82
83
84
85
86
87
88
89
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>draw line to element demo</title>
<link href="css.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="menu"></div>
<div id="panels">
<div id="leftPanel">
<p>
to MAP the persons from the left to the persons to the right. Once the link is set, the same person canot have multiple sources or targets. The target can only accept one person to be linked to.
<strong>
The objective is
</strong>
</p>
</div>
<div id="rightPanel">
<div id="dialog" title="Reset persons mapping?">
<p>
<span class="">x</span>
<span>x</span>
</p>
<p>
<span class="ui-icon ui-icon-alert">
</span>
Do you wish to delete all connection resetting the mapping to it's original positions?
</p>
<a id="getMappings" href="#">show mapping</a>
</div>
<div id="dialogMappingResult" title="Current Mapping">
<p>
Here is a list of the current mapping:
</p>
<ul>
<li>
No mapping was done yet
</li>
</ul>
</div>
<a id="popButton" href="#">
reset mapping
</a>
</div>
</div>
</div>
<!-- jQuery 1.10.2 -->
<script src="http://cdn.jsdelivr.net/jquery/1.10.2/jquery-1.10.2.min.js"></script>
<!-- Raphael 2.0.1 -->
<script class="jsbin" src="http://cdn.jsdelivr.net/raphael/2.1.0/raphael-min.js"></script>
<!-- JsRender 1.0 pre 35 (optional) -->
<script src="http://cdn.jsdelivr.net/jsrender/1.0pre35/jsrender.min.js"></script>
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script src="js.js"></script>
<script>
svgDrawLine( $('#leftPanel'), $('#rightPanel') );
svgDrawLine( $('strong'), $('#getMappings') );
svgDrawLine( $('#getMappings'), $('#menu') );
</script>
</body>
</html>