65 lines
1.9 KiB
HTML
65 lines
1.9 KiB
HTML
<!DOCTYPE html >
|
|
<html>
|
|
<head>
|
|
<title>An example of using an IFRAME to cover the scrollbars</title>
|
|
</head>
|
|
<body>
|
|
<!DOCTYPE html >
|
|
<html>
|
|
<head>
|
|
<style>
|
|
.ModalDialog_dialog {
|
|
font-family: Georgia, Verdana;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<iframe style="position: fixed; top: 0; left: 0; border: none" id="myIframe" src="iframe.html"></iframe>
|
|
|
|
<div id="myCover"></div>
|
|
|
|
<script>
|
|
|
|
document.getElementById("myIframe").style.height = '100%';
|
|
document.getElementById("myIframe").style.width = '100%';
|
|
</script>
|
|
|
|
<script src="../libraries/OfficeExcel.modaldialog.js" ></script>
|
|
|
|
<!-- This is the popup dialog-->
|
|
|
|
<div id="loginDialog" style="display: none">
|
|
|
|
<b>Please login</b>
|
|
<p>
|
|
<table border="0">
|
|
<tr>
|
|
<td align="right" style="padding-top: 4px">Email</td>
|
|
<td><input type="text" size="20" name="email" style="width: 150px" /></td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td align="right" style="padding-top: 4px">Password</td>
|
|
<td><input type="password" size="20" name="password" style="width: 150px" /></td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td colspan="2" align="right">
|
|
<input type="reset" value="Cancel" onclick="ModalDialog.Close()">
|
|
<input type="submit" name="submit" value="Login »" onclick="alert('This is just an example'); event.stopPropagation()">
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</p>
|
|
</div>
|
|
|
|
<!-- End of dialog -->
|
|
</body>
|
|
</html>
|
|
<!-- Social networking buttons -->
|
|
<?php
|
|
$prefix = substr($_SERVER['SERVER_NAME'], 0, 3);
|
|
require("/OfficeExcel.{$prefix}/social.html");
|
|
?>
|
|
|