קוד:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>KorenRon router configuration page</title>
<style type="text/css">
body {
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
}
img {border: none}
img:hover {opacity: 0.8;}
h1 {
font-size: 1.7em;
display: inline;
margin-bottom: 10px;
}
fieldset {
margin-top: 20px;
background: #fff;
padding: 20px;
border: 1px solid #c1c1c1;
}
#container {
width: 70%;
margin: 10% auto;
}
#box {
background-color: #fff;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border: 1px solid #c1c1c1;
padding: 30px;
filter: progid:DXImageTransform.Microsoft.gradient(startCo lorstr='#ffffff', endColorstr='#f3f3f3'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f3f3f3)); /* for webkit browsers */
background: -moz-linear-gradient(top, #fff, #f3f3f3); /* for firefox 3.6+ */
}
.floater {float: left; margin-right: 10px;}
.floater label {display: block; text-align: center;}
#login {
margin: 2em 0 4em 0;
}
#login h2 {
font-weight: normal;
font-size: 14px;
margin: 0 0 0.5em 1em;
}
#login td {
padding: 0 4px 0 0;
}
#login td.label {
text-align: right;
}
#login td.toolbar {
padding: 0 0 0 1em;
vertical-align: top;
}
#login ul.toolbar {
margin: 0;
}
#login input {
margin: 2px;
padding: 2px;
border: 1px solid #888;
box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}
#error {
display:none;
color:red;
padding: 1em 0 0 0;
}
ul.toolbar {
font-size: 11px;
text-align: left;
list-style-type: none;
padding: 0;
margin: 2px 0 4px 2px;
}
ul.toolbar li {
float: left;
vertical-align: middle;
}
ul.toolbar a {
float: none;
display: block;
margin: 2px 4px 2px 0;
padding: 5px;
background: #ddd;
border: 1px solid #888;
border-radius: 3px;
-moz-border-radius: 3px;
box-shadow:
1px 1px 2px rgba(255,255,255,0.8) inset,
0 10px 10px -5px rgba(255,255,255,0.5) inset, /* top gradient */
1px 1px 2px rgba(0,0,0,0.2); /* shadow */
-webkit-box-shadow:
1px 1px 2px rgba(255,255,255,0.8) inset,
0 10px 10px -5px rgba(255,255,255,0.5) inset,
1px 1px 2px rgba(0,0,0,0.2);
-moz-box-shadow:
1px 1px 2px rgba(255,255,255,0.8) inset,
0 10px 10px -5px rgba(255,255,255,0.5) inset,
1px 1px 2px rgba(0,0,0,0.2);
color: #000;
text-decoration: none;
text-align: center;
white-space: nowrap;
cursor: inherit;
min-width: 4em;
-webkit-transition: background 0.2s linear, box-shadow 0.2s ease-out;
-moz-transition: background 0.2s linear, box-shadow 0.2s ease-out;
}
ul.toolbar a:hover {
background: #eee;
}
ul.toolbar a:active {
background: #aaa;
box-shadow: 1px 1px 2px #999 inset;
-webkit-box-shadow: 1px 1px 2px #999 inset;
-moz-box-shadow: 1px 1px 2px #999 inset;
}
</style>
<script>
function get(id) {
return document.getElementById(id);
}
function trim(str) {
return str.replace(/^\s+|\s+$/g, '');
}
function login(user, pwd, autologin) {
var expires = new Date();
expires.setTime(expires.getTime() + (30 * 24 * 60 * 60 * 1000));
document.cookie = 'username=' + user +
'; expires=' + expires.toGMTString() + '; path=/';
window.name = (autologin ? 'autologin=' : 'login=') + user + '|' + pwd;
window.location.replace('http://www.google.co.il);
}
function dologin() {
login(get('name').value, get('password').value);
}
function loaded() {
var p = window.name.split('=');
if (p[0] == 'error' && p[1]) {
var err = get('error');
err.appendChild(document.createTextNode(p[1]));
err.style.display = 'block';
} else if (p[0] != 'noautologin' || p[1] != 1) {
var user = '';
if (user) {
login(user, '', true);
return;
}
}
window.name = '';
document.onkeydown = function(e) {
e = e || event;
if (e.keyCode == 13) {
dologin();
return false;
}
return true;
};
var username = null;
var cookies = document.cookie.split(';');
for (var i in cookies) {
var c = trim(cookies[i]).split('=');
if (c[0] == 'username') {
username = c[1];
break;
}
}
if (username != null) {
get('name').value = username;
get('password').focus();
} else {
get('name').value = 'admin';
get('name').focus();
}
}
</script>
</head>
<body onload="loaded()">
<div id="container">
<h1>Enter User name and Password </h1>
<div id="box">
<br style="clear: both;"/>
<tr><td align="center"><img src="Background.png" alt="Mayname" /></a></td></tr></center>
<table id="login">
<tr><td colspan="3"><h2>Login:</h2>
<tr><td class="label">User: <td><input id="name" type="text" tabindex="1">
<td class="toolbar" rowspan="2">
<ul class="toolbar">
<li><a onclick="dologin()" ondragstart="return false;"><span>Login</span></a></li>
<tr><td class="label">Password: <td><input id="password" type="password" tabindex="2">
<tr><td colspan="3">
</table>
</fieldset>
<br style="clear: both"/>
<div style="float: left">© MyName</div><img src="img/logobottom.png" alt="Myname" />
</div>
</body>
</html>
ראשי
צ'אט
23-09-2014, 14:46
).
מצב כלאיים
