SimpleModal/demo1.html at master · cootetom/SimpleModal · GitHub

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
<html>

<head>
<title>Simple Modal Demo</title>

<script language="JavaScript" src="jquery-1.6.1.min.js"></script>
<script language="JavaScript" src="SimpleModal.js"></script>

<style type="text/css">

span {
	color:blue;
	cursor:pointer;
}
span:hover {
	text-decoration:underline;
}

</style>

</head>

<body>

<p>This is a modal window. <span onclick="SimpleModal.open('demo2.html', 400, 750);">Click here</span> to open another one.</p>
<xmp>SimpleModal.open('demo2.html', 400, 750);</xmp>

<br />
<p>Below I've added the link to close this modal.</p>
<p><span onclick="SimpleModal.close('data passed from modal to opener');">close</span></p>
<xmp>SimpleModal.close('data passed from modal to opener');</xmp>

</body>

</html>