Scribd
Upload
182 views7 pages

Dsafds

This document contains the HTML and CSS code for a login page interface. The page includes fields for a user to enter their user ID and password. It also includes JavaScript code to validate the login form and submit the data. Styling is provided for dialog boxes, buttons, and other visual elements on the login page.

Uploaded by

Poornachandu Rachakonda
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
182 views7 pages

Dsafds

This document contains the HTML and CSS code for a login page interface. The page includes fields for a user to enter their user ID and password. It also includes JavaScript code to validate the login form and submit the data. Styling is provided for dialog boxes, buttons, and other visual elements on the login page.

Uploaded by

Poornachandu Rachakonda
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 7

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.

01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<link rel="stylesheet" type="text/css" href="login.css" />
<link rel="shortcut icon" href="/images/pennar.ico">

<script type="text/javascript" src="https://cdn.ywxi.net/js/1.js"


async></script>
<title>PIMS</title>
<style type="text/css">
html, body
{
height: 100%;
}
div#space
{
width: 1px;
height: 50%;
margin-bottom: -309px;
float:left
}
div#container
{
width: 703px;
height: 619px;
margin: 0 auto;
position: relative;
clear: left;
}
#loading
{
font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
font-size: 12px;
text-align: center;
}
</style>
<style type="text/css">
body
{
margin: 0;
padding: 0;
background-color: #1C1C1C;
color: #000000;
}
#backgroundimage
{
height: auto;
left: 0;
margin: 0;
min-height: 100%;
min-width: 703px;
padding: 0;
position: fixed;
top: 0;
width: 100%;
z-index: -1;
}
</style>
<style type="text/css">
a:hover
{
color: #290200;
}
</style>
<style>
body { font-size: 62.5%; }
label
{
float: right;
}
label,input
{
display:block;
padding: .4em;
}
input.text { margin-bottom:12px; padding: .4em; }
input.checkbox { float: right;}
textarea,select { margin-bottom:12px; width:95%; padding: .4em; }
fieldset { padding:0; border:0; margin-top:25px; }
h1 { font-size: 1.2em; margin: .6em 0; }
.ui-dialog .ui-state-error { padding: .3em; }
.validateTips { border: 1px solid transparent; padding: 0.3em; }
div #validateErrors { border: 0px solid transparent; padding: 0.3em; }
</style>

<script>
$(function () {
$("#check").button();
$("#submit").button();
$("#format").buttonset();
});
</script>
<!--[if lt IE 7]>
<style type="text/css">
img { behavior: url("pngfix.htc"); }
</style>
<![endif]-->
<link rel="stylesheet" href="/start/jquery.ui.all.css" />

<script src="/js/jquery-1.9.1.js"></script>
<script src="/js/jquery-ui.js"></script>
<style type="text/css">
.ui-dialog
{
padding: 4px 4px 4px 4px;
font-family: Arial;
font-size: 13px;
}
.ui-dialog .ui-dialog-title
{
font-family: Arial;
font-size: 13px;
font-weight: normal;
font-style: normal;
color: #FFFFFF;
}
.ui-dialog .ui-dialog-titlebar
{
padding: 10px 10px 10px 30px;
}
.ui-dialog .ui-dialog-titlebar-close
{
visibility: hidden;
right: 10px;
}
</style>
<script type="text/javascript">

function show_browse()
{
if (screen.width <= 699) {
document.location = "MLogin.jsp";
}
}

</script>
<script type="text/javascript">
$(document).ready(function ()
{

var jQueryDialog1Opts =
{
modal: true,
width: 403,
height: 239,
position: 'center',
resizable: false,
draggable: false,
show: 'scale',
hide: 'scale',
closeOnEscape: true,
autoOpen: false
};
$("#dialog-form").dialog(jQueryDialog1Opts);
});
</script>
<script>
$(function () {
var projectname = $("#userid"),
receiveddate = $("#password"),
allFields = $([]).add(projectname).add(receiveddate),
tips = $(".validateTips");

function updateTips(t) {
tips
.text(t)
.addClass("ui-state-highlight");
setTimeout(function () {
tips.removeClass("ui-state-highlight", 1500);
}, 5000);
}
function checkLength(o, n, min, max) {
if (o.val().length > max || o.val().length < min) {
o.addClass("ui-state-error");
updateTips("Length of " + n + " must be between " +
min + " and " + max + ".");
return false;
} else {
return true;
}
}

function required(o, n) {
if (o.val().length == 0) {
o.addClass("ui-state-error");
updateTips(n + " is Required ");
return false;
} else {
return true;
}
}

function login() {
var bValid = true;
allFields.removeClass("ui-state-error");
bValid = bValid && required(projectname, "Userid");
bValid = bValid && required(receiveddate, "Password");
if (bValid) {
$("#myform").submit();
//$( this ).dialog( "close" );
}
}

$("#dialog-form").dialog({
autoOpen: true,
height: 300,
width: 400,
position: 'center',
resizable: false,
draggable: false,
closeOnEscape: true,
show: 'scale',
hide: 'scale',
modal: true,
buttons: {
Cancel: function () {
$(this).dialog("close");
},
"Login": login

},
close: function () {
allFields.val("").removeClass("ui-state-error");
}
});

$("#enter")
.click(function () {
$("#dialog-form").dialog("open");
});
$('#dialog-form').live('keyup', function (e) {
if (e.keyCode == 13) {
$(':button:contains("Login")').click();
}
});

});

</script>
</head>
<body onLoad='show_browse();'>
<img id="backgroundimage" src="images/bg-light.png" border="0" alt="">
<div id="space"><br></div>
<div id="container">
<div id="bv_Image1"
style="margin:0;padding:0;position:absolute;left:0px;top:0px;width:703px;height:644
px;text-align:left;z-index:0;">
<img src="/images/EPMS_Process.png" id="Image1" alt="" align="top"
border="0" style="width:703px;height:644px;"></div>
<div id="bv_Image2"
style="margin:0;padding:0;position:absolute;left:50px;top:0px;width:254px;height:88
px;text-align:left;z-index:0;">
<img src="/images/logo_w.png" id="Image2" alt="" align="top"
border="0" style="width:100px;height:100px;"></div>
<div id="enter"
style="margin:0;padding:0;position:absolute;left:318px;top:279px;width:87px;height:
89px;text-align:left;z-index:0;">
<img src="/images/enterbutton.png" width="87" height="89"
alt="ENTER" border="0" onmouseover="this.src = '/images/enterbutton_hover.png'"
onmouseout="this.src = '/images/enterbutton.png'">
</div>
<div id="bv_Text1"
style="margin:0;padding:0;position:absolute;left:22px;top:110px;width:271px;height:
50px;text-align:left;">
<font style="font-size:12px" color="#E6E6FA" face="Agency
FB">Integrated Management System</font></div>
</div>
<div id="dialog-form" title="Pennar-IMS Login" style="z-index:1000;">
<p class="validateTips"></p>
<div id="validateErrors" class="ui-state-highlight"></div>

<form id="myform" name="myform"


action="/PIMSLogin.action;jsessionid=6F90AE7FD016E0979FAD2AAF00292706"
method="post">
<table style="width:100%">

<tr><td span="3">&nbsp;</td></tr>
<tr>
<td>
User Id :
</td>
<td colspan="2">
<input type="text" name="userid" value="" id="userid"
class="class java.util.HashMap"/>
</td>
</tr>
<tr><td span="3">&nbsp;</td></tr>
<tr>
<td>Password :</td>
<td colspan="2"><input type="password" name="password"
id="password" class="class java.util.HashMap"/>

</td>
</tr>
<tr><td span="3">&nbsp;</td></tr>
<tr>
<td><a href="RetrivePassword.jsp" style="color:
#253d97;"><b>Forgot Password...</></a></td><td></td>

</tr>

</table>

</fieldset>

</form>

<!-- javascript that is needed for tooltips -->


<script type="text/javascript" src='/struts/domTT.js'></script>
<link rel="stylesheet" type="text/css" href="/struts/domTT.css"/>

</div>
</body>
</html>

You might also like