1 |
2
|
Manuela
|
<!DOCTYPE HTML>
|
2 |
|
|
<html lang="de">
|
3 |
|
|
<head>
|
4 |
|
|
<meta charset="utf-8" />
|
5 |
|
|
<title>SimpleViewer Gallery</title>
|
6 |
|
|
<meta name="description" content="tmp" />
|
7 |
|
|
<meta name="keywords" content="tmp" />
|
8 |
|
|
<meta name="revisit-after" content="7" />
|
9 |
|
|
<!-- Mobile viewport optimisation -->
|
10 |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
11 |
|
|
<!-- stylesheets -->
|
12 |
|
|
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
|
13 |
|
|
<!-- Optional Bootstrap Theme -->
|
14 |
|
|
<link href="css/bootstrap-theme.min.css" rel="stylesheet" type="text/css" />
|
15 |
|
|
<!-- Documentation extras -->
|
16 |
|
|
<style type="text/css">
|
17 |
|
|
<!--
|
18 |
|
|
#Overlay
|
19 |
|
|
{
|
20 |
|
|
visibility: hidden;
|
21 |
|
|
position: absolute;
|
22 |
|
|
left: 90px;
|
23 |
|
|
top: 120px;
|
24 |
|
|
width:200px;
|
25 |
|
|
height:90px;
|
26 |
|
|
text-align:center;
|
27 |
|
|
border: solid;
|
28 |
|
|
background-color: lightgray;
|
29 |
|
|
}-->
|
30 |
|
|
</style>
|
31 |
|
|
<script type="text/javascript">
|
32 |
|
|
<!--
|
33 |
|
|
function DlgShow(Message)
|
34 |
|
|
{
|
35 |
|
|
// Change the message.
|
36 |
|
|
var Msg = document.getElementById("DlgContent");
|
37 |
|
|
Msg.innerHTML = Message;
|
38 |
|
|
|
39 |
|
|
// Display the dialog box.
|
40 |
|
|
var Dlg = document.getElementById("Overlay");
|
41 |
|
|
Dlg.style.visibility = "visible";
|
42 |
|
|
}
|
43 |
|
|
|
44 |
|
|
function DlgHide(Result)
|
45 |
|
|
{
|
46 |
|
|
// Display the result onscreen.
|
47 |
|
|
var Output = document.getElementById("Result");
|
48 |
|
|
Output.innerHTML = "You clicked: " + Result;
|
49 |
|
|
|
50 |
|
|
// Hide the dialog box.
|
51 |
|
|
var Dlg = document.getElementById("Overlay");
|
52 |
|
|
Dlg.style.visibility = "hidden";
|
53 |
|
|
}
|
54 |
|
|
-->
|
55 |
|
|
</script>
|
56 |
|
|
</head>
|
57 |
|
|
|
58 |
|
|
<body>
|
59 |
|
|
|
60 |
|
|
<div id="Overlay">
|
61 |
|
|
<div>
|
62 |
|
|
<p id="DlgContent">Content Goes Here</p>
|
63 |
|
|
<input id="btnYes"
|
64 |
|
|
type="button"
|
65 |
|
|
value="Yes"
|
66 |
|
|
onclick="DlgHide('Yes')" />
|
67 |
|
|
<input id="btnNo"
|
68 |
|
|
type="button"
|
69 |
|
|
value="No"
|
70 |
|
|
onclick="DlgHide('No')" />
|
71 |
|
|
</div>
|
72 |
|
|
</div>
|
73 |
|
|
</body>
|
74 |
|
|
</html>
|