Hide show scroll Bar
<!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=iso-8859-1" />
<title>Untitled Document</title>
</script>
<script type="text/javascript">
function ChangeScrollState (select) {
//alert(select);
document.getElementById('list').style.overflowX = select;
document.getElementById('list').style.overflowY = select;
}
</script>
</head>
<body>
<div id="list" onmouseover="ChangeScrollState ('scroll');" onmouseout="ChangeScrollState ('hidden');" style="float:left; width:980px !important; width:990px; height:300px;">
<div id="upper_Info_div_1" style="float:left; width:978px !important; width:990px; height:auto;border:1px solid #CCCCCC;" >
<div id="upper_Info_div_1" style="float:left; width:98px; height:23px; text-align:right; border:1px solid #CCCCCC;" class="bodyText" >Cart Id :</div>
<div id="upper_Info_div_1" style="float:left; width:98px; height:23px; text-align:left; border:1px solid #CCCCCC;" ></div>
<div id="upper_Info_div_1" style="float:left; width:98px; height:23px; text-align:right;border:1px solid #CCCCCC;" class="bodyText">Refill Time :</div>
<div id="upper_Info_div_1" style="float:left; width:98px; height:23px; " ></div>
<div id="upper_Info_div_1" style="float:left; width:98px; height:23px; text-align:right;border:1px solid #CCCCCC;"class="bodyText" >Refill For :</div>
<div id="upper_Info_div_1" style="float:left; width:98px; height:23px; " ></div>
<div id="upper_Info_div_1" style="float:left; width:100px; height:23px; border:1px solid #CCCCCC;" >
<input name="Back" type="submit" value="back" />
</div>
</div>
</div>
</body>
</html>
Vertical Scroll Bar
<!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=iso-8859-1" />
<title>Untitled Document</title>
</head>
<body>
<div id="c_h_details" style="width:746px; height: 220px; overflow: auto; overflow-x:hidden; overflow-y: scroll;">
<div id="c_h_div" style="width:746px; height: 20px; background-color: #FFFFFF; border-bottom: 1px solid #CCCCCC; float: left; text-align: center;">
#
www.w3schools.com/js/js_loop_for.asp - CachedSimilar
You +1'd this publicly. Undo
Free HTML XHTML CSS JavaScript jQuery XML DOM XSL XSLT RSS AJAX ASP . ... The for loop is used when you know in advance how many times the script ...
?
#
JavaScript while Loop
www.w3schools.com/js/js_loop_while.asp - CachedSimilar
You +1'd this publicly. Undo
The while loop loops through a block of code while a specified condition is ...
#
VBScript Looping Statements
www.w3schools.com/vbscript/vbscript_looping.asp - CachedSimilar
You +1'd this publicly. Undo
Looping statements are used to run the same block of code a specified number ...
#
Loops
tldp.org/LDP/abs/html/loops1.html - CachedSimilar
You +1'd this publicly. Undo
bin/bash # Invoke this script both with and without arguments, #+ and see what happens. for a do echo -n "$a " done # The 'in list' missing, therefore the loop ...
#
The for loop
tldp.org/LDP/Bash-Beginners-Guide/html/sect_09_01.html - CachedSimilar
You +1'd this publicly. Undo
The for loop is the first of the three shell looping constructs. ...
Show more results from tldp.org<br/>
#
www.w3schools.com/js/js_loop_for.asp - CachedSimilar
You +1'd this publicly. Undo
Free HTML XHTML CSS JavaScript jQuery XML DOM XSL XSLT RSS AJAX ASP . ... The for loop is used when you know in advance how many times the script ...
?
#
JavaScript while Loop
www.w3schools.com/js/js_loop_while.asp - CachedSimilar
You +1'd this publicly. Undo
The while loop loops through a block of code while a specified condition is ...
#
VBScript Looping Statements
www.w3schools.com/vbscript/vbscript_looping.asp - CachedSimilar
You +1'd this publicly. Undo
Looping statements are used to run the same block of code a specified number ...
#
<br/>
Loops
tldp.org/LDP/abs/html/loops1.html - CachedSimilar
You +1'd this publicly. Undo
bin/bash # Invoke this script both with and without arguments, #+ and see what happens. for a do echo -n "$a " done # The 'in list' missing, therefore the loop ...
#
The for loop
tldp.org/LDP/Bash-Beginners-Guide/html/sect_09_01.html - CachedSimilar
You +1'd this publicly. Undo
The for loop is the first of the three shell looping constructs. ...
Show more results from tldp.org<br/>
<br/>
Loops
tldp.org/LDP/abs/html/loops1.html - CachedSimilar
You +1'd this publicly. Undo
bin/bash # Invoke this script both with and without arguments, #+ and see what happens. for a do echo -n "$a " done # The 'in list' missing, therefore the loop ...
#
The for loop
tldp.org/LDP/Bash-Beginners-Guide/html/sect_09_01.html - CachedSimilar
You +1'd this publicly. Undo
The for loop is the first of the three shell looping constructs. ...
Show more results from tldp.org<br/>
<br/>
Loops
tldp.org/LDP/abs/html/loops1.html - CachedSimilar
You +1'd this publicly. Undo
bin/bash # Invoke this script both with and without arguments, #+ and see what happens. for a do echo -n "$a " done # The 'in list' missing, therefore the loop ...
#
The for loop
tldp.org/LDP/Bash-Beginners-Guide/html/sect_09_01.html - CachedSimilar
You +1'd this publicly. Undo
The for loop is the first of the three shell looping constructs. ...
Show more results from tldp.org<br/>
</div>
</div>
</body>
</html>
After Log in 1 step
<!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=iso-8859-1" />
<title>HIS WEB VitalSign</title>
<script language="javaScript" type="text/javascript" src="calendar.js"></script>
<link href="calendar.css" rel="stylesheet" type="text/css">
<style type="text/css">
.bodyText{
font-family:Arial;
font-size:12px;
font-weight:bold;
color:#000000;
}
.tdBorderStyle
{
border:1px solid #CCCCCC;
}
</style>
<style type="text/css">
table.hovertable {
font-family: verdana,arial,sans-serif;
font-size:11px;
color:#333333;
border-width: 1px;
border-color: #999999;
border-collapse: collapse;
}
table.hovertable th {
background-color:#c3dde0;
border-width: 1px;
padding: 5px;
border-style: solid;
border-color: #a9c6c9;
}
table.hovertable tr {
background-color:#d4e3e5;
}
table.hovertable td {
border-width: 1px;
padding: 5px;
border-style: solid;
border-color: #a9c6c9;
}
</style>
<script src="js/loadingData.js" type="text/javascript"></script>
<script type="text/javascript">
function overlap(){
//alert("hahu");
document.getElementById('main_div').style.width="5000px";
document.getElementById('tabmain').style.width="auto";
}
function overclose(){
//alert("hahu");
document.getElementById('main_div').style.width="990px";
document.getElementById('tabmain').style.width="500px";
}
</script>
<script type="text/javascript">
function ChangeScrollState(){
//alert("select");
document.getElementById('main_div').style.width = 5000px;
document.getElementById('tabmain').style.width = auto;
}
</script>
</head>
<body style="width:auto;">
<div id="main_div" style="width:990px; height:auto;">
<!-- Left side-->
<div style="float:left; width:450px; margin-top:0px; margin-bottom:5px; margin-left:0px; background:none; height:500px;">
<div style="float:left; width:450px; margin-top:5px; margin-bottom:5px; margin-left:0px;">
<div id="pic" style="float:left; width:90px; height:100px;background:none;"><img src="Untitled-2.jpg" /></div>
<div style="width:350px; float:left; background:#669999;">
<div id="" style="float:left; width:100px; height:auto; margin-left:2px;">Date</div>
<div id="" style="float:left; width:90px; height:auto; margin-left:2px; text-align:center;">Date</div>
<div id="" style="float:left; width:100px; height:auto; margin-left:2px; text-align:center;">Date</div>
</div>
<div style="width:350px; float:left; font-family:Arial; font-size:12px;font-weight:bold;color:blue;">
<div id="" style="float:left; width:110px; height:auto; "> <input name="back" type="button" value="NoViewMessage" style="float:left; width:110px;" /></div>
<div id="" style="float:left; width:80px; height:auto; margin-left:2px; text-align:center;"> <input name="back" type="button" value="Message" /></div>
<div id="" style="float:left; width:120px; height:auto; margin-left:2px; text-align:center;"> <input name="back2" type="button" value="NoUrgentMessage" style="float:left; width:125px;"/></div>
</div>
<div id="dr name" style="width:320px; float:left;"> </div>
</div>
<div style="float:left; width:440px; height:auto; margin-top:5px; background:none;">
<div style="float:left; width:440px;font-family:Arial; font-size:12px;font-weight:bold;color:blue; background:#66CCCC;">View today opd appointments</div>
<div style="float:left; width:440px;">
<table width="100%" border="1" class="hovertable">
<tr>
<td width="48%">
<input id="" name="" type="checkbox" value="" checked /> (Re) Schedule OPD patients
</td>
<td width="48%">
<input id="" name="" type="checkbox" value="" />Today IPD patients
</td>
</tr>
<tr>
<td width="48%">
<input id="" name="" type="checkbox" value="" /> Rounds
</td>
<td width="48%">
<input id="" name="" type="checkbox" value="" /> Emergency patients
</td>
</tr>
<tr>
<td width="48%">
<input id="" name="" type="checkbox" value="" /> OR
</td>
<td width="48%">
<input id="" name="" type="checkbox" value="" /> Class
</td>
</tr>
<tr>
<td colspan="2" width="48%">
<input id="" name="" type="checkbox" value="" /> Meetings
</td>
</tr>
</table>
</div>
</div>
<div style="float:left; width:440px; height:auto; margin-top:5px; background:none;">
<div style="float:left; width:440px;font-family:Arial; font-size:12px;font-weight:bold;color:blue; background:#66CCCC;">View future opd appointments</div>
<div style="float:left; width:440px;">
<table width="100%" border="1" class="hovertable">
<tr>
<td width="48%">
<input id="" name="" type="checkbox" value="" checked /> Schedule future OPD appointments
</td>
<td width="48%">
<input id="" name="" type="checkbox" value="" />View future IPD admission </td>
</tr>
<tr>
<td width="48%">
<input id="" name="" type="checkbox" value="" /> View future OR appointments
</td>
<td width="48%">
<input id="" name="" type="checkbox" value="" /> Schedule personal appointment
</td>
</tr>
</table>
</div>
</div>
<div style="float:left; width:450px; margin-top:5px; ">
<div style="float:left; width:440px;font-family:Arial; font-size:12px;font-weight:bold;color:blue; background:#66CCCC;'">View past opd appointments</div>
<div style="float:left; width:430px; ">
<table width="100%" border="0" class="hovertable">
<tr>
<td width="25%">Generic Name </td>
<td width="16%">Brand</td>
<td width="23%">Manufacturer</td>
<td width="36%">Symptom & indications </td>
</tr>
</table>
</div>
<div style="float:left; width:430px; ">
<table width="100%" border="0" class="hovertable">
<tr>
<td width="25%"> </td>
<td width="16%"> </td>
<td width="23%"> </td>
<td width="36%"> </td>
</tr>
</table>
</div>
</div>
<div style="float:left; width:450px; margin-top:5px;">
<div style="float:left; width:438px; background:#66CCCC;font-family:Arial; font-size:12px;font-weight:bold;color:blue;">New investigation list</div>
<div style="float:left; width:150px; ">
<div style="float:left; width:150px; height:auto; font-family:Arial; font-size:12px;font-weight:bold;color:#000;">
<input name="isActive" id="isActive" type="radio" value="N" checked />
Pathology</div>
<div style="float:left; width:150px; height:auto; font-family:Arial; font-size:12px;font-weight:bold;color:#000;">
<input name="isActive" id="isActive" type="radio" value="N" checked />
Radiology</div>
<div style="float:left; width:150px; height:auto; font-family:Arial; font-size:12px;font-weight:bold;color:#000;">
<input name="isActive" id="isActive" type="radio" value="N" checked />
Services</div>
</div>
<div style="float:left; width:280px; ">
<table width="100%" border="1" class="hovertable">
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
</table>
</div>
</div>
</div>
<!-- Left side end width:525px !important; width:435px; -->
<div style="float:left; width:525px; margin-left:0px;margin-top:5px; margin-bottom:5px; text-align:center; ;">
<div style=" font-family:Arial; font-size:12px;font-weight:bold;color:#000;background:#669999;">View past OPD appointments</div>
<table width="100%" border="1" cellpadding="0" cellspacing="0" class="hovertable">
<tr>
<td width="30%" style="text-align:center;">Patient Type </td>
<td width="70%">Clinical stamping </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
</div>
<div id="tabmain" style="float:left;background-color:none; width:500px; height:auto; overflow-x:scroll;overflow-y:hidden;">
<table width="100%" border="0" style=" float:left; width:1000px;" onmousemove="overlap();" class="hovertable">
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</div>
<div id="button" style="float:left;background-color:#CCC; width:500px; height:25px; margin-top:15px; ">
<input name="back" type="button" value="Realsize" />
<input name="back" type="button" value="Overlapsize" />
</div>
<div id="button" style="float:left;background-color:#CCC; width:500px; height:25px; margin-top:15px; ">
Total patient record for the criteria :0
</div>
<div id="button" style="float:left;background-color:#CCC; width:500px; height:25px; margin-top:15px; ">
<input name="back" type="button" value="Home page" />
<input name="back" type="button" value="Module menu" />
<input name="back" type="button" value="Log out" />
<input name="back" type="button" value="Refresh" />
</div>
</div>
</body>
</html>
After Log in 2 Step
<!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=iso-8859-1" />
<title>HIS WEB VitalSign</title>
<script language="javaScript" type="text/javascript" src="calendar.js"></script>
<link href="calendar.css" rel="stylesheet" type="text/css">
<style type="text/css">
.bodyText{
font-family:Arial;
font-size:12px;
font-weight:bold;
color:#000000;
}
.tdBorderStyle
{
border:1px solid #CCCCCC;
}
</style>
<style type="text/css">
table.hovertable {
font-family: verdana,arial,sans-serif;
font-size:11px;
color:#333333;
border-width: 1px;
border-color: #999999;
border-collapse: collapse;
}
table.hovertable th {
background-color:#c3dde0;
border-width: 1px;
padding: 5px;
border-style: solid;
border-color: #a9c6c9;
}
table.hovertable tr {
background-color:#d4e3e5;
}
table.hovertable td {
border-width: 1px;
padding: 5px;
border-style: solid;
border-color: #a9c6c9;
}
</style>
<script src="js/loadingData.js" type="text/javascript"></script>
<script type="text/javascript">
function overlap(){
//alert("hahu");
document.getElementById('main_div').style.width="5000px";
document.getElementById('tabmain').style.width="auto";
}
function overclose(){
//alert("hahu");
document.getElementById('main_div').style.width="990px";
document.getElementById('tabmain').style.width="500px";
}
</script>
<script type="text/javascript">
function ChangeScrollState(){
//alert("select");
document.getElementById('main_div').style.width = 5000px;
document.getElementById('tabmain').style.width = auto;
}
</script>
</head>
<body style="width:auto;">
<div id="main_div" style="width:990px; height:auto;">
<!-- Left side-->
<div style="float:left; width:450px; margin-top:0px; margin-bottom:5px; margin-left:0px; background:none; height:500px;">
<div style="float:left; width:450px; margin-top:5px; margin-bottom:5px; margin-left:0px;">
<div id="pic" style="float:left; width:90px; height:100px;background:none;"><img src="Untitled-2.jpg" /></div>
<div style="width:350px; float:left; background:#669999;">
<div id="" style="float:left; width:100px; height:auto; margin-left:2px;">Date</div>
<div id="" style="float:left; width:90px; height:auto; margin-left:2px; text-align:center;">Date</div>
<div id="" style="float:left; width:100px; height:auto; margin-left:2px; text-align:center;">Date</div>
</div>
<div style="width:350px; float:left; font-family:Arial; font-size:12px;font-weight:bold;color:blue;">
<div id="" style="float:left; width:110px; height:auto; "> <input name="back" type="button" value="NoViewMessage" style="float:left; width:110px;" /></div>
<div id="" style="float:left; width:80px; height:auto; margin-left:2px; text-align:center;"> <input name="back" type="button" value="Message" /></div>
<div id="" style="float:left; width:120px; height:auto; margin-left:2px; text-align:center;"> <input name="back2" type="button" value="NoUrgentMessage" style="float:left; width:125px;"/></div>
</div>
<div id="dr name" style="width:320px; float:left;"> </div>
</div>
<div style="float:left; width:440px; height:auto; margin-top:5px; background:none;">
<div style="float:left; width:440px;font-family:Arial; font-size:12px;font-weight:bold;color:blue; background:#66CCCC;">View today opd appointments</div>
<div style="float:left; width:440px;">
<table width="100%" border="1" class="hovertable">
<tr>
<td width="48%">
<input id="" name="" type="checkbox" value="" checked /> (Re) Schedule OPD patients
</td>
<td width="48%">
<input id="" name="" type="checkbox" value="" />Today IPD patients
</td>
</tr>
<tr>
<td width="48%">
<input id="" name="" type="checkbox" value="" /> Rounds
</td>
<td width="48%">
<input id="" name="" type="checkbox" value="" /> Emergency patients
</td>
</tr>
<tr>
<td width="48%">
<input id="" name="" type="checkbox" value="" /> OR
</td>
<td width="48%">
<input id="" name="" type="checkbox" value="" /> Class
</td>
</tr>
<tr>
<td colspan="2" width="48%">
<input id="" name="" type="checkbox" value="" /> Meetings
</td>
</tr>
</table>
</div>
</div>
<div style="float:left; width:440px; height:auto; margin-top:5px; background:none;">
<div style="float:left; width:440px;font-family:Arial; font-size:12px;font-weight:bold;color:blue; background:#66CCCC;">View future opd appointments</div>
<div style="float:left; width:440px;">
<table width="100%" border="1" class="hovertable">
<tr>
<td width="48%">
<input id="" name="" type="checkbox" value="" checked /> Schedule future OPD appointments
</td>
<td width="48%">
<input id="" name="" type="checkbox" value="" />View future IPD admission </td>
</tr>
<tr>
<td width="48%">
<input id="" name="" type="checkbox" value="" /> View future OR appointments
</td>
<td width="48%">
<input id="" name="" type="checkbox" value="" /> Schedule personal appointment
</td>
</tr>
</table>
</div>
</div>
<div style="float:left; width:450px; margin-top:5px; ">
<div style="float:left; width:440px;font-family:Arial; font-size:12px;font-weight:bold;color:blue; background:#66CCCC;'">View past opd appointments</div>
<div style="float:left; width:430px; ">
<table width="100%" border="0" class="hovertable">
<tr>
<td width="25%">Generic Name </td>
<td width="16%">Brand</td>
<td width="23%">Manufacturer</td>
<td width="36%">Symptom & indications </td>
</tr>
</table>
</div>
<div style="float:left; width:430px; ">
<table width="100%" border="0" class="hovertable">
<tr>
<td width="25%"> </td>
<td width="16%"> </td>
<td width="23%"> </td>
<td width="36%"> </td>
</tr>
</table>
</div>
</div>
<div style="float:left; width:450px; margin-top:5px;">
<div style="float:left; width:438px; background:#66CCCC;font-family:Arial; font-size:12px;font-weight:bold;color:blue;">New investigation list</div>
<div style="float:left; width:150px; ">
<div style="float:left; width:150px; height:auto; font-family:Arial; font-size:12px;font-weight:bold;color:#000;">
<input name="isActive" id="isActive" type="radio" value="N" checked />
Pathology</div>
<div style="float:left; width:150px; height:auto; font-family:Arial; font-size:12px;font-weight:bold;color:#000;">
<input name="isActive" id="isActive" type="radio" value="N" checked />
Radiology</div>
<div style="float:left; width:150px; height:auto; font-family:Arial; font-size:12px;font-weight:bold;color:#000;">
<input name="isActive" id="isActive" type="radio" value="N" checked />
Services</div>
</div>
<div style="float:left; width:280px; ">
<table width="100%" border="1" class="hovertable">
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
</table>
</div>
</div>
</div>
<!-- Left side end width:525px !important; width:435px; -->
<div style="float:left; width:525px; margin-left:0px;margin-top:5px; margin-bottom:5px; text-align:center; ;">
<div style=" font-family:Arial; font-size:12px;font-weight:bold;color:#000;background:#669999;">View past OPD appointments</div>
<table width="100%" border="1" cellpadding="0" cellspacing="0" class="hovertable">
<tr>
<td width="30%" style="text-align:center;">Patient Type </td>
<td width="70%">Clinical stamping </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
</div>
<div id="tabmain" style="float:left;background-color:none; width:500px; height:auto; overflow-x:scroll;overflow-y:hidden;">
<table width="100%" border="0" style=" float:left; width:1000px;" class="hovertable">
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</div>
<div id="button" style="float:left;background-color:#CCC; width:500px; height:25px; margin-top:15px; ">
<input name="back" type="button" value="Realsize" />
<input name="back" type="button" value="Overlapsize" />
</div>
<div id="button" style="float:left;background-color:none; width:500px; height:25px; margin-top:15px; border:1px solid gray;">
Total patient record for the criteria :0
</div>
<div id="button" style="float:left;background-color:#669999; width:500px; height:25px; margin-top:15px; ">
<input name="back" type="button" value="Home page" />
<input name="back" type="button" value="Module menu" />
<input name="back" type="button" value="Log out" />
<input name="back" type="button" value="Refresh" />
</div>
</div>
</body>
</html>
Html table row create by script
<table border="1" cellpadding="0" cellspacing="0" bordercolor="#FFF" style="width:769px;">
<SCRIPT Language="JavaScript">
for(i = 0; i <10; i++){
document.write('<tr>')
document.write('<td style="width:35px; border:1px solid #B4C3D2;"> </td>')
document.write('<td style="width:95px; border:1px solid #B4C3D2;"> </td>')
document.write('<td style="width:123px; border:1px solid #B4C3D2;"> </td>')
document.write('<td style="width:68px; border:1px solid #B4C3D2;"> </td>')
document.write('<td style="width:60px; border:1px solid #B4C3D2;"> </td>')
document.write('<td style="width:60px; border:1px solid #B4C3D2;"> </td>')
document.write('<td style="width:60px; border:1px solid #B4C3D2;"> </td>')
document.write('<td style="width:60px; border:1px solid #B4C3D2;"> </td>')
document.write('<td style="width:60px; border:1px solid #B4C3D2;"> </td>')
document.write('<td style="width:112px; border:1px solid #B4C3D2;"> </td>')
document.write('<td style="width:30px; border:1px solid #D5E3EC; background:#D5E3EC; " ><input name="" type="checkbox" value="" checked /></td>')
document.write('</tr>')
}
</SCRIPT>
</table>
Follow This page Learn print , script combo and check box from banbeis
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@taglib prefix="s" uri="/struts-tags"%>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link type="text/css" href="./css/solaimanLipiFont.css" rel="stylesheet">
<link type="text/css" href="./css/tableStyle.css" rel="stylesheet">
<title>BANBEIS</title>
<script type="text/javascript" src="js/tabColorManage.js"></script>
<script language="javascript">
function printPage(id)
{
// alert(id);
var html="<html>";
html+="<head>";
html+="<link type='text/css' href='css/solaimanLipiFont.css' rel='stylesheet'>";
html+="<link type='text/css' href='css/tableStyle.css' rel='stylesheet'> ";
html+="</head>";
html+="<body>";
html+= document.getElementById(id).innerHTML;
html+="</body>";
html+="</html>";
var width=document.getElementById(id).style.width;
var height=document.getElementById(id).style.height;
// alert("width "+width +"height "+height);
var printWin = window.open('','','left=0,top=0,width='+width+',height='+height+',toolbar=0,scrollbars=0,status=0');
printWin.document.write(html);
printWin.document.close();
printWin.focus();
printWin.print();
printWin.close();
}
var check = '';
function checkForm(){
if(check == 'Save And Go Forward'){
var result=verifyForm();
if(result==true)
{
return true;
}
else{
return false;
}
}
else if(check == 'Cancel'){
var cancelRes=cancelResult();
// alert(cancelRes);
if(cancelRes == false){
return false;
}else{
return true;
}
}
else {
return false;
}
return false;
}
function setSubmit(id){
// alert(id);
check = id;
}
function verifyForm(){
//alert("step 1");
<!-- ******************************** kaniz new update Start *************************** -->
<!--for 9 number start -->
//alert("step 2");
var teacApearUse=document.getElementById('teacApearUse').value;
var stepI=true;
var stepII=true;
var stepIII=true;
var stepIV=true;
//alert("step 3");
if(teacApearUse==1 || teacApearUse==3 ){
//alert("step 4");
//document.getElementById('glob').disabled=false;
//document.getElementById('map').disabled=false;
//document.getElementById('poster').disabled=false;
//document.getElementById('laksoy').disabled=false;
var glob=document.getElementById('glob').checked;
var map=document.getElementById('map').checked;
var poster=document.getElementById('poster').checked;
var laksoy=document.getElementById('laksoy').checked;
//alert("step 5"+glob+" "+map+" "+poster+" "+laksoy);
if(glob == false && map == false && poster == false && laksoy == false){
//alert("step 9");
alert("check box can not be disabled");
stepI= false;
}
else{
//alert("step 9");
stepI= true;
}
//map=document.getElementById('map').disabled;
//poster=document.getElementById('poster').disabled;
//laksoy=document.getElementById('laksoy').disabled;
}
<!-- for nine number End -->
<!-- for 19 number Start -->
var coCurricularActYn=document.getElementById('coCurricularActYn').value;
if(coCurricularActYn==1){
var cricket=document.getElementById('cricket').checked;
var footbal=document.getElementById('footbal').checked;
var milad=document.getElementById('milad').checked;
var volyball=document.getElementById('volyball').checked;
var anualSports=document.getElementById('anualSports').checked;
var handball=document.getElementById('handball').checked;
var anualCultural=document.getElementById('anualCultural').checked;
var indorGames=document.getElementById('indorGames').checked;
var dibet=document.getElementById('dibet').checked;
if(cricket == false && footbal == false && milad == false && volyball == false && anualSports == false && handball == false && anualCultural == false && indorGames == false && dibet == false){
//alert("step 19");
alert("check box can not be disabled for 19");
stepII= false;
}
else{
//alert("step 19");
stepII= true;
//return true;
}
}
<!-- for 19 number End -->
var shiftYn=document.getElementById('shiftYn').value;
if(shiftYn==1){
var shiftNo=document.getElementById('shiftNo').value;
//alert(shiftNo);
if(shiftNo ==''){
alert("shift number field can not be empty");
stepIII = false;
}
else{
//alert("step 2nd 22");
stepIII = true;
}
}
// End TweentyTwo
// Start TweentyThree
var branchYn=document.getElementById('branchYn').value;
if(branchYn==1){
var branchNo= document.getElementById('branchNo').value;
if(branchNo ==''){
alert("branch number field can not be empty");
stepIV = false;
}
else{
//alert("step 2nd 23");
stepIV = true;
}
}
// End TweentyThree
<!-- ******************************** kaniz new update End *************************** -->
<!--start -->
//var compHr = false;
var multimediaUse = false;
var labHr = false;
var lastYrMeeting = false;
var lastYrPtaMeeting = false;
var workingDayLastYr = false;
compHr = check_InputField('compHr','Computer User Hour');
if(compHr==true){
multimediaUse = check_InputField('multimediaUse','Multimedia Use');
if(multimediaUse==true){
labHr = check_InputField('labHr','labratory Hour');
if(labHr==true){
//labHr = check_InputField('lastYrMeeting');
lastYrMeeting = check_InputField('lastYrMeeting','Last Year Managing Comitee Meeting');
if(lastYrMeeting==true){
lastYrPtaMeeting = check_InputField('lastYrPtaMeeting','Last Year PTA Meeting');
if(lastYrPtaMeeting==true){
workingDayLastYr = check_InputField('workingDayLastYr','Working Day Last Year');
}
}
}
}
}
<!-- End -->
if(stepI==false || stepII==false || stepIII == false || stepIV== false || compHr == false || multimediaUse == false || labHr == false|| lastYrMeeting==false || lastYrPtaMeeting==false || workingDayLastYr==false){
return false;
}
else{
return true;
}
return true;
}
function check_InputField(div_id,msg){
var val = document.getElementById(div_id).value;
if(val == null || val ==''){
alert(msg+" Field can not be empty");
document.getElementById(div_id).style.border="1px #FF0000 solid";
// document.getElementById("fill_sms").innerHTML="Some mandatory field did not fill up please check the total form.";
return false;
}
//kaniz start
if(val != null ){
var check_val =false;
// computer operation all for 11 class fill_sms
//check_val = number_validation(val);
<!-- start compHr -->
if(div_id =='compHr' || div_id =='multimediaUse'){
// alert("val "+val+" div_id "+div_id);
var val=document.getElementById(div_id).value;
//alert("val "+val+" div_id "+div_id);
check_val=min_max_validation(msg,val,div_id,0,24);
}
<!-- End compHr -->
<!-- start labHr -->
if(div_id =='labHr'){
//alert("val "+val+" div_id "+div_id);
var val=document.getElementById(div_id).value;
// alert("val "+val+" div_id "+div_id);
check_val=min_max_validation(msg,val,div_id,0,72);
}
<!-- End labHr -->
<!-- start lastYrMeeting -->
if(div_id =='lastYrMeeting'){
// alert("val "+val+" div_id "+div_id);
var val=document.getElementById(div_id).value;
//alert("val "+val+" div_id "+div_id);
check_val=min_max_validation(msg,val,div_id,0,48);
}
<!-- End lastYrMeeting -->
<!-- start lastYrPtaMeeting -->
if(div_id =='lastYrPtaMeeting'){
//alert("val "+val+" div_id "+div_id);
var val=document.getElementById(div_id).value;
//alert("val "+val+" div_id "+div_id);
check_val=min_max_validation(msg,val,div_id,0,50);
}
<!-- End lastYrPtaMeeting -->
<!-- start workingDayLastYr -->
if(div_id =='workingDayLastYr'){
//alert("val "+val+" div_id "+div_id);
var val=document.getElementById(div_id).value;
//alert("val "+val+" div_id "+div_id);
check_val=min_max_validation(msg,val,div_id,0,180);
}
<!-- End workingDayLastYr -->
if(check_val == false){
//alert("Numeric value is required for "+msg);
document.getElementById(div_id).style.border="1px #FF0000 solid";
// document.getElementById("fill_sms").innerHTML="Some mandatory field did not filled up properly. please check the total form.";
document.getElementById(div_id).focus();
return false;
}
else{
document.getElementById(div_id).style.border="1px #789DB9 solid";
return true;
}
}
}
//kaniz end
function min_max_validation(msg,val,divId,minV,maxV){
var minVal=minV;
var maxVal=maxV;
//alert("val "+val+" div_id "+divId+"minVal "+minVal+"maxVal "+maxVal);
if(val <minVal){
alert(msg+" value can not be less than "+ minVal);
return false;
}
else if(val >maxVal){
alert(msg+" value can not be more than "+maxVal);
return false;
}
else{
return true;
}
}
function number_validation(msg){
var REXP = /^[0-9]+$/;
if(REXP.test(msg)){
return true;
}else{
return false;
}
}
function cancelResult(){
return confirm('If you cancel now your every changes that you have done after opening the form will not save? Are you sure to cancel?');
}
function isDisable(){
var teacApearUse=document.getElementById('teacApearUse').value;
if(teacApearUse==1 || teacApearUse==3 ){
document.getElementById('glob').disabled=false;
document.getElementById('map').disabled=false;
document.getElementById('poster').disabled=false;
document.getElementById('laksoy').disabled=false;
}
if(teacApearUse==2 ){
document.getElementById('glob').disabled=true;
document.getElementById('map').disabled=true;
document.getElementById('poster').disabled=true;
document.getElementById('laksoy').disabled=true;
document.getElementById('glob').checked=false;
document.getElementById('map').checked=false;
document.getElementById('poster').checked=false;
document.getElementById('laksoy').checked=false;
}
}
function isDisable2(){
var unifiedRecordTrainingYn=document.getElementById('unifiedRecordTrainingYn').value;
if(unifiedRecordTrainingYn==2){
document.getElementById('recordStatus').disabled=true;
document.getElementById('summaryYn').disabled=true;
}
if(unifiedRecordTrainingYn==1){
document.getElementById('recordStatus').disabled=false;
}
}
//kaniz start
// start nineteen
function isDisableNineteen(){
var coCurricularActYn=document.getElementById('coCurricularActYn').value;
if(coCurricularActYn==1){
document.getElementById('cricket').disabled=false;
document.getElementById('footbal').disabled=false;
document.getElementById('milad').disabled=false;
document.getElementById('volyball').disabled=false;
document.getElementById('anualSports').disabled=false;
document.getElementById('handball').disabled=false;
document.getElementById('anualCultural').disabled=false;
document.getElementById('indorGames').disabled=false;
document.getElementById('dibet').disabled=false;
}
if(coCurricularActYn==2){
document.getElementById('cricket').disabled=true;
document.getElementById('footbal').disabled=true;
document.getElementById('milad').disabled=true;
document.getElementById('volyball').disabled=true;
document.getElementById('anualSports').disabled=true;
document.getElementById('handball').disabled=true;
document.getElementById('anualCultural').disabled=true;
document.getElementById('indorGames').disabled=true;
document.getElementById('dibet').disabled=true;
document.getElementById('cricket').checked=false;
document.getElementById('footbal').checked=false;
document.getElementById('milad').checked=false;
document.getElementById('volyball').checked=false;
document.getElementById('anualSports').checked=false;
document.getElementById('handball').checked=false;
document.getElementById('anualCultural').checked=false;
document.getElementById('indorGames').checked=false;
document.getElementById('dibet').checked=false;
}
}
// End nineteen
// Start TweentyTwo
function isDisableTweentyTwo(){
var shiftYn=document.getElementById('shiftYn').value;
if(shiftYn==1){
document.getElementById('shiftNo').disabled=false;
}
if(shiftYn==2 ){
document.getElementById('shiftNo').disabled=true;
document.getElementById('shiftNo').value='';
}
}
// End TweentyTwo
// Start TweentyThree
function isDisableTweentyThree(){
var branchYn=document.getElementById('branchYn').value;
if(branchYn==1){
document.getElementById('branchNo').disabled=false;
}
if(branchYn==2 ){
document.getElementById('branchNo').disabled=true;
document.getElementById('branchNo').value='';
}
}
// End TweentyThree
function isDisableAll(id, Kvalue){
if(Kvalue == 1 || Kvalue == 2 ){
document.getElementById(id).disabled=false;
}else{
document.getElementById(id).disabled=true;
}
}
//kaniz End
</script>
<SCRIPT TYPE="text/javascript">
function numbersonly(myfield, e, dec)
{
//alert("myfield :"+myfield);
//alert("Event :"+e);
//alert("dec :"+dec);
var key;
var keychar;
if (window.event)
key = window.event.keyCode;
else if (e)
key = e.which;
else
return true;
keychar = String.fromCharCode(key);
// control keys
if ((key==null) || (key==0) || (key==8) ||
(key==9) || (key==13) || (key==27) )
return true;
// numbers
else if ((("0123456789").indexOf(keychar) > -1))
return true;
// decimal point jump
else if (dec && (keychar == "."))
{
myfield.form.elements[dec].focus();
return false;
}
else
return false;
}
</SCRIPT>
</head>
<body>
<form name="TeacherEmployeeInfoForm3" id="TeacherEmployeeInfoForm3" method="post" onSubmit="return checkForm();" action="addTeacherEmployeeInfo3MadSixth.do" >
<div id="msgDiv" style="width:812px;height:auto; background-color:#D9E9DA; color:#FF0000" align="center">
<s:fielderror >
<s:param >saveMsg</s:param>
</s:fielderror>
</div>
<div id="root" style="width:812px; height:auto; background:none; ">
<div id="form_main_div_for_print"
style="width: 812px; height: 1100px !important; height: 1100px; background: #DEF5DE;">
<div style="width: 812px; height: auto; background: #DEF5DE;">
<div style="float: left; width: 810px !important; width: 800px; text-align: center; font-weight: bold; margin-top: 5px;"
class="banglaText">মাদ্রাসা সম্পর্কিত তথ্য ছক - <s:if
test='%{institutesInfo.year != null && institutesInfo.year!=""}'>
<input id="year" name="year" type="text"
onKeyPress="return numbersonly(this, event)"
value="<s:property value='#session.year'/>" readonly="readonly"
style="width: 45px; border: none; background: none;">
<input id="eiin" name="eiin" type="hidden"
value="<s:property value='institutesInfo.eiin'/>">
</s:if> <s:else>
<input id="year" name="year" type="text"
onKeyPress="return numbersonly(this, event)"
value="<s:property value='#session.year'/>" readonly="readonly"
style="width: 45px; border: none; background: none;">
<input id="eiin" name="eiin" type="hidden"
value="<s:property value='#session.eiin'/>">
</s:else> <input id="submitFrom" name="submitFrom" type="hidden" value="onLine">
</div>
<div id="row_div"
style="float: left; width: 810px !important; width: 800px; height: auto; margin-top: 5px; background: #D9E9DA; border: 1px solid #CCC;">
<div
style="float: left; width: 780px; height: auto; margin-top: 5px; margin-left: 5px;">
<div
style="float: left; width: 580px; height: auto; margin-left: 10px !important; margin-left: 1px;">
<div style="float: left; width: 360px; text-align: right;"
class="banglaText"><input id="summaryInfoId" name="summaryInfoId"
type="hidden" value="<s:property value='summaryInfo.summaryInfoId'/>">
<span class="banglaTextMini">৯.</span> শ্রেণী কক্ষে পাঠদানের সময় উপকরণ
ব্যবহার হয় কি?</div>
<div style="float: left; width: 120px;">
<select id="teacApearUse"
name="teacApearUse" style="width: 100px;" class="banglaText"
onClick="isDisable();" onFocus="this.style.backgroundColor='#ffff66';"
onBlur="this.style.backgroundColor='#d4e3e5';">
<!-- <option value="" selected="selected">নির্দিষ্ট করুন</option>-->
<s:if test='%{summaryInfo.teacApearUse == "2"}'>
<option value="2" selected="selected">না</option>
<option value="1">হ্যাঁ</option>
<option value="3">আংশিক</option>
</s:if>
<s:elseif test='%{summaryInfo.teacApearUse == "1"}'>
<option value="1" selected="selected">হ্যাঁ</option>
<option value="2">না</option>
<option value="3">আংশিক</option>
</s:elseif>
<s:elseif test='%{summaryInfo.teacApearUse =="3"}'>
<option value="3" selected="selected">আংশিক</option>
<option value="1" >হ্যাঁ</option>
<option value="2">না</option>
</s:elseif>
<s:else>
<option value="1">হ্যাঁ</option>
<option value="2">না</option>
<option value="3">আংশিক</option>
</s:else>
</select>
</div>
</div>
</div>
<div
style="float: left; width: 780px; height: auto; margin-left: 10px !important; margin-left: 1px; margin-top: 5px;">
<div style="float: left; width: 260px; text-align: right;"
class="banglaText"><span class="banglaTextMini">১০.</span> উত্তর হ্যাঁ হলে কি কি? </div>
<div style="float: left; width: 400px;" align="left">
<div style="float: left; width: 400px;" align="left">
<s:if test='%{summaryInfo.globs !=null && summaryInfo.globs!=""}'>
<div style="float: left; width: 80px;" class="banglaText"><input
id="glob" name="globs" type="checkbox" value="1" checked="checked">গ্লোব</div>
</s:if> <s:else>
<div style="float: left; width: 80px;" class="banglaText"><input
id="glob" name="globs" type="checkbox" value="1" disabled="true">গ্লোব</div>
</s:else> <s:if test='%{summaryInfo.map !=null && summaryInfo.map != ""}'>
<div style="float: left; width: 80px;" class="banglaText"><input
id="map" name="map" type="checkbox" value="2" checked="checked">মানচিত্র</div>
</s:if> <s:else>
<div style="float: left; width: 80px;" class="banglaText"><input
id="map" name="map" type="checkbox" value="2" disabled="true">মানচিত্র</div>
</s:else> <s:if test='%{summaryInfo.poster !=null && summaryInfo.poster != ""}'>
<div style="float: left; width: 80px;" class="banglaText"><input
id="poster" name="poster" type="checkbox" value="3" checked="checked">পোস্টার</div>
</s:if> <s:else>
<div style="float: left; width: 80px;" class="banglaText"><input
id="poster" name="poster" type="checkbox" value="3" disabled="true">পোস্টার</div>
</s:else> <s:if test='%{summaryInfo.laksoy !=null && summaryInfo.laksoy != ""}'>
<div style="float: left; width: 150px;" class="banglaText"><input
id="laksoy" name="laksoy" type="checkbox" value="4" checked="checked">লাগসই
উপকারণ</div>
</s:if> <s:else>
<div style="float: left; width: 150px;" class="banglaText"><input
id="laksoy" name="laksoy" type="checkbox" value="4" disabled="true">লাগসই
উপকারণ</div>
</s:else></div>
</div>
</div>
<div id="right_side"
style="float: left; width: 760px !important; width: 780px; height: 90px; margin-left: 5px;">
<fieldset><legend class="banglaText"><span
class="banglaTextMini">১১.</span></legend>
<div id="2nd_div"
style="float: left; width: 650px !important; width: 670px; height: auto; background: #D9E9DA; margin-top: 5px;">
<div
style="float: left; width: 580px; height: auto; margin-left: 10px !important; margin-left: 1px;">
<div style="float: left; width: 360px; text-align: right;"
class="banglaText">(ক) প্রতিদিন কত ঘন্টা কম্পিউটার ব্যবহার করা হয়
? </div>
<div style="float: left; width: 150px;" align="left"><input
id="compHr" name="compHr" type="text"
onKeyPress="return numbersonly(this, event)"
value="<s:property value='summaryInfo.compHr'/>" style="width: 30px;"
maxlength="2" onFocus="this.style.backgroundColor='#ffff66';"
onBlur="check_InputField('compHr','Computer User Hour');this.style.backgroundColor='#d4e3e5';"></div>
</div>
<div
style="float: left; width: 580px; height: auto; margin-left: 10px !important; margin-left: 1px; margin-top: 5px;">
<div style="float: left; width: 360px; text-align: right;"
class="banglaText">(খ) প্রতিদিন কত ঘন্টা মাল্টিমিডিয়া ব্যবহার করা
হয় ? </div>
<div style="float: left; width: 150px;" align="left"><input
id="multimediaHr" name="multimediaHr" type="text"
onKeyPress="return numbersonly(this, event)"
value="<s:property value='summaryInfo.multimediaHr'/>"
onFocus="this.style.backgroundColor='#ffff66';"
onBlur="check_InputField('multimediaUse','Multimedia Use');this.style.backgroundColor='#d4e3e5';" style="width: 30px;" maxlength="2"></div>
</div>
</div>
</fieldset>
</div>
<div
style="float: left; width: 780px; height: auto; margin-top: 13px; margin-left: 5px;">
<div
style="float: left; width: 580px; height: auto; margin-left: 10px !important; margin-left: 1px;">
<div
style="float: left; width: 375px !important; width: 360px; text-align: right;"
class="banglaText"><span class="banglaTextMini">১২.</span>
সপ্তাহে কত ঘন্টা বিজ্ঞানাগার ব্যবহার করা হয়? </div>
<div style="float: left; width: 120px;" align="left"><input
id="labHr" name="labHr" type="text"
onKeyPress="return numbersonly(this, event)"
value="<s:property value='summaryInfo.labHr'/>" style="width: 30px;"
maxlength="2" onFocus="this.style.backgroundColor='#ffff66';"
onBlur="check_InputField('labHr','labratory Hour');this.style.backgroundColor='#d4e3e5';"></div>
</div>
</div>
<div
style="float: left; width: 780px; height: auto; margin-top: 5px; margin-left: 5px;">
<div
style="float: left; width: 580px; height: auto; margin-left: 10px !important; margin-left: 1px;">
<div
style="float: left; width: 375px !important; width: 360px; text-align: right;"
class="banglaText"><span class="banglaTextMini">১৩.</span> গত বছর
ম্যানেজিং কমিটির কত গুলো সভা হয়েছে? </div>
<div style="float: left; width: 120px;" align="left"><input
id="lastYrMeeting" name="lastYrMeetingS" type="text"
onKeyPress="return numbersonly(this, event)"
value="<s:property value='summaryInfo.lastYrMeeting'/>"
style="width: 30px;" maxlength="2"
onfocus="this.style.backgroundColor='#ffff66';"
onBlur="check_InputField('lastYrMeeting','Last Year Managing Comitee Meeting');this.style.backgroundColor='#d4e3e5';">
</div>
</div>
</div>
<div
style="float: left; width: 780px; height: auto; margin-top: 5px; margin-left: 5px;">
<div
style="float: left; width: 580px; height: auto; margin-left: 10px !important; margin-left: 1px;">
<div
style="float: left; width: 375px !important; width: 360px; text-align: right;"
class="banglaText"><span class="banglaTextMini">১৪.</span> গত বছর
পিটিএ এর কতগুলো সভা হয়েছে? </div>
<div style="float: left; width: 120px;" align="left"><input
id="lastYrPtaMeeting" name="lastYrPtaMeetingS" type="text"
onKeyPress="return numbersonly(this, event)"
value="<s:property value='summaryInfo.lastYrPtaMeeting'/>"
style="width: 30px;" maxlength="2"
onfocus="this.style.backgroundColor='#ffff66';"
onBlur="check_InputField('lastYrPtaMeeting','Last Year PTA Meeting');this.style.backgroundColor='#d4e3e5';">
</div>
</div>
</div>
<div
style="float: left; width: 780px; height: auto; margin-top: 5px; margin-left: 5px;">
<div
style="float: left; width: 580px; height: auto; margin-left: 10px !important; margin-left: 1px;">
<div
style="float: left; width: 375px !important; width: 360px; text-align: right;"
class="banglaText"><span class="banglaTextMini">১৫.</span> গত বছর
কত কর্ম দিবস ছিল? </div>
<div style="float: left; width: 120px;" align="left"><input
id="workingDayLastYr" name="workingDayLastyrS" type="text"
onKeyPress="return numbersonly(this, event)"
value="<s:property value='summaryInfo.workingDayLastyr'/>"
style="width: 30px;" maxlength="3"
onfocus="this.style.backgroundColor='#ffff66';"
onBlur="check_InputField('workingDayLastYr','Working Day Last Year');this.style.backgroundColor='#d4e3e5';">
</div>
</div>
</div>
<div
style="float: left; width: 780px; height: auto; margin-top: 5px; margin-left: 5px;">
<div
style="float: left; width: 580px; height: auto; margin-left: 10px !important; margin-left: 1px;">
<div
style="float: left; width: 375px !important; width: 360px; text-align: right;"
class="banglaText"><span class="banglaTextMini">১৬.</span> নিয়মিত
শিক্ষার্থী সমাবেশ হয় কি? </div>
<div style="float: left; width: 120px;" align="left"><select
id="regularStudentAsselyYn" name="regularStudentAsselyYn"
style="width: 50px;" class="banglaText"
onFocus="this.style.backgroundColor='#ffff66';"
onBlur="this.style.backgroundColor='#d4e3e5';">
<!-- <option value="" selected="selected">নির্দিষ্ট করুন</option>-->
<s:if test='%{summaryInfo.regularStudentAsselyYn == "1"}'>
<option value="2" selected="selected">না</option>
<option value="1">হ্যাঁ</option>
</s:if>
<s:else>
<option value="1" selected="selected">হ্যাঁ</option>
<option value="2">না</option>
</s:else>
</select></div>
</div>
</div>
<div id="right_side"
style="float: left; width: 760px !important; width: 780px; height: 130px; margin-left: 5px;">
<fieldset><legend class="banglaText"><span
class="banglaTextMini">১৭.</span></legend>
<div id="2nd_div"
style="float: left; width: 710px !important; width: 730px; height: auto; background: #D9E9DA; margin-top: 2px;">
<div
style="float: left; width: 700px; height: auto; margin-left: 1px !important; margin-left: 1px;">
<div style="float: left; width: 620px; text-align: right;"
class="banglaText">(ক) ইউনিফাইড রেকর্ড কিপিং/অভিন্ন রেজিস্টার এর
উপর প্রতিষ্ঠান প্রধানের প্রশিক্ষণ হয়েছে কি? </div>
<div style="float: left; width: 70px;" align="left"><select
id="unifiedRecordTrainingYn" name="unifiedRecordTrainingYn"
style="width: 60px;" class="banglaText" onChange="isDisable2();"
onFocus="this.style.backgroundColor='#ffff66';"
onBlur="this.style.backgroundColor='#d4e3e5';">
<!-- <option value="" selected="selected">নির্দিষ্ট করুন</option>-->
<s:if test='%{summaryInfo.unifiedRecordTrainingYn == "2"}'>
<option value="2" selected="selected">না</option>
<option value="1">হ্যাঁ</option>
</s:if>
<s:else>
<option value="1" selected="selected">হ্যাঁ</option>
<option value="2">না</option>
</s:else>
</select></div>
</div>
<div
style="float: left; width: 580px; height: auto; margin-left: 10px !important; margin-left: 1px; margin-top: 5px;">
<div style="float: left; width: 360px; text-align: right;"
class="banglaText">(খ) উত্তর হ্যাঁ হলে বাস্তবায়নের অবস্থা
কি? </div>
<div style="float: left; width: 160px;" align="left"><select
id="recordStatus" name="recordStatus" style="width: 150px;"
class="banglaText" disabled="true"
onChange="isDisableAll('summaryYn' , this.value)"
onFocus="this.style.backgroundColor='#ffff66';"
onBlur="this.style.backgroundColor='#d4e3e5';">
<!-- <option value="" selected="selected">নির্দিষ্ট করুন</option>-->
<s:if test='%{summaryInfo.recordStatus == "3"}'>
<option value="3" selected="selected">তৈরি করা হয়নি</option>
<option value="1">রেজিস্টার তৈরি হয়েছে</option>
<option value="2">আংশিক তৈরি হয়েছে</option>
</s:if>
<s:elseif test='%{summaryInfo.recordStatus == "1"}'>
<option value="1" selected="selected">রেজিস্টার তৈরি হয়েছে</option>
<option value="3">তৈরি করা হয়নি</option>
<option value="2">আংশিক তৈরি হয়েছে</option>
</s:elseif>
<s:else>
<option value="2" selected="selected">আংশিক তৈরি হয়েছে</option>
<option value="3">তৈরি করা হয়নি</option>
<option value="1">রেজিস্টার তৈরি হয়েছে</option>
</s:else>
</select></div>
</div>
<div
style="float: left; width: 580px; height: auto; margin-left: 10px !important; margin-left: 1px; margin-top: 5px;">
<div style="float: left; width: 360px; text-align: right;"
class="banglaText">(গ) সার-সংক্ষেপ তৈরি হয়েছে কি? </div>
<div style="float: left; width: 150px;" align="left"><select
id="summaryYn" name="summaryYn" style="width: 90px;" class="banglaText"
disabled="true" onChange="isDisable4();"
onFocus="this.style.backgroundColor='#ffff66';"
onBlur="this.style.backgroundColor='#d4e3e5';">
<!-- <option value="" selected="selected">নির্দিষ্ট করুন</option>-->
<s:if test='%{summaryInfo.summaryYn == "2"}'>
<option value="2" selected="selected">না</option>
<option value="1">হ্যাঁ</option>
</s:if>
<s:else>
<option value="1" selected="selected">হ্যাঁ</option>
<option value="2">না</option>
</s:else>
</select></div>
</div>
</div>
</fieldset>
</div>
<div
style="float: left; width: 780px; height: auto; margin-top: 5px; margin-top: 10px; margin-left: 5px;">
<div
style="float: left; width: 580px; height: auto; margin-left: 10px !important; margin-left: 1px;">
<div
style="float: left; width: 275px !important; width: 260px; text-align: center;"
class="banglaText"><span class="banglaTextMini">১৮.</span>
বার্ষিক উন্নয়ন পরিকল্পনা করা হয় কি? </div>
<div style="float: left; width: 120px;" align="left"><select
id="anualPlanYn" name="annualPlanYn" style="width: 90px;"
class="banglaText" onFocus="this.style.backgroundColor='#ffff66';"
onBlur="this.style.backgroundColor='#d4e3e5';">
<!-- <option value="" selected="selected">নির্দিষ্ট করুন</option>-->
<s:if test='%{summaryInfo.annualPlanYn == "2"}'>
<option value="2" selected="selected">না</option>
<option value="1">হ্যাঁ</option>
</s:if>
<s:else>
<option value="1" selected="selected">হ্যাঁ</option>
<option value="2">না</option>
</s:else>
</select></div>
</div>
</div>
<div id="right_side"
style="float: left; width: 760px !important; width: 780px; height: 130px; margin-left: 5px;">
<fieldset><legend class="banglaText"><span
class="banglaTextMini">১৯.</span></legend>
<div id="2nd_div"
style="float: left; width: 730px !important; width: 750px; height: auto; background: #D9E9DA;">
<div
style="float: left; width: 580px; height: auto; margin-left: 10px !important; margin-left: 1px;">
<div style="float: left; width: 360px; text-align: right;"
class="banglaText">(ক) কো-কারিকুলার কার্যক্রম পরিচালিত হয়
কি? </div>
<div style="float: left; width: 150px;" align="left"><select
id="coCurricularActYn" name="coCurricularActYn" style="width: 90px;"
class="banglaText" onChange="isDisableNineteen();"
onFocus="this.style.backgroundColor='#ffff66';"
onBlur="this.style.backgroundColor='#d4e3e5';">
<!-- <option value="" selected="selected">নির্দিষ্ট করুন</option>-->
<s:if test='%{summaryInfo.coCurricularActYn == "2"}'>
<option value="2" selected="selected">না</option>
<option value="1">হ্যাঁ</option>
</s:if>
<s:else>
<option value="1" selected="selected">হ্যাঁ</option>
<option value="2">না</option>
</s:else>
</select></div>
</div>
<div
style="float: left; width: 780px; height: auto; margin-left: 10px !important; margin-left: 1px; margin-top: 5px;">
<div style="float: left; width: 180px; text-align: left"
class="banglaText">(খ) উত্তর হ্যাঁ হলে কি কি? </div>
<div style="float: left; width: 550px;" align="left">
<div style="float: left; width: 550px;" align="left"><s:if
test='%{summaryInfo.cricket !=null && summaryInfo.cricket != ""}'>
<div style="float: left; width: 110px;" class="banglaText"><input
id="cricket" name="cricket" type="checkbox" value="5"
checked="checked">ক্রিকেট খেলা</div>
</s:if> <s:else>
<div style="float: left; width: 110px;" class="banglaText"><input
id="cricket" name="cricket" type="checkbox" value="5" disabled="true">ক্রিকেট
খেলা</div>
</s:else> <s:if
test='%{summaryInfo.football !=null && summaryInfo.football != ""}'>
<div style="float: left; width: 110px;" class="banglaText"><input
id="footbal" name="football" type="checkbox" value="6"
checked="checked">ফুটবল খেলা</div>
</s:if> <s:else>
<div style="float: left; width: 110px;" class="banglaText"><input
id="footbal" name="football" type="checkbox" value="6" disabled="true">ফুটবল
খেলা</div>
</s:else> <s:if test='%{summaryInfo.milad !=null && summaryInfo.milad != ""}'>
<div style="float: left; width: 110px;" class="banglaText"><input
id="milad" name="milad" type="checkbox" value="1" checked="checked">বার্ষিক
মিলাদ</div>
</s:if> <s:else>
<div style="float: left; width: 110px;" class="banglaText"><input
id="milad" name="milad" type="checkbox" value="1" disabled="true">বার্ষিক
মিলাদ</div>
</s:else> <s:if
test='%{summaryInfo.voolyball !=null && summaryInfo.voolyball != ""}'>
<div style="float: left; width: 80px;" class="banglaText"><input
id="volyball" name="voolyball" type="checkbox" value="7"
checked="checked">ভলিবল</div>
</s:if> <s:else>
<div style="float: left; width: 80px;" class="banglaText"><input
id="volyball" name="voolyball" type="checkbox" value="7"
disabled="true">ভলিবল</div>
</s:else> <s:if
test='%{summaryInfo.anualSports !=null && summaryInfo.anualSports != ""}'>
<div style="float: left; width: 110px;" class="banglaText"><input
id="anualSports" name="anualSports" type="checkbox" value="2"
checked="checked">বার্ষিক ক্রীড়া</div>
</s:if> <s:else>
<div style="float: left; width: 110px;" class="banglaText"><input
id="anualSports" name="anualSports" type="checkbox" value="2"
disabled="true">বার্ষিক ক্রীড়া</div>
</s:else></div>
<div style="float: left; width: 500px;" align="left"><s:if
test='%{summaryInfo.handball !=null && summaryInfo.handball != ""}'>
<div style="float: left; width: 110px;" class="banglaText"><input
id="handball" name="handball" type="checkbox" value="8"
checked="checked">হ্যান্ড বল</div>
</s:if> <s:else>
<div style="float: left; width: 110px;" class="banglaText"><input
id="handball" name="handball" type="checkbox" value="8"
disabled="true">হ্যান্ড বল</div>
</s:else> <s:if
test='%{summaryInfo.anualCultural !=null && summaryInfo.anualCultural != ""}'>
<div style="float: left; width: 150px;" class="banglaText"><input
id="anualCultural" name="anualCultural" type="checkbox" value="3"
checked="checked">বার্ষিক সাংস্কৃতিক</div>
</s:if> <s:else>
<div style="float: left; width: 150px;" class="banglaText"><input
id="anualCultural" name="anualCultural" type="checkbox" value="3"
disabled="true">বার্ষিক সাংস্কৃতিক</div>
</s:else> <s:if
test='%{summaryInfo.indoregames !=null && summaryInfo.indoregames != ""}'>
<div style="float: left; width: 130px;" class="banglaText"><input
id="indorGames" name="indoregames" type="checkbox" value="9"
checked="checked">ইনডোর গেমস</div>
</s:if> <s:else>
<div style="float: left; width: 130px;" class="banglaText"><input
id="indorGames" name="indoregames" type="checkbox" value="9"
disabled="true">ইনডোর গেমস</div>
</s:else> <s:if test='%{summaryInfo.dibet !=null && summaryInfo.dibet != ""}'>
<div style="float: left; width: 80px;" class="banglaText"><input
id="dibet" name="dibet" type="checkbox" value="4" checked="checked">বিতর্ক</div>
</s:if> <s:else>
<div style="float: left; width: 80px;" class="banglaText"><input
id="dibet" name="dibet" type="checkbox" value="4" disabled="true">বিতর্ক</div>
</s:else></div>
</div>
</div>
</div>
</fieldset>
</div>
</div>
<div id="row_div"
style="float: left; width: 810px !important; width: 800px; height: auto; margin-top: 2px; background: #D9E9DA;">
<fieldset><legend class="banglaTextMini"><span
class="banglaTextBold">২০.</span> কর্মকালীন প্রশিক্ষণের তথ্যঃ</legend>
<div
style="float: left; width: 780px; height: auto; margin-top: 5px; margin-left: 5px;">
<div
style="float: left; width: 400px; height: auto; margin-left: 10px !important; margin-left: 1px;">
<div style="float: left; width: 230px; text-align: right;"
class="banglaText">প্রতিষ্ঠান প্রধানের ট্রেনিং(২১ দিন)</div>
<div style="float: left; width: 120px;"><select id="htTrainingYn"
name="htTrainingYn" style="width: 100px;" class="banglaText"
onFocus="this.style.backgroundColor='#ffff66';"
onBlur="this.style.backgroundColor='#d4e3e5';">
<!-- <option value="" selected="selected">নির্দিষ্ট করুন</option>-->
<s:if test='%{summaryInfo.htTrainingYn == "1"}'>
<option value="1" selected="selected">হ্যাঁ</option>
<option value="2">না</option>
</s:if>
<s:else>
<option value="1" >হ্যাঁ</option>
<option value="2" selected="selected">না</option>
</s:else>
</select></div>
</div>
<div
style="float: left; width: 360px; height: auto; margin-top: 5px; margin-left: 10px !important; margin-left: 1px;">
<div style="float: left; width: 200px; text-align: right;"
class="banglaText">সিপিডি-২ ট্রেনিং (৫দিন)</div>
<div style="float: left; width: 120px;"><select
id="cpd2TrainingYn" name="cpd2TrainingYn" style="width: 100px;"
class="banglaText" onFocus="this.style.backgroundColor='#ffff66';"
onBlur="this.style.backgroundColor='#d4e3e5';">
<!-- <option value="" selected="selected">নির্দিষ্ট করুন</option>-->
<s:if test='%{summaryInfo.cpd2TrainingYn == "2"}'>
<option value="2" selected="selected">না</option>
<option value="1">হ্যাঁ</option>
</s:if>
<s:else>
<option value="1" selected="selected">হ্যাঁ</option>
<option value="2">না</option>
</s:else>
</select></div>
</div>
</div>
<div
style="float: left; width: 780px; height: auto; margin-left: 5px; margin-top: 5px;">
<div style="float: left; width: 400px; height: auto; margin-left: 10px !important; margin-left: 1px;">
<div style="float: left; width: 280px; text-align: left;"
class="banglaText">প্রতিষ্ঠান প্রধানের ফলো –আপ ট্রেনিং (৬ দিন)</div>
<div style="float: left; width: 100px;"><select
id="htFlTrainingYn" name="htFlTrainingYn" style="width: 100px;"
class="banglaText" onFocus="this.style.backgroundColor='#ffff66';"
onBlur="this.style.backgroundColor='#d4e3e5';">
<!-- <option value="" selected="selected">নির্দিষ্ট করুন</option>-->
<s:if test='%{summaryInfo.htFlTrainingYn == "1"}'>
<option value="1" selected="selected">হ্যাঁ</option>
<option value="2">না</option>
</s:if>
<s:else>
<option value="2" selected="selected">না</option>
<option value="1" >হ্যাঁ</option>
</s:else>
</select></div>
</div>
<div
style="float: left; width: 360px; height: auto; margin-top: 5px; margin-left: 10px !important; margin-left: 1px;">
<div style="float: left; width: 200px; text-align: right;"
class="banglaText">ক্লাস্টার ট্রেনিং (১ দিন)</div>
<div style="float: left; width: 120px;"><select
id="clasterTrainingYn" name="clasterTrainingYn" style="width: 100px;"
class="banglaText" onFocus="this.style.backgroundColor='#ffff66';"
onBlur="this.style.backgroundColor='#d4e3e5';">
<!-- <option value="" selected="selected">নির্দিষ্ট করুন</option>-->
<s:if test='%{summaryInfo.clasterTrainingYn == "2"}'>
<option value="2" selected="selected">না</option>
<option value="1">হ্যাঁ</option>
</s:if>
<s:else>
<option value="1" selected="selected">হ্যাঁ</option>
<option value="2">না</option>
</s:else>
</select></div>
</div>
</div>
<div
style="float: left; width: 780px; height: auto; margin-top: 5px; margin-left: 5px;">
<div
style="float: left; width: 400px; height: auto; margin-left: 10px !important; margin-left: 1px;">
<div style="float: left; width: 220px; text-align: right;"
class="banglaText">প্রতিষ্ঠান প্রধানের প্রি-সার্ভিস ট্রেনিং(৩৫ দিন)</div>
<div style="float: left; width: 120px;"><select
id="htPreservTrainingYn" name="htPrservTrainingYn"
style="width: 100px;" class="banglaText"
onFocus="this.style.backgroundColor='#ffff66';"
onBlur="this.style.backgroundColor='#d4e3e5';">
<!-- <option value="" selected="selected">নির্দিষ্ট করুন</option>-->
<s:if test='%{summaryInfo.htPrservTrainingYn == "1"}'>
<option value="1" selected="selected">হ্যাঁ</option>
<option value="2">না</option>
</s:if>
<s:else>
<option value="1" >হ্যাঁ</option>
<option value="2" selected="selected">না</option>
</s:else>
</select></div>
</div>
<div
style="float: left; width: 360px; height: auto; margin-top: 5px; margin-left: 10px !important; margin-left: 1px;">
<div style="float: left; width: 200px; text-align: right;"
class="banglaText">এস.বি.এ ট্রেনিং</div>
<div style="float: left; width: 120px;"><select id="sbaTrainingYn"
name="sbaTrainingYn" style="width: 100px;" class="banglaText"
onFocus="this.style.backgroundColor='#ffff66';"
onBlur="this.style.backgroundColor='#d4e3e5';">
<!-- <option value="" selected="selected">নির্দিষ্ট করুন</option>-->
<s:if test='%{summaryInfo.sbaTrainingYn == "1"}'>
<option value="1" selected="selected">হ্যাঁ</option>
<option value="2">না</option>
</s:if>
<s:else>
<option value="1" >হ্যাঁ</option>
<option value="2" selected="selected">না</option>
</s:else>
</select></div>
</div>
</div>
<div
style="float: left; width: 780px; height: auto; margin-top: 5px; margin-left: 5px;">
<div
style="float: left; width: 400px; height: auto; margin-left: 10px !important; margin-left: 1px;">
<div style="float: left; width: 220px; text-align: right;"
class="banglaText">এসটিসি ট্রেনিং (৩ মাস)</div>
<div style="float: left; width: 120px;"><select id="stcTrainingYn"
name="stcTrainingYn" style="width: 100px;" class="banglaText" onFocus="this.style.backgroundColor='#ffff66';"
onBlur="this.style.backgroundColor='#d4e3e5';">
<!-- <option value="" selected="selected">নির্দিষ্ট করুন</option>-->
<s:if test='%{summaryInfo.stcTrainingYn == "1"}'>
<option value="1" selected="selected">হ্যাঁ</option>
<option value="2">না</option>
</s:if>
<s:else>
<option value="1" >হ্যাঁ</option>
<option value="2" selected="selected">না</option>
</s:else>
</select></div>
</div>
<div
style="float: left; width: 360px; height: auto; margin-top: 5px; margin-left: 10px !important; margin-left: 1px;">
<div style="float: left; width: 200px; text-align: right;"
class="banglaText">সৃজনশীল প্রশ্ন সংক্রান্ত ট্রেনিং</div>
<div style="float: left; width: 120px;"><select
id="creativeQuestionTrainingYn" name="creativeQuestionTrainingYn"
style="width: 100px;" class="banglaText"
onFocus="this.style.backgroundColor='#ffff66';"
onBlur="this.style.backgroundColor='#d4e3e5';">
<!-- <option value="" selected="selected">নির্দিষ্ট করুন</option>-->
<s:if test='%{summaryInfo.creativeQuestionTrainingYn == "2"}'>
<option value="2" selected="selected">না</option>
<option value="1">হ্যাঁ</option>
</s:if>
<s:else>
<option value="1" selected="selected">হ্যাঁ</option>
<option value="2">না</option>
</s:else>
</select></div>
</div>
</div>
<div style="float: left; width: 780px; height: auto; margin-top: 5px; margin-left: 5px;">
<div
style="float: left; width: 400px; height: auto; margin-left: 10px !important; margin-left: 1px;">
<div style="float: left; width: 220px; text-align: right;"
class="banglaText">এসটিটি থেকে বি.এড (৯মাস)</div>
<div style="float: left; width: 120px;"><select id="sttBedYn"
name="sttbedYn" style="width: 100px;" class="banglaText"
onFocus="this.style.backgroundColor='#ffff66';"
onBlur="this.style.backgroundColor='#d4e3e5';">
<!-- <option value="" selected="selected">নির্দিষ্ট করুন</option>-->
<s:if test='%{summaryInfo.sttbedYn == "1"}'>
<option value="1" selected="selected">হ্যাঁ</option>
<option value="2">না</option>
</s:if>
<s:else>
<option value="1" >হ্যাঁ</option>
<option value="2" selected="selected">না</option>
</s:else>
</select></div>
</div>
<div
style="float: left; width: 360px; height: auto; margin-top: 5px; margin-left: 10px !important; margin-left: 1px;">
<div style="float: left; width: 200px; text-align: right;"
class="banglaText">অন্যান্য</div>
<div style="float: left; width: 120px;"><select
id="othersTrainingYn" name="othersTrainingYn" style="width: 100px;"
class="banglaText"onFocus="this.style.backgroundColor='#ffff66';"
onBlur="this.style.backgroundColor='#d4e3e5';">
<!-- <option value="" selected="selected">নির্দিষ্ট করুন</option>-->
<s:if test='%{summaryInfo.othersTrainingYn == "2"}'>
<option value="2" selected="selected">না</option>
<option value="1">হ্যাঁ</option>
</s:if>
<s:else>
<option value="1" selected="selected">হ্যাঁ</option>
<option value="2">না</option>
</s:else>
</select></div>
</div>
</div>
<div
style="float: left; width: 780px; height: auto; margin-top: 5px; margin-left: 5px;">
<div style="float: left; width: 400px; height: auto; margin-left: 10px !important; margin-left: 1px;">
<div style="float: left; width: 220px; text-align: right;"
class="banglaText">সিপিডি-১ ট্রেনিং (১৪দিন)</div>
<div style="float: left; width: 120px;"><select
id="cpd1TrainingYn" name="cpd1TrainingYn" style="width: 100px;"
class="banglaText" onFocus="this.style.backgroundColor='#ffff66';"
onBlur="this.style.backgroundColor='#d4e3e5';">
<!-- <option value="" selected="selected">নির্দিষ্ট করুন</option>-->
<s:if test='%{summaryInfo.cpd1TrainingYn == "1"}'>
<option value="1" selected="selected">হ্যাঁ</option>
<option value="2">না</option>
</s:if>
<s:else>
<option value="1" >হ্যাঁ</option>
<option value="2" selected="selected">না</option>
</s:else>
</select></div>
</div>
<div
style="float: left; width: 400px; height: auto; margin-left: 10px !important; margin-left: 1px;">
<div style="float: left; width: 200px;" class="banglaText"> </div>
<div style="float: left; width: 120px;"> </div>
</div>
</div>
</fieldset>
</div>
<div
style="float: left; width: 780px; height: auto; margin-top: 5px; margin-left: 5px;">
<div
style="float: left; width: 580px; height: 35px; margin-left: 10px !important; margin-left: 1px;">
<div
style="float: left; width: 435px !important; width: 440px; text-align: center;"
class="banglaText"><span class="banglaTextMini">২১.</span>
বিদ্যালয়ের শিক্ষা উপকারণ সংরক্ষণের জন্য পৃথক কক্ষ আছে কি? </div>
<div style="float: left; width: 100px;" align="left"><select
id="equipmentPresrvRoomYn" name="eqipmntPresrvRoomYn"
style="width: 90px;" class="banglaText"
onFocus="this.style.backgroundColor='#ffff66';"
onBlur="this.style.backgroundColor='#d4e3e5';">
<!-- <option value="" selected="selected">নির্দিষ্ট করুন</option>-->
<s:if test='%{summaryInfo.eqipmntPresrvRoomYn == "1"}'>
<option value="1" selected="selected">হ্যাঁ</option>
<option value="2">না</option>
</s:if>
<s:else>
<option value="1" >হ্যাঁ</option>
<option value="2" selected="selected">না</option>
</s:else>
</select></div>
</div>
</div>
<div id="right_side"
style="float: left; width: 760px !important; width: 780px; height: auto; background: #D9E9DA; margin-left: 5px;">
<fieldset><legend class="banglaText"><span
class="banglaTextMini">২২.</span></legend>
<div id="2nd_div"
style="float: left; width: 710px !important; width: 730px; height: auto; background: #D9E9DA;">
<div
style="float: left; width: 340px; height: auto; margin-left: 10px !important; margin-left: 1px;">
<div style="float: left; width: 250px; text-align: right;"
class="banglaText">(ক) প্রতিষ্ঠানটিতে শিফ্ট চালু আছে কি ? </div>
<div style="float: left; width: 70px;" align="left"><select
id="shiftYn" name="shiftYn" style="width: 60px;" class="banglaText"
onChange="isDisableTweentyTwo();"
onFocus="this.style.backgroundColor='#ffff66';"
onBlur="this.style.backgroundColor='#d4e3e5';">
<!-- <option value="" selected="selected">নির্দিষ্ট করুন</option>-->
<s:if test='%{summaryInfo.shiftYn == "2"}'>
<option value="2" selected="selected">না</option>
<option value="1">হ্যাঁ</option>
</s:if>
<s:else>
<option value="1" selected="selected">হ্যাঁ</option>
<option value="2">না</option>
</s:else>
</select></div>
</div>
<div
style="float: left; width: 340px; height: auto; margin-left: 10px !important; margin-left: 1px; margin-top: 5px;">
<div style="float: left; width: 200px; text-align: right;"
class="banglaText">(খ) উত্তর হ্যাঁ হলে শিফ্ট সংখ্যা </div>
<div style="float: left; width: 50px;" align="left"><input
id="shiftNo" name="shiftNo" type="text"
onKeyPress="return numbersonly(this, event)"
value="<s:property value='summaryInfo.shiftNo'/>" style="width: 40px;"
maxlength="2" disabled="true"
onFocus="this.style.backgroundColor='#ffff66';"
onBlur="this.style.backgroundColor='#d4e3e5';"></div>
</div>
</div>
</fieldset>
</div>
<div id="right_side"
style="float: left; width: 760px !important; width: 780px; height: auto; background: #D9E9DA; margin-left: 5px;">
<fieldset><legend class="banglaText"><span
class="banglaTextMini">২৩.</span></legend>
<div id="2nd_div"
style="float: left; width: 710px !important; width: 730px; height: auto; background: #D9E9DA;">
<div style="float: left; width: 400px; height: auto;">
<div style="float: left; width: 340px; text-align: right;"
class="banglaText">(ক) মূল প্রতিষ্ঠান ব্যতীত অন্যত্র ব্রাঞ্চ আছে
কি? </div>
<div style="float: left; width: 50px;" align="left"><select
id="branchYn" name="branchYn" style="width: 50px;" class="banglaText"
onChange="isDisableTweentyThree();"
onFocus="this.style.backgroundColor='#ffff66';"
onBlur="this.style.backgroundColor='#d4e3e5';">
<!-- <option value="" selected="selected">নির্দিষ্ট করুন</option>-->
<s:if test='%{summaryInfo.branchYn == "2"}'>
<option value="2" selected="selected">না</option>
<option value="1">হ্যাঁ</option>
</s:if>
<s:else>
<option value="1" selected="selected">হ্যাঁ</option>
<option value="2">না</option>
</s:else>
</select></div>
</div>
<div
style="float: left; width: 300px; height: auto; margin-left: 10px !important; margin-left: 1px; margin-top: 5px;">
<div style="float: left; width: 230px; text-align: right;"
class="banglaText">(খ) উত্তর হ্যাঁ হলে ব্রাঞ্চ সংখ্যা </div>
<div style="float: left; width: 50px;" align="left"><input
id="branchNo" name="branchNo" type="text"
onKeyPress="return numbersonly(this, event)"
value="<s:property value='summaryInfo.branchNo'/>" style="width: 30px;"
maxlength="2" disabled="true"
onFocus="this.style.backgroundColor='#ffff66';"
onBlur="this.style.backgroundColor='#d4e3e5';"></div>
</div>
</div>
</fieldset>
</div>
<div
style="float: left; width: 780px; height: auto; margin-top: 5px; margin-bottom: 5px; margin-left: 5px;">
<div
style="float: left; width: 580px; height: auto; margin-left: 10px !important; margin-left: 1px;">
<div
style="float: left; width: 175px !important; width: 160px; text-align: center;"
class="banglaText"><span class="banglaTextMini">২৪.</span>
প্রতিষ্ঠান প্রধান </div>
<div style="float: left; width: 120px;" align="left"><select
id="headStatus" name="headStatus" style="width: 90px;"
class="banglaText" onFocus="this.style.backgroundColor='#ffff66';"
onBlur="this.style.backgroundColor='#d4e3e5';">
<!-- <option value="" selected="selected">নির্দিষ্ট করুন</option>-->
<s:if test='%{summaryInfo.headStatus == "1"}'>
<option value="1" selected="selected">ভারপ্রাপ্ত</option>
<option value="2">নিয়োগপ্রাপ্ত</option>
</s:if>
<s:else>
<option value="2" selected="selected">নিয়োগপ্রাপ্ত</option>
<option value="1">ভারপ্রাপ্ত</option>
</s:else>
</select></div>
</div>
</div>
<div id="fill_sms"
style="float: left; width: 780px; height: auto; margin-top: 5px; margin-bottom: 5px; margin-left: 5px;"> </div>
</div>
</div>
<!-- Start print button -->
<div id="printGo_div" style="width: 812px; height: 100px; background: #DEF5DE; margin-top: -0px !important; margin-top: -10px; margin-bottom: 20px;">
<div id="2nd_div"
style="float: left; width: 810px !important; width: 800px; height: auto;">
<div
style="width: 650px; height: auto; margin-top: 5px; margin-left: 150px;">
<div style="float: left; width: 55px; height: auto;"><input
name="Back" type="button" value=" Back "
onClick="history.back();return true;"
style="font-family: Arial; font-size: 12px; font-weight: bold;" /></div>
<div style="float: left; width: 65px; height: auto;"><input
id="button" name="button" type="submit" value="Cancel"
style="font-family: Arial; font-size: 12px; font-weight: bold;"
onClick="setSubmit('Cancel');"></div>
<div style="float: left; width: 150px; height: auto;">
<input id="button" name="button" type="submit" value="Save And Go Forward" onClick="setSubmit('Save And Go Forward');"
style="font-family: Arial; font-size: 12px; font-weight: bold;">
</div>
<div style="float: left; width: 58px; height: auto;">
<input id="" name="" type="reset" value="Reset" style="font-family: Arial; font-size: 12px; font-weight: bold;">
</div>
<div style="float: left; width: 50px; height: auto;"><input
type="button" value="Print"
onClick="printPage('form_main_div_for_print')"
style="font-family: Arial; font-size: 12px; font-weight: bold;" /></div>
</div>
</div>
</div>
<!-- End print button -->
</div>
</form>
</body>
<script>
document.getElementById("teacher_three").style.backgroundColor='#DEF5DE';
</script>
Zoom in Zoom out
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>zoOom 1.0</title>
<style type="text/css">
.link{font-family:verdana,arial,helvetica; font-size:8pt; color:#003399; font-weight:normal}
.link:hover{font-family:verdana,arial,helvetica; font-size:8pt; color:#0099FF; font-weight:normal}
.header{font-family:arial,verdana,helvetica; font-size:20pt; color:#DD0000; font-weight:bold}
</style>
<script language="javascript">
var img_path="4.bmp"; // The Image Path |
var top_pos=130; // Image position from top |
var left_pos=200; // Image position from left |
var max_width=1300; // Max allowable width |
var min_width=10; // Min allowable width |
var time_length=1; // Zoom delay in milliseconds |
var step=2; // Pixels by which image should zoomm |
//-----------------------------------------------------------------
document.write('<div id="q_div" style="position:absolute; top:' + top_pos + '; left:' + left_pos + '"><img src="' + img_path + '" border="3" bordercolor="#000000" name="z" alt="zoOom"></div>');
img_act_width=z.width;
img_act_height=z.height;
var original_time=time_length;
function zoom_out()
{
if(z.width==0)
{
z.border=0;
}
if(z.width!=0)
{
if(z.width>min_width)
{
z.width-=step;
z.height=Math.round(z.width*((img_act_height)/(img_act_width)));
setTimeout("zoom_out()",time_length);
}
else
{
window.alert('Width less than Minimum WidthnCopyRight Qiksearch zoOom.');
}
}
}
function zoom_in()
{
if(z.width==0)
{
z.border=0;
}
if(z.width!=0)
{
if(z.width<max_width)
{
z.width+=step;
z.height=Math.round(z.width*((img_act_height)/(img_act_width)));
setTimeout("zoom_in()",time_length);
}
else
{
window.alert('Maximum Width exceedednCopyRight Qiksearch zoOom.');
}
}
}
function resume_zoom()
{
time_length=original_time;
}
function pause_zoom()
{
time_length=10000000000;
}
function set_original()
{
z.width=img_act_width;
z.height=img_act_height;
}
</script>
</head>
<body bgcolor="#FFFFFF">
<table cellspacing="10" cellpadding="10" align="center">
<tr>
<td style="border:3 solid #000000" align="middle">
<a href="#" onMouseOver="javascript:resume_zoom();zoom_in();" onMouseOut="javascript:pause_zoom();" style="font-family:verdana,arial,helvetica; font-weight:bold; font-size:15pt; color:#003399; text-decoration:none"><font color="#808080">zoOom in</font> +</a>
</td>
<td style="border:3 solid #000000" align="middle">
<a href="#" onMouseOver="javascript:resume_zoom();set_original();" style="font-family:verdana,arial,helvetica; font-weight:bold; font-size:15pt; color:#000000; text-decoration:none">original</a>
</td>
<td style="border:3 solid #000000" align="middle">
<a href="#" onMouseOver="javascript:resume_zoom();zoom_out();" onMouseOut="javascript:pause_zoom();" style="font-family:verdana,arial,helvetica; font-weight:bold; font-size:15pt; color:#003399; text-decoration:none"><font color="#808080">ZOoOM out</font> -</a>
</td>
</tr>
</table>
</body>
</html>
Date Blink
<!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=iso-8859-1" />
<title>Untitled Document</title>
<!-- start date blink script -->
<script language="JavaScript">
var t ;
function testload(){
document.getElementById("divId").style.color="pink";
t=setTimeout("blink2()",1000);
}
function blink2(){
document.getElementById("divId").style.color="red";
t=setTimeout("testload()",1000);
}
function clickvist(){
document.getElementById("divId").style.color="#000";
clearTimeout(t);
}
</script>
<!-- End date blink script -->
</head>
<body onLoad="testload();">
<!-- date start -->
<div id="date" style="float:left; width:190px; height:auto;">
<div id="divId" onClick="clickvist()" style="font-family:Arial; font-size:11px; font-weight:bold; color:#A1F83A; ">
<script type="text/javascript">
<!-- Begin
<!-- Begin
var X_now = new Date();
var X_days = new Array('Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday');
var X_months = new Array('January','February','March','April','May','June','July','August','September','October','November','December');
var X_date = ((X_now.getDate()<10) ? "0" : "")+ X_now.getDate();
function fourdigits(number) {
return (number < 1000) ? number + 1900 : number;
}
X_today = X_days[X_now.getDay()] + ", " +
X_months[X_now.getMonth()] + " " +
X_date + ", " +
(fourdigits(X_now.getYear())) ;
document.write(X_today);
// End -->
</script>
</div>
</div>
<!-- date start -->
</body>
</html>
Get value from radio group
//Start this portion is use for get Gender radio button value
var radiosA=document.getElementsByName('gender');
//alert("radiosA"+radiosA);
var statusValA;
for (var i = 0, length = radiosA.length; i < length; i++) {
if (radiosA[i].checked) {
statusValA=radiosA[i].value;
//alert("statusValA"+statusValA);
break;
}
}
//End this portion is use for get Gender radio button value
Inner HTML Script
<!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>Untitled Document</title>
<script type="text/jscript">
function civCall(id,lblId,val){
var getInfant=document.getElementById(id).checked;
if(getInfant==true && val==3){
document.getElementById(lblId).innerHTML = "CIV Number";
}else{
document.getElementById(lblId).innerHTML = "BP Number";
}
}
</script>
</head>
<body>
<div id="commonUp_div" style="float:left; width:970px; height:auto;">
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="margin-bottom:10px;" class="banglaTextDob">
<tr>
<td style="background-color:#7ec0ee">
<s:if test='%{hrvPoliceInfo.police_category !=null && hrvPoliceInfo.police_category==1}'>
<input type="radio" value="1" id="gadgetPolice" name="pType" checked="checked" onclick="civCall('gadgetPolice','bpNumberLbl','1');">
</s:if>
<s:else>
<input type="radio" value="1" id="gadgetPolice" name="pType" onclick="civCall('gadgetPolice','bpNumberLbl','1');" />
</s:else>
<td style="background-color:#7ec0ee;color:#FFFFFF" >গেজেটেড পুলিশ সদস্য</td>
<td style="background-color:#000080"><s:if test='%{hrvPoliceInfo.police_category !=null && hrvPoliceInfo.police_category==2}'>
<input type="radio" value="2" id="nonGadgetPolice" name="pType" checked="checked" onclick="civCall('nonGadgetPolice','bpNumberLbl','2');">
</s:if>
<s:else>
<input type="radio" value="2" id="nonGadgetPolice" name="pType" onclick="civCall('nonGadgetPolice','bpNumberLbl','2');">
</s:else></td>
<td style="background-color:#000080;color:#FFFFFF">নন-গেজেটেড পুলিশ সদস্য</td>
<td style="background-color:#088A4B" ><s:if test='%{hrvPoliceInfo.police_category !=null && hrvPoliceInfo.police_category==3}'>
<input type="radio" value="3" id="nonPolice" name="pType" checked="checked" onclick="civCall('nonPolice','bpNumberLbl','3');" >
</s:if>
<s:else>
<input type="radio" value="3" id="nonPolice" name="pType" onclick="civCall('nonPolice','bpNumberLbl','3');" >
</s:else></td>
<td style="background-color:#088A4B;color:#FFFFFF">নন-পুলিশ সদস্য</td>
<td style="background-color:#FF0000"><s:if test='%{hrvPoliceInfo.police_category !=null && hrvPoliceInfo.police_category==4}'>
<input type="radio" value="4" id="retiredGadgetPolice" name="pType" checked="checked" onclick="civCall('retiredGadgetPolice','bpNumberLbl','4');">
</s:if>
<s:else>
<input type="radio" value="4" id="retiredGadgetPolice" name="pType" onclick="civCall('retiredGadgetPolice','bpNumberLbl','4');">
</s:else></td>
<td style="background-color:#FF0000;color:#FFFFFF">অবসরপ্রাপ্ত গেজেটেড কর্মকর্তা </td>
<td style="background-color:#FFDFDD"><s:if test='%{hrvPoliceInfo.police_category !=null && hrvPoliceInfo.police_category==5}'>
<input type="radio" value="5" id="retiredNonGadgetPolice" name="pType" checked="checked" onclick="civCall('retiredNonGadgetPolice','bpNumberLbl','5');">
</s:if>
<s:else>
<input type="radio" value="5" id="retiredNonGadgetPolice" name="pType" onclick="civCall('retiredNonGadgetPolice','bpNumberLbl','5');">
</s:else></td>
<td style="background-color:#FFDFDD">অবসরপ্রাপ্ত নন-গেজেটেড কর্মচারী</td>
</tr>
</table>
</div>
<div>
<div id="cell_1" style="float:left; width:120px; height:auto; text-align:right;" class="fontSize1"><label id="bpNumberLbl">BP Number:</label> </div>
</div>
</body>
</html>
Hide Show And Inner HTML
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Document</title>
<script language="JavaScript">
function viewClose() {
alert("alert");
// document.getElementById("app_4").style.display = 'block';
if(document.getElementById("headPanel_div").style.display== 'block'){
document.getElementById("headPanel_div").style.display = 'none';
document.getElementById("viewCloseIcon").innerHTML = "View";
//viewCloseIcon
}else{
document.getElementById("headPanel_div").style.display = 'block';
document.getElementById("viewCloseIcon").innerHTML = "Close";
}
}
</script>
</head>
<body>
<table>
<tr>
<td width="43%" style="text-align:center;" id=""><a href="#" style="font-family:Arial; font-size:12px;color:red;font-weight:bold;text-decoration:none; " onclick="viewClose();" alt="click for close"><!--img src="images/up.png" alt="click for close"/--><span id="viewCloseIcon">Close</span></a></td>
</tr>
</table>
</body>
</html>
Table Border color by css and onMouseOver a marquee call :
<!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=iso-8859-1" />
<title>Untitled Document</title>
<script type="text/javascript">
function mouseOverimgSearch(msg){
//alert(msg);
document.getElementById(msg).src = "images/searc_mirror_hover.jpg";
document.getElementById('noView').style.display='none';
document.getElementById('yesViewScroll').style.display='block';
document.getElementById('myAnimatedText').innerHTML='<marquee>Search my name </marquee>';
}
function mouseOutimgSearch(msg){
//alert(msg)
document.getElementById(msg).src = "images/searc_mirror.jpg";
document.getElementById('noView').style.display='block';
document.getElementById('yesViewScroll').style.display='none';
document.getElementById('myAnimatedText').innerHTML='Search my name';
}
</script>
<style type="text/css">
table.hovertable {
font-family: Arial;
font-size:11px;
color:#333333;
border-width: 1px;
border-color: #999999;
border-collapse: collapse;
}
table.hovertable th {
background-color:#A2BE82;
border-width: 1px;
padding: 1px !important; padding:2px;
/* padding: 5px; */
border-style: solid;
border-color: #a9c6c9;
}
table.hovertable tr {
/*background-color:#D9E9DA; */
}
table.hovertable td {
border-width: 1px;
padding: 0px;
border-style: solid;
border-color: #a9c6c9;
}
</style>
</head>
<body>
<div id="myAnimatedText" style="float:left; width:800px; height:40px;">Searching my name</div>
<div id="" style="float:left; width:800px; height:40px;">OR</div>
<!-- Start show div -->
<div style="float:left; width:800px; height:auto; background:#CCCCFF;">
<div id="noView" style="display:block; font-family:Arial; font-size:14px; font-weight:bold; color:#000; padding:5px;">Knowledge is Power</div>
<div id="yesViewScroll" style="display:none;font-family:Arial; font-size:14px; font-weight:bold; color:red;padding:5px;"><marquee direction="right" behavior="alternate" scrollamount="5">Knowledge is Power 2</marquee></div>
</div>
<!-- End show div -->
<div style="float:right;width:17px;height:19px;margin-top:3px;cursor:pointer; margin-right:5px;">
<img src="images/searc_mirror.jpg" id="imgSearch" onMouseOver="mouseOverimgSearch('imgSearch')" onMouseOut="mouseOutimgSearch('imgSearch')" style= "float:left; border:none;" title="know thyself"/>
</div>
<div style="float:left; width:980px !important;width:990px; height:auto; padding-top:20px;">
<div style="float:left; width:980px !important;width:990px; height:20px;background:#D9DADC;font-family:Arial;font-weight:bold; font-size:14px;text-align:center;">Department Name</div>
<!-- Start table div -->
<div style="float:left; width:980px !important;width:990px; height:auto;font-family:Arial;font-weight:normal; font-size:11px;text-align:center;">
<div style="float:left; width:800px; height:auto;text-align:center;">
<table width="100%" border="1" cellpadding="0" cellspacing="0" class="hovertable">
<tr style="background:#C5C8CB;">
<td width="30%" style="height:20px;font-family:Arial; font-size:11px; font-weight:bold; text-align:center;">Head Name</td>
<td width="23%" style="height:20px;font-family:Arial;font-size:11px;font-weight:bold;text-align:center;">Template Details</td>
<td width="47%" style="height:20px;font-family:Arial;font-size:11px;font-weight:bold;text-align:center;">Template Details</td>
</tr>
<tr style="font-family:Arial; text-align:center;">
<td colspan="" style="padding:1px;"></td>
<td> </td>
<td> </td>
</tr>
<tr style="font-family:Arial; text-align:center; height:auto;">
<td colspan="3" style="padding:0px;"> </td>
</tr>
</table>
</div>
</div>
<!-- End table div -->
</div>
</body>
</html>
From mail Search this name (Menu.zip ) get nice source
From mail Search this name (common_div_allignment_ie_mozila ) get nice source
From mail Search this name (div design(constant Round) ) get nice source
From mail Search this name (Tab_differentType_Color) ) get nice source
From mail Search this name (slideShow_checkBox_hideShow_p0pUp.zip ) get nice source
Good Layout :
.........................
From mail Search this name (Menu_tree_push.zip ) get nice source
<!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=iso-8859-1" />
<title>Untitled Document</title>
</script>
<script type="text/javascript">
function ChangeScrollState (select) {
//alert(select);
document.getElementById('list').style.overflowX = select;
document.getElementById('list').style.overflowY = select;
}
</script>
</head>
<body>
<div id="list" onmouseover="ChangeScrollState ('scroll');" onmouseout="ChangeScrollState ('hidden');" style="float:left; width:980px !important; width:990px; height:300px;">
<div id="upper_Info_div_1" style="float:left; width:978px !important; width:990px; height:auto;border:1px solid #CCCCCC;" >
<div id="upper_Info_div_1" style="float:left; width:98px; height:23px; text-align:right; border:1px solid #CCCCCC;" class="bodyText" >Cart Id :</div>
<div id="upper_Info_div_1" style="float:left; width:98px; height:23px; text-align:left; border:1px solid #CCCCCC;" ></div>
<div id="upper_Info_div_1" style="float:left; width:98px; height:23px; text-align:right;border:1px solid #CCCCCC;" class="bodyText">Refill Time :</div>
<div id="upper_Info_div_1" style="float:left; width:98px; height:23px; " ></div>
<div id="upper_Info_div_1" style="float:left; width:98px; height:23px; text-align:right;border:1px solid #CCCCCC;"class="bodyText" >Refill For :</div>
<div id="upper_Info_div_1" style="float:left; width:98px; height:23px; " ></div>
<div id="upper_Info_div_1" style="float:left; width:100px; height:23px; border:1px solid #CCCCCC;" >
<input name="Back" type="submit" value="back" />
</div>
</div>
</div>
</body>
</html>
Vertical Scroll Bar
<!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=iso-8859-1" />
<title>Untitled Document</title>
</head>
<body>
<div id="c_h_details" style="width:746px; height: 220px; overflow: auto; overflow-x:hidden; overflow-y: scroll;">
<div id="c_h_div" style="width:746px; height: 20px; background-color: #FFFFFF; border-bottom: 1px solid #CCCCCC; float: left; text-align: center;">
#
www.w3schools.com/js/js_loop_for.asp - CachedSimilar
You +1'd this publicly. Undo
Free HTML XHTML CSS JavaScript jQuery XML DOM XSL XSLT RSS AJAX ASP . ... The for loop is used when you know in advance how many times the script ...
?
#
JavaScript while Loop
www.w3schools.com/js/js_loop_while.asp - CachedSimilar
You +1'd this publicly. Undo
The while loop loops through a block of code while a specified condition is ...
#
VBScript Looping Statements
www.w3schools.com/vbscript/vbscript_looping.asp - CachedSimilar
You +1'd this publicly. Undo
Looping statements are used to run the same block of code a specified number ...
#
Loops
tldp.org/LDP/abs/html/loops1.html - CachedSimilar
You +1'd this publicly. Undo
bin/bash # Invoke this script both with and without arguments, #+ and see what happens. for a do echo -n "$a " done # The 'in list' missing, therefore the loop ...
#
The for loop
tldp.org/LDP/Bash-Beginners-Guide/html/sect_09_01.html - CachedSimilar
You +1'd this publicly. Undo
The for loop is the first of the three shell looping constructs. ...
Show more results from tldp.org<br/>
#
www.w3schools.com/js/js_loop_for.asp - CachedSimilar
You +1'd this publicly. Undo
Free HTML XHTML CSS JavaScript jQuery XML DOM XSL XSLT RSS AJAX ASP . ... The for loop is used when you know in advance how many times the script ...
?
#
JavaScript while Loop
www.w3schools.com/js/js_loop_while.asp - CachedSimilar
You +1'd this publicly. Undo
The while loop loops through a block of code while a specified condition is ...
#
VBScript Looping Statements
www.w3schools.com/vbscript/vbscript_looping.asp - CachedSimilar
You +1'd this publicly. Undo
Looping statements are used to run the same block of code a specified number ...
#
<br/>
Loops
tldp.org/LDP/abs/html/loops1.html - CachedSimilar
You +1'd this publicly. Undo
bin/bash # Invoke this script both with and without arguments, #+ and see what happens. for a do echo -n "$a " done # The 'in list' missing, therefore the loop ...
#
The for loop
tldp.org/LDP/Bash-Beginners-Guide/html/sect_09_01.html - CachedSimilar
You +1'd this publicly. Undo
The for loop is the first of the three shell looping constructs. ...
Show more results from tldp.org<br/>
<br/>
Loops
tldp.org/LDP/abs/html/loops1.html - CachedSimilar
You +1'd this publicly. Undo
bin/bash # Invoke this script both with and without arguments, #+ and see what happens. for a do echo -n "$a " done # The 'in list' missing, therefore the loop ...
#
The for loop
tldp.org/LDP/Bash-Beginners-Guide/html/sect_09_01.html - CachedSimilar
You +1'd this publicly. Undo
The for loop is the first of the three shell looping constructs. ...
Show more results from tldp.org<br/>
<br/>
Loops
tldp.org/LDP/abs/html/loops1.html - CachedSimilar
You +1'd this publicly. Undo
bin/bash # Invoke this script both with and without arguments, #+ and see what happens. for a do echo -n "$a " done # The 'in list' missing, therefore the loop ...
#
The for loop
tldp.org/LDP/Bash-Beginners-Guide/html/sect_09_01.html - CachedSimilar
You +1'd this publicly. Undo
The for loop is the first of the three shell looping constructs. ...
Show more results from tldp.org<br/>
</div>
</div>
</body>
</html>
After Log in 1 step
<!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=iso-8859-1" />
<title>HIS WEB VitalSign</title>
<script language="javaScript" type="text/javascript" src="calendar.js"></script>
<link href="calendar.css" rel="stylesheet" type="text/css">
<style type="text/css">
.bodyText{
font-family:Arial;
font-size:12px;
font-weight:bold;
color:#000000;
}
.tdBorderStyle
{
border:1px solid #CCCCCC;
}
</style>
<style type="text/css">
table.hovertable {
font-family: verdana,arial,sans-serif;
font-size:11px;
color:#333333;
border-width: 1px;
border-color: #999999;
border-collapse: collapse;
}
table.hovertable th {
background-color:#c3dde0;
border-width: 1px;
padding: 5px;
border-style: solid;
border-color: #a9c6c9;
}
table.hovertable tr {
background-color:#d4e3e5;
}
table.hovertable td {
border-width: 1px;
padding: 5px;
border-style: solid;
border-color: #a9c6c9;
}
</style>
<script src="js/loadingData.js" type="text/javascript"></script>
<script type="text/javascript">
function overlap(){
//alert("hahu");
document.getElementById('main_div').style.width="5000px";
document.getElementById('tabmain').style.width="auto";
}
function overclose(){
//alert("hahu");
document.getElementById('main_div').style.width="990px";
document.getElementById('tabmain').style.width="500px";
}
</script>
<script type="text/javascript">
function ChangeScrollState(){
//alert("select");
document.getElementById('main_div').style.width = 5000px;
document.getElementById('tabmain').style.width = auto;
}
</script>
</head>
<body style="width:auto;">
<div id="main_div" style="width:990px; height:auto;">
<!-- Left side-->
<div style="float:left; width:450px; margin-top:0px; margin-bottom:5px; margin-left:0px; background:none; height:500px;">
<div style="float:left; width:450px; margin-top:5px; margin-bottom:5px; margin-left:0px;">
<div id="pic" style="float:left; width:90px; height:100px;background:none;"><img src="Untitled-2.jpg" /></div>
<div style="width:350px; float:left; background:#669999;">
<div id="" style="float:left; width:100px; height:auto; margin-left:2px;">Date</div>
<div id="" style="float:left; width:90px; height:auto; margin-left:2px; text-align:center;">Date</div>
<div id="" style="float:left; width:100px; height:auto; margin-left:2px; text-align:center;">Date</div>
</div>
<div style="width:350px; float:left; font-family:Arial; font-size:12px;font-weight:bold;color:blue;">
<div id="" style="float:left; width:110px; height:auto; "> <input name="back" type="button" value="NoViewMessage" style="float:left; width:110px;" /></div>
<div id="" style="float:left; width:80px; height:auto; margin-left:2px; text-align:center;"> <input name="back" type="button" value="Message" /></div>
<div id="" style="float:left; width:120px; height:auto; margin-left:2px; text-align:center;"> <input name="back2" type="button" value="NoUrgentMessage" style="float:left; width:125px;"/></div>
</div>
<div id="dr name" style="width:320px; float:left;"> </div>
</div>
<div style="float:left; width:440px; height:auto; margin-top:5px; background:none;">
<div style="float:left; width:440px;font-family:Arial; font-size:12px;font-weight:bold;color:blue; background:#66CCCC;">View today opd appointments</div>
<div style="float:left; width:440px;">
<table width="100%" border="1" class="hovertable">
<tr>
<td width="48%">
<input id="" name="" type="checkbox" value="" checked /> (Re) Schedule OPD patients
</td>
<td width="48%">
<input id="" name="" type="checkbox" value="" />Today IPD patients
</td>
</tr>
<tr>
<td width="48%">
<input id="" name="" type="checkbox" value="" /> Rounds
</td>
<td width="48%">
<input id="" name="" type="checkbox" value="" /> Emergency patients
</td>
</tr>
<tr>
<td width="48%">
<input id="" name="" type="checkbox" value="" /> OR
</td>
<td width="48%">
<input id="" name="" type="checkbox" value="" /> Class
</td>
</tr>
<tr>
<td colspan="2" width="48%">
<input id="" name="" type="checkbox" value="" /> Meetings
</td>
</tr>
</table>
</div>
</div>
<div style="float:left; width:440px; height:auto; margin-top:5px; background:none;">
<div style="float:left; width:440px;font-family:Arial; font-size:12px;font-weight:bold;color:blue; background:#66CCCC;">View future opd appointments</div>
<div style="float:left; width:440px;">
<table width="100%" border="1" class="hovertable">
<tr>
<td width="48%">
<input id="" name="" type="checkbox" value="" checked /> Schedule future OPD appointments
</td>
<td width="48%">
<input id="" name="" type="checkbox" value="" />View future IPD admission </td>
</tr>
<tr>
<td width="48%">
<input id="" name="" type="checkbox" value="" /> View future OR appointments
</td>
<td width="48%">
<input id="" name="" type="checkbox" value="" /> Schedule personal appointment
</td>
</tr>
</table>
</div>
</div>
<div style="float:left; width:450px; margin-top:5px; ">
<div style="float:left; width:440px;font-family:Arial; font-size:12px;font-weight:bold;color:blue; background:#66CCCC;'">View past opd appointments</div>
<div style="float:left; width:430px; ">
<table width="100%" border="0" class="hovertable">
<tr>
<td width="25%">Generic Name </td>
<td width="16%">Brand</td>
<td width="23%">Manufacturer</td>
<td width="36%">Symptom & indications </td>
</tr>
</table>
</div>
<div style="float:left; width:430px; ">
<table width="100%" border="0" class="hovertable">
<tr>
<td width="25%"> </td>
<td width="16%"> </td>
<td width="23%"> </td>
<td width="36%"> </td>
</tr>
</table>
</div>
</div>
<div style="float:left; width:450px; margin-top:5px;">
<div style="float:left; width:438px; background:#66CCCC;font-family:Arial; font-size:12px;font-weight:bold;color:blue;">New investigation list</div>
<div style="float:left; width:150px; ">
<div style="float:left; width:150px; height:auto; font-family:Arial; font-size:12px;font-weight:bold;color:#000;">
<input name="isActive" id="isActive" type="radio" value="N" checked />
Pathology</div>
<div style="float:left; width:150px; height:auto; font-family:Arial; font-size:12px;font-weight:bold;color:#000;">
<input name="isActive" id="isActive" type="radio" value="N" checked />
Radiology</div>
<div style="float:left; width:150px; height:auto; font-family:Arial; font-size:12px;font-weight:bold;color:#000;">
<input name="isActive" id="isActive" type="radio" value="N" checked />
Services</div>
</div>
<div style="float:left; width:280px; ">
<table width="100%" border="1" class="hovertable">
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
</table>
</div>
</div>
</div>
<!-- Left side end width:525px !important; width:435px; -->
<div style="float:left; width:525px; margin-left:0px;margin-top:5px; margin-bottom:5px; text-align:center; ;">
<div style=" font-family:Arial; font-size:12px;font-weight:bold;color:#000;background:#669999;">View past OPD appointments</div>
<table width="100%" border="1" cellpadding="0" cellspacing="0" class="hovertable">
<tr>
<td width="30%" style="text-align:center;">Patient Type </td>
<td width="70%">Clinical stamping </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
</div>
<div id="tabmain" style="float:left;background-color:none; width:500px; height:auto; overflow-x:scroll;overflow-y:hidden;">
<table width="100%" border="0" style=" float:left; width:1000px;" onmousemove="overlap();" class="hovertable">
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</div>
<div id="button" style="float:left;background-color:#CCC; width:500px; height:25px; margin-top:15px; ">
<input name="back" type="button" value="Realsize" />
<input name="back" type="button" value="Overlapsize" />
</div>
<div id="button" style="float:left;background-color:#CCC; width:500px; height:25px; margin-top:15px; ">
Total patient record for the criteria :0
</div>
<div id="button" style="float:left;background-color:#CCC; width:500px; height:25px; margin-top:15px; ">
<input name="back" type="button" value="Home page" />
<input name="back" type="button" value="Module menu" />
<input name="back" type="button" value="Log out" />
<input name="back" type="button" value="Refresh" />
</div>
</div>
</body>
</html>
After Log in 2 Step
<!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=iso-8859-1" />
<title>HIS WEB VitalSign</title>
<script language="javaScript" type="text/javascript" src="calendar.js"></script>
<link href="calendar.css" rel="stylesheet" type="text/css">
<style type="text/css">
.bodyText{
font-family:Arial;
font-size:12px;
font-weight:bold;
color:#000000;
}
.tdBorderStyle
{
border:1px solid #CCCCCC;
}
</style>
<style type="text/css">
table.hovertable {
font-family: verdana,arial,sans-serif;
font-size:11px;
color:#333333;
border-width: 1px;
border-color: #999999;
border-collapse: collapse;
}
table.hovertable th {
background-color:#c3dde0;
border-width: 1px;
padding: 5px;
border-style: solid;
border-color: #a9c6c9;
}
table.hovertable tr {
background-color:#d4e3e5;
}
table.hovertable td {
border-width: 1px;
padding: 5px;
border-style: solid;
border-color: #a9c6c9;
}
</style>
<script src="js/loadingData.js" type="text/javascript"></script>
<script type="text/javascript">
function overlap(){
//alert("hahu");
document.getElementById('main_div').style.width="5000px";
document.getElementById('tabmain').style.width="auto";
}
function overclose(){
//alert("hahu");
document.getElementById('main_div').style.width="990px";
document.getElementById('tabmain').style.width="500px";
}
</script>
<script type="text/javascript">
function ChangeScrollState(){
//alert("select");
document.getElementById('main_div').style.width = 5000px;
document.getElementById('tabmain').style.width = auto;
}
</script>
</head>
<body style="width:auto;">
<div id="main_div" style="width:990px; height:auto;">
<!-- Left side-->
<div style="float:left; width:450px; margin-top:0px; margin-bottom:5px; margin-left:0px; background:none; height:500px;">
<div style="float:left; width:450px; margin-top:5px; margin-bottom:5px; margin-left:0px;">
<div id="pic" style="float:left; width:90px; height:100px;background:none;"><img src="Untitled-2.jpg" /></div>
<div style="width:350px; float:left; background:#669999;">
<div id="" style="float:left; width:100px; height:auto; margin-left:2px;">Date</div>
<div id="" style="float:left; width:90px; height:auto; margin-left:2px; text-align:center;">Date</div>
<div id="" style="float:left; width:100px; height:auto; margin-left:2px; text-align:center;">Date</div>
</div>
<div style="width:350px; float:left; font-family:Arial; font-size:12px;font-weight:bold;color:blue;">
<div id="" style="float:left; width:110px; height:auto; "> <input name="back" type="button" value="NoViewMessage" style="float:left; width:110px;" /></div>
<div id="" style="float:left; width:80px; height:auto; margin-left:2px; text-align:center;"> <input name="back" type="button" value="Message" /></div>
<div id="" style="float:left; width:120px; height:auto; margin-left:2px; text-align:center;"> <input name="back2" type="button" value="NoUrgentMessage" style="float:left; width:125px;"/></div>
</div>
<div id="dr name" style="width:320px; float:left;"> </div>
</div>
<div style="float:left; width:440px; height:auto; margin-top:5px; background:none;">
<div style="float:left; width:440px;font-family:Arial; font-size:12px;font-weight:bold;color:blue; background:#66CCCC;">View today opd appointments</div>
<div style="float:left; width:440px;">
<table width="100%" border="1" class="hovertable">
<tr>
<td width="48%">
<input id="" name="" type="checkbox" value="" checked /> (Re) Schedule OPD patients
</td>
<td width="48%">
<input id="" name="" type="checkbox" value="" />Today IPD patients
</td>
</tr>
<tr>
<td width="48%">
<input id="" name="" type="checkbox" value="" /> Rounds
</td>
<td width="48%">
<input id="" name="" type="checkbox" value="" /> Emergency patients
</td>
</tr>
<tr>
<td width="48%">
<input id="" name="" type="checkbox" value="" /> OR
</td>
<td width="48%">
<input id="" name="" type="checkbox" value="" /> Class
</td>
</tr>
<tr>
<td colspan="2" width="48%">
<input id="" name="" type="checkbox" value="" /> Meetings
</td>
</tr>
</table>
</div>
</div>
<div style="float:left; width:440px; height:auto; margin-top:5px; background:none;">
<div style="float:left; width:440px;font-family:Arial; font-size:12px;font-weight:bold;color:blue; background:#66CCCC;">View future opd appointments</div>
<div style="float:left; width:440px;">
<table width="100%" border="1" class="hovertable">
<tr>
<td width="48%">
<input id="" name="" type="checkbox" value="" checked /> Schedule future OPD appointments
</td>
<td width="48%">
<input id="" name="" type="checkbox" value="" />View future IPD admission </td>
</tr>
<tr>
<td width="48%">
<input id="" name="" type="checkbox" value="" /> View future OR appointments
</td>
<td width="48%">
<input id="" name="" type="checkbox" value="" /> Schedule personal appointment
</td>
</tr>
</table>
</div>
</div>
<div style="float:left; width:450px; margin-top:5px; ">
<div style="float:left; width:440px;font-family:Arial; font-size:12px;font-weight:bold;color:blue; background:#66CCCC;'">View past opd appointments</div>
<div style="float:left; width:430px; ">
<table width="100%" border="0" class="hovertable">
<tr>
<td width="25%">Generic Name </td>
<td width="16%">Brand</td>
<td width="23%">Manufacturer</td>
<td width="36%">Symptom & indications </td>
</tr>
</table>
</div>
<div style="float:left; width:430px; ">
<table width="100%" border="0" class="hovertable">
<tr>
<td width="25%"> </td>
<td width="16%"> </td>
<td width="23%"> </td>
<td width="36%"> </td>
</tr>
</table>
</div>
</div>
<div style="float:left; width:450px; margin-top:5px;">
<div style="float:left; width:438px; background:#66CCCC;font-family:Arial; font-size:12px;font-weight:bold;color:blue;">New investigation list</div>
<div style="float:left; width:150px; ">
<div style="float:left; width:150px; height:auto; font-family:Arial; font-size:12px;font-weight:bold;color:#000;">
<input name="isActive" id="isActive" type="radio" value="N" checked />
Pathology</div>
<div style="float:left; width:150px; height:auto; font-family:Arial; font-size:12px;font-weight:bold;color:#000;">
<input name="isActive" id="isActive" type="radio" value="N" checked />
Radiology</div>
<div style="float:left; width:150px; height:auto; font-family:Arial; font-size:12px;font-weight:bold;color:#000;">
<input name="isActive" id="isActive" type="radio" value="N" checked />
Services</div>
</div>
<div style="float:left; width:280px; ">
<table width="100%" border="1" class="hovertable">
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
</table>
</div>
</div>
</div>
<!-- Left side end width:525px !important; width:435px; -->
<div style="float:left; width:525px; margin-left:0px;margin-top:5px; margin-bottom:5px; text-align:center; ;">
<div style=" font-family:Arial; font-size:12px;font-weight:bold;color:#000;background:#669999;">View past OPD appointments</div>
<table width="100%" border="1" cellpadding="0" cellspacing="0" class="hovertable">
<tr>
<td width="30%" style="text-align:center;">Patient Type </td>
<td width="70%">Clinical stamping </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
</div>
<div id="tabmain" style="float:left;background-color:none; width:500px; height:auto; overflow-x:scroll;overflow-y:hidden;">
<table width="100%" border="0" style=" float:left; width:1000px;" class="hovertable">
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</div>
<div id="button" style="float:left;background-color:#CCC; width:500px; height:25px; margin-top:15px; ">
<input name="back" type="button" value="Realsize" />
<input name="back" type="button" value="Overlapsize" />
</div>
<div id="button" style="float:left;background-color:none; width:500px; height:25px; margin-top:15px; border:1px solid gray;">
Total patient record for the criteria :0
</div>
<div id="button" style="float:left;background-color:#669999; width:500px; height:25px; margin-top:15px; ">
<input name="back" type="button" value="Home page" />
<input name="back" type="button" value="Module menu" />
<input name="back" type="button" value="Log out" />
<input name="back" type="button" value="Refresh" />
</div>
</div>
</body>
</html>
Html table row create by script
<table border="1" cellpadding="0" cellspacing="0" bordercolor="#FFF" style="width:769px;">
<SCRIPT Language="JavaScript">
for(i = 0; i <10; i++){
document.write('<tr>')
document.write('<td style="width:35px; border:1px solid #B4C3D2;"> </td>')
document.write('<td style="width:95px; border:1px solid #B4C3D2;"> </td>')
document.write('<td style="width:123px; border:1px solid #B4C3D2;"> </td>')
document.write('<td style="width:68px; border:1px solid #B4C3D2;"> </td>')
document.write('<td style="width:60px; border:1px solid #B4C3D2;"> </td>')
document.write('<td style="width:60px; border:1px solid #B4C3D2;"> </td>')
document.write('<td style="width:60px; border:1px solid #B4C3D2;"> </td>')
document.write('<td style="width:60px; border:1px solid #B4C3D2;"> </td>')
document.write('<td style="width:60px; border:1px solid #B4C3D2;"> </td>')
document.write('<td style="width:112px; border:1px solid #B4C3D2;"> </td>')
document.write('<td style="width:30px; border:1px solid #D5E3EC; background:#D5E3EC; " ><input name="" type="checkbox" value="" checked /></td>')
document.write('</tr>')
}
</SCRIPT>
</table>
Follow This page Learn print , script combo and check box from banbeis
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@taglib prefix="s" uri="/struts-tags"%>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link type="text/css" href="./css/solaimanLipiFont.css" rel="stylesheet">
<link type="text/css" href="./css/tableStyle.css" rel="stylesheet">
<title>BANBEIS</title>
<script type="text/javascript" src="js/tabColorManage.js"></script>
<script language="javascript">
function printPage(id)
{
// alert(id);
var html="<html>";
html+="<head>";
html+="<link type='text/css' href='css/solaimanLipiFont.css' rel='stylesheet'>";
html+="<link type='text/css' href='css/tableStyle.css' rel='stylesheet'> ";
html+="</head>";
html+="<body>";
html+= document.getElementById(id).innerHTML;
html+="</body>";
html+="</html>";
var width=document.getElementById(id).style.width;
var height=document.getElementById(id).style.height;
// alert("width "+width +"height "+height);
var printWin = window.open('','','left=0,top=0,width='+width+',height='+height+',toolbar=0,scrollbars=0,status=0');
printWin.document.write(html);
printWin.document.close();
printWin.focus();
printWin.print();
printWin.close();
}
var check = '';
function checkForm(){
if(check == 'Save And Go Forward'){
var result=verifyForm();
if(result==true)
{
return true;
}
else{
return false;
}
}
else if(check == 'Cancel'){
var cancelRes=cancelResult();
// alert(cancelRes);
if(cancelRes == false){
return false;
}else{
return true;
}
}
else {
return false;
}
return false;
}
function setSubmit(id){
// alert(id);
check = id;
}
function verifyForm(){
//alert("step 1");
<!-- ******************************** kaniz new update Start *************************** -->
<!--for 9 number start -->
//alert("step 2");
var teacApearUse=document.getElementById('teacApearUse').value;
var stepI=true;
var stepII=true;
var stepIII=true;
var stepIV=true;
//alert("step 3");
if(teacApearUse==1 || teacApearUse==3 ){
//alert("step 4");
//document.getElementById('glob').disabled=false;
//document.getElementById('map').disabled=false;
//document.getElementById('poster').disabled=false;
//document.getElementById('laksoy').disabled=false;
var glob=document.getElementById('glob').checked;
var map=document.getElementById('map').checked;
var poster=document.getElementById('poster').checked;
var laksoy=document.getElementById('laksoy').checked;
//alert("step 5"+glob+" "+map+" "+poster+" "+laksoy);
if(glob == false && map == false && poster == false && laksoy == false){
//alert("step 9");
alert("check box can not be disabled");
stepI= false;
}
else{
//alert("step 9");
stepI= true;
}
//map=document.getElementById('map').disabled;
//poster=document.getElementById('poster').disabled;
//laksoy=document.getElementById('laksoy').disabled;
}
<!-- for nine number End -->
<!-- for 19 number Start -->
var coCurricularActYn=document.getElementById('coCurricularActYn').value;
if(coCurricularActYn==1){
var cricket=document.getElementById('cricket').checked;
var footbal=document.getElementById('footbal').checked;
var milad=document.getElementById('milad').checked;
var volyball=document.getElementById('volyball').checked;
var anualSports=document.getElementById('anualSports').checked;
var handball=document.getElementById('handball').checked;
var anualCultural=document.getElementById('anualCultural').checked;
var indorGames=document.getElementById('indorGames').checked;
var dibet=document.getElementById('dibet').checked;
if(cricket == false && footbal == false && milad == false && volyball == false && anualSports == false && handball == false && anualCultural == false && indorGames == false && dibet == false){
//alert("step 19");
alert("check box can not be disabled for 19");
stepII= false;
}
else{
//alert("step 19");
stepII= true;
//return true;
}
}
<!-- for 19 number End -->
var shiftYn=document.getElementById('shiftYn').value;
if(shiftYn==1){
var shiftNo=document.getElementById('shiftNo').value;
//alert(shiftNo);
if(shiftNo ==''){
alert("shift number field can not be empty");
stepIII = false;
}
else{
//alert("step 2nd 22");
stepIII = true;
}
}
// End TweentyTwo
// Start TweentyThree
var branchYn=document.getElementById('branchYn').value;
if(branchYn==1){
var branchNo= document.getElementById('branchNo').value;
if(branchNo ==''){
alert("branch number field can not be empty");
stepIV = false;
}
else{
//alert("step 2nd 23");
stepIV = true;
}
}
// End TweentyThree
<!-- ******************************** kaniz new update End *************************** -->
<!--start -->
//var compHr = false;
var multimediaUse = false;
var labHr = false;
var lastYrMeeting = false;
var lastYrPtaMeeting = false;
var workingDayLastYr = false;
compHr = check_InputField('compHr','Computer User Hour');
if(compHr==true){
multimediaUse = check_InputField('multimediaUse','Multimedia Use');
if(multimediaUse==true){
labHr = check_InputField('labHr','labratory Hour');
if(labHr==true){
//labHr = check_InputField('lastYrMeeting');
lastYrMeeting = check_InputField('lastYrMeeting','Last Year Managing Comitee Meeting');
if(lastYrMeeting==true){
lastYrPtaMeeting = check_InputField('lastYrPtaMeeting','Last Year PTA Meeting');
if(lastYrPtaMeeting==true){
workingDayLastYr = check_InputField('workingDayLastYr','Working Day Last Year');
}
}
}
}
}
<!-- End -->
if(stepI==false || stepII==false || stepIII == false || stepIV== false || compHr == false || multimediaUse == false || labHr == false|| lastYrMeeting==false || lastYrPtaMeeting==false || workingDayLastYr==false){
return false;
}
else{
return true;
}
return true;
}
function check_InputField(div_id,msg){
var val = document.getElementById(div_id).value;
if(val == null || val ==''){
alert(msg+" Field can not be empty");
document.getElementById(div_id).style.border="1px #FF0000 solid";
// document.getElementById("fill_sms").innerHTML="Some mandatory field did not fill up please check the total form.";
return false;
}
//kaniz start
if(val != null ){
var check_val =false;
// computer operation all for 11 class fill_sms
//check_val = number_validation(val);
<!-- start compHr -->
if(div_id =='compHr' || div_id =='multimediaUse'){
// alert("val "+val+" div_id "+div_id);
var val=document.getElementById(div_id).value;
//alert("val "+val+" div_id "+div_id);
check_val=min_max_validation(msg,val,div_id,0,24);
}
<!-- End compHr -->
<!-- start labHr -->
if(div_id =='labHr'){
//alert("val "+val+" div_id "+div_id);
var val=document.getElementById(div_id).value;
// alert("val "+val+" div_id "+div_id);
check_val=min_max_validation(msg,val,div_id,0,72);
}
<!-- End labHr -->
<!-- start lastYrMeeting -->
if(div_id =='lastYrMeeting'){
// alert("val "+val+" div_id "+div_id);
var val=document.getElementById(div_id).value;
//alert("val "+val+" div_id "+div_id);
check_val=min_max_validation(msg,val,div_id,0,48);
}
<!-- End lastYrMeeting -->
<!-- start lastYrPtaMeeting -->
if(div_id =='lastYrPtaMeeting'){
//alert("val "+val+" div_id "+div_id);
var val=document.getElementById(div_id).value;
//alert("val "+val+" div_id "+div_id);
check_val=min_max_validation(msg,val,div_id,0,50);
}
<!-- End lastYrPtaMeeting -->
<!-- start workingDayLastYr -->
if(div_id =='workingDayLastYr'){
//alert("val "+val+" div_id "+div_id);
var val=document.getElementById(div_id).value;
//alert("val "+val+" div_id "+div_id);
check_val=min_max_validation(msg,val,div_id,0,180);
}
<!-- End workingDayLastYr -->
if(check_val == false){
//alert("Numeric value is required for "+msg);
document.getElementById(div_id).style.border="1px #FF0000 solid";
// document.getElementById("fill_sms").innerHTML="Some mandatory field did not filled up properly. please check the total form.";
document.getElementById(div_id).focus();
return false;
}
else{
document.getElementById(div_id).style.border="1px #789DB9 solid";
return true;
}
}
}
//kaniz end
function min_max_validation(msg,val,divId,minV,maxV){
var minVal=minV;
var maxVal=maxV;
//alert("val "+val+" div_id "+divId+"minVal "+minVal+"maxVal "+maxVal);
if(val <minVal){
alert(msg+" value can not be less than "+ minVal);
return false;
}
else if(val >maxVal){
alert(msg+" value can not be more than "+maxVal);
return false;
}
else{
return true;
}
}
function number_validation(msg){
var REXP = /^[0-9]+$/;
if(REXP.test(msg)){
return true;
}else{
return false;
}
}
function cancelResult(){
return confirm('If you cancel now your every changes that you have done after opening the form will not save? Are you sure to cancel?');
}
function isDisable(){
var teacApearUse=document.getElementById('teacApearUse').value;
if(teacApearUse==1 || teacApearUse==3 ){
document.getElementById('glob').disabled=false;
document.getElementById('map').disabled=false;
document.getElementById('poster').disabled=false;
document.getElementById('laksoy').disabled=false;
}
if(teacApearUse==2 ){
document.getElementById('glob').disabled=true;
document.getElementById('map').disabled=true;
document.getElementById('poster').disabled=true;
document.getElementById('laksoy').disabled=true;
document.getElementById('glob').checked=false;
document.getElementById('map').checked=false;
document.getElementById('poster').checked=false;
document.getElementById('laksoy').checked=false;
}
}
function isDisable2(){
var unifiedRecordTrainingYn=document.getElementById('unifiedRecordTrainingYn').value;
if(unifiedRecordTrainingYn==2){
document.getElementById('recordStatus').disabled=true;
document.getElementById('summaryYn').disabled=true;
}
if(unifiedRecordTrainingYn==1){
document.getElementById('recordStatus').disabled=false;
}
}
//kaniz start
// start nineteen
function isDisableNineteen(){
var coCurricularActYn=document.getElementById('coCurricularActYn').value;
if(coCurricularActYn==1){
document.getElementById('cricket').disabled=false;
document.getElementById('footbal').disabled=false;
document.getElementById('milad').disabled=false;
document.getElementById('volyball').disabled=false;
document.getElementById('anualSports').disabled=false;
document.getElementById('handball').disabled=false;
document.getElementById('anualCultural').disabled=false;
document.getElementById('indorGames').disabled=false;
document.getElementById('dibet').disabled=false;
}
if(coCurricularActYn==2){
document.getElementById('cricket').disabled=true;
document.getElementById('footbal').disabled=true;
document.getElementById('milad').disabled=true;
document.getElementById('volyball').disabled=true;
document.getElementById('anualSports').disabled=true;
document.getElementById('handball').disabled=true;
document.getElementById('anualCultural').disabled=true;
document.getElementById('indorGames').disabled=true;
document.getElementById('dibet').disabled=true;
document.getElementById('cricket').checked=false;
document.getElementById('footbal').checked=false;
document.getElementById('milad').checked=false;
document.getElementById('volyball').checked=false;
document.getElementById('anualSports').checked=false;
document.getElementById('handball').checked=false;
document.getElementById('anualCultural').checked=false;
document.getElementById('indorGames').checked=false;
document.getElementById('dibet').checked=false;
}
}
// End nineteen
// Start TweentyTwo
function isDisableTweentyTwo(){
var shiftYn=document.getElementById('shiftYn').value;
if(shiftYn==1){
document.getElementById('shiftNo').disabled=false;
}
if(shiftYn==2 ){
document.getElementById('shiftNo').disabled=true;
document.getElementById('shiftNo').value='';
}
}
// End TweentyTwo
// Start TweentyThree
function isDisableTweentyThree(){
var branchYn=document.getElementById('branchYn').value;
if(branchYn==1){
document.getElementById('branchNo').disabled=false;
}
if(branchYn==2 ){
document.getElementById('branchNo').disabled=true;
document.getElementById('branchNo').value='';
}
}
// End TweentyThree
function isDisableAll(id, Kvalue){
if(Kvalue == 1 || Kvalue == 2 ){
document.getElementById(id).disabled=false;
}else{
document.getElementById(id).disabled=true;
}
}
//kaniz End
</script>
<SCRIPT TYPE="text/javascript">
function numbersonly(myfield, e, dec)
{
//alert("myfield :"+myfield);
//alert("Event :"+e);
//alert("dec :"+dec);
var key;
var keychar;
if (window.event)
key = window.event.keyCode;
else if (e)
key = e.which;
else
return true;
keychar = String.fromCharCode(key);
// control keys
if ((key==null) || (key==0) || (key==8) ||
(key==9) || (key==13) || (key==27) )
return true;
// numbers
else if ((("0123456789").indexOf(keychar) > -1))
return true;
// decimal point jump
else if (dec && (keychar == "."))
{
myfield.form.elements[dec].focus();
return false;
}
else
return false;
}
</SCRIPT>
</head>
<body>
<form name="TeacherEmployeeInfoForm3" id="TeacherEmployeeInfoForm3" method="post" onSubmit="return checkForm();" action="addTeacherEmployeeInfo3MadSixth.do" >
<div id="msgDiv" style="width:812px;height:auto; background-color:#D9E9DA; color:#FF0000" align="center">
<s:fielderror >
<s:param >saveMsg</s:param>
</s:fielderror>
</div>
<div id="root" style="width:812px; height:auto; background:none; ">
<div id="form_main_div_for_print"
style="width: 812px; height: 1100px !important; height: 1100px; background: #DEF5DE;">
<div style="width: 812px; height: auto; background: #DEF5DE;">
<div style="float: left; width: 810px !important; width: 800px; text-align: center; font-weight: bold; margin-top: 5px;"
class="banglaText">মাদ্রাসা সম্পর্কিত তথ্য ছক - <s:if
test='%{institutesInfo.year != null && institutesInfo.year!=""}'>
<input id="year" name="year" type="text"
onKeyPress="return numbersonly(this, event)"
value="<s:property value='#session.year'/>" readonly="readonly"
style="width: 45px; border: none; background: none;">
<input id="eiin" name="eiin" type="hidden"
value="<s:property value='institutesInfo.eiin'/>">
</s:if> <s:else>
<input id="year" name="year" type="text"
onKeyPress="return numbersonly(this, event)"
value="<s:property value='#session.year'/>" readonly="readonly"
style="width: 45px; border: none; background: none;">
<input id="eiin" name="eiin" type="hidden"
value="<s:property value='#session.eiin'/>">
</s:else> <input id="submitFrom" name="submitFrom" type="hidden" value="onLine">
</div>
<div id="row_div"
style="float: left; width: 810px !important; width: 800px; height: auto; margin-top: 5px; background: #D9E9DA; border: 1px solid #CCC;">
<div
style="float: left; width: 780px; height: auto; margin-top: 5px; margin-left: 5px;">
<div
style="float: left; width: 580px; height: auto; margin-left: 10px !important; margin-left: 1px;">
<div style="float: left; width: 360px; text-align: right;"
class="banglaText"><input id="summaryInfoId" name="summaryInfoId"
type="hidden" value="<s:property value='summaryInfo.summaryInfoId'/>">
<span class="banglaTextMini">৯.</span> শ্রেণী কক্ষে পাঠদানের সময় উপকরণ
ব্যবহার হয় কি?</div>
<div style="float: left; width: 120px;">
<select id="teacApearUse"
name="teacApearUse" style="width: 100px;" class="banglaText"
onClick="isDisable();" onFocus="this.style.backgroundColor='#ffff66';"
onBlur="this.style.backgroundColor='#d4e3e5';">
<!-- <option value="" selected="selected">নির্দিষ্ট করুন</option>-->
<s:if test='%{summaryInfo.teacApearUse == "2"}'>
<option value="2" selected="selected">না</option>
<option value="1">হ্যাঁ</option>
<option value="3">আংশিক</option>
</s:if>
<s:elseif test='%{summaryInfo.teacApearUse == "1"}'>
<option value="1" selected="selected">হ্যাঁ</option>
<option value="2">না</option>
<option value="3">আংশিক</option>
</s:elseif>
<s:elseif test='%{summaryInfo.teacApearUse =="3"}'>
<option value="3" selected="selected">আংশিক</option>
<option value="1" >হ্যাঁ</option>
<option value="2">না</option>
</s:elseif>
<s:else>
<option value="1">হ্যাঁ</option>
<option value="2">না</option>
<option value="3">আংশিক</option>
</s:else>
</select>
</div>
</div>
</div>
<div
style="float: left; width: 780px; height: auto; margin-left: 10px !important; margin-left: 1px; margin-top: 5px;">
<div style="float: left; width: 260px; text-align: right;"
class="banglaText"><span class="banglaTextMini">১০.</span> উত্তর হ্যাঁ হলে কি কি? </div>
<div style="float: left; width: 400px;" align="left">
<div style="float: left; width: 400px;" align="left">
<s:if test='%{summaryInfo.globs !=null && summaryInfo.globs!=""}'>
<div style="float: left; width: 80px;" class="banglaText"><input
id="glob" name="globs" type="checkbox" value="1" checked="checked">গ্লোব</div>
</s:if> <s:else>
<div style="float: left; width: 80px;" class="banglaText"><input
id="glob" name="globs" type="checkbox" value="1" disabled="true">গ্লোব</div>
</s:else> <s:if test='%{summaryInfo.map !=null && summaryInfo.map != ""}'>
<div style="float: left; width: 80px;" class="banglaText"><input
id="map" name="map" type="checkbox" value="2" checked="checked">মানচিত্র</div>
</s:if> <s:else>
<div style="float: left; width: 80px;" class="banglaText"><input
id="map" name="map" type="checkbox" value="2" disabled="true">মানচিত্র</div>
</s:else> <s:if test='%{summaryInfo.poster !=null && summaryInfo.poster != ""}'>
<div style="float: left; width: 80px;" class="banglaText"><input
id="poster" name="poster" type="checkbox" value="3" checked="checked">পোস্টার</div>
</s:if> <s:else>
<div style="float: left; width: 80px;" class="banglaText"><input
id="poster" name="poster" type="checkbox" value="3" disabled="true">পোস্টার</div>
</s:else> <s:if test='%{summaryInfo.laksoy !=null && summaryInfo.laksoy != ""}'>
<div style="float: left; width: 150px;" class="banglaText"><input
id="laksoy" name="laksoy" type="checkbox" value="4" checked="checked">লাগসই
উপকারণ</div>
</s:if> <s:else>
<div style="float: left; width: 150px;" class="banglaText"><input
id="laksoy" name="laksoy" type="checkbox" value="4" disabled="true">লাগসই
উপকারণ</div>
</s:else></div>
</div>
</div>
<div id="right_side"
style="float: left; width: 760px !important; width: 780px; height: 90px; margin-left: 5px;">
<fieldset><legend class="banglaText"><span
class="banglaTextMini">১১.</span></legend>
<div id="2nd_div"
style="float: left; width: 650px !important; width: 670px; height: auto; background: #D9E9DA; margin-top: 5px;">
<div
style="float: left; width: 580px; height: auto; margin-left: 10px !important; margin-left: 1px;">
<div style="float: left; width: 360px; text-align: right;"
class="banglaText">(ক) প্রতিদিন কত ঘন্টা কম্পিউটার ব্যবহার করা হয়
? </div>
<div style="float: left; width: 150px;" align="left"><input
id="compHr" name="compHr" type="text"
onKeyPress="return numbersonly(this, event)"
value="<s:property value='summaryInfo.compHr'/>" style="width: 30px;"
maxlength="2" onFocus="this.style.backgroundColor='#ffff66';"
onBlur="check_InputField('compHr','Computer User Hour');this.style.backgroundColor='#d4e3e5';"></div>
</div>
<div
style="float: left; width: 580px; height: auto; margin-left: 10px !important; margin-left: 1px; margin-top: 5px;">
<div style="float: left; width: 360px; text-align: right;"
class="banglaText">(খ) প্রতিদিন কত ঘন্টা মাল্টিমিডিয়া ব্যবহার করা
হয় ? </div>
<div style="float: left; width: 150px;" align="left"><input
id="multimediaHr" name="multimediaHr" type="text"
onKeyPress="return numbersonly(this, event)"
value="<s:property value='summaryInfo.multimediaHr'/>"
onFocus="this.style.backgroundColor='#ffff66';"
onBlur="check_InputField('multimediaUse','Multimedia Use');this.style.backgroundColor='#d4e3e5';" style="width: 30px;" maxlength="2"></div>
</div>
</div>
</fieldset>
</div>
<div
style="float: left; width: 780px; height: auto; margin-top: 13px; margin-left: 5px;">
<div
style="float: left; width: 580px; height: auto; margin-left: 10px !important; margin-left: 1px;">
<div
style="float: left; width: 375px !important; width: 360px; text-align: right;"
class="banglaText"><span class="banglaTextMini">১২.</span>
সপ্তাহে কত ঘন্টা বিজ্ঞানাগার ব্যবহার করা হয়? </div>
<div style="float: left; width: 120px;" align="left"><input
id="labHr" name="labHr" type="text"
onKeyPress="return numbersonly(this, event)"
value="<s:property value='summaryInfo.labHr'/>" style="width: 30px;"
maxlength="2" onFocus="this.style.backgroundColor='#ffff66';"
onBlur="check_InputField('labHr','labratory Hour');this.style.backgroundColor='#d4e3e5';"></div>
</div>
</div>
<div
style="float: left; width: 780px; height: auto; margin-top: 5px; margin-left: 5px;">
<div
style="float: left; width: 580px; height: auto; margin-left: 10px !important; margin-left: 1px;">
<div
style="float: left; width: 375px !important; width: 360px; text-align: right;"
class="banglaText"><span class="banglaTextMini">১৩.</span> গত বছর
ম্যানেজিং কমিটির কত গুলো সভা হয়েছে? </div>
<div style="float: left; width: 120px;" align="left"><input
id="lastYrMeeting" name="lastYrMeetingS" type="text"
onKeyPress="return numbersonly(this, event)"
value="<s:property value='summaryInfo.lastYrMeeting'/>"
style="width: 30px;" maxlength="2"
onfocus="this.style.backgroundColor='#ffff66';"
onBlur="check_InputField('lastYrMeeting','Last Year Managing Comitee Meeting');this.style.backgroundColor='#d4e3e5';">
</div>
</div>
</div>
<div
style="float: left; width: 780px; height: auto; margin-top: 5px; margin-left: 5px;">
<div
style="float: left; width: 580px; height: auto; margin-left: 10px !important; margin-left: 1px;">
<div
style="float: left; width: 375px !important; width: 360px; text-align: right;"
class="banglaText"><span class="banglaTextMini">১৪.</span> গত বছর
পিটিএ এর কতগুলো সভা হয়েছে? </div>
<div style="float: left; width: 120px;" align="left"><input
id="lastYrPtaMeeting" name="lastYrPtaMeetingS" type="text"
onKeyPress="return numbersonly(this, event)"
value="<s:property value='summaryInfo.lastYrPtaMeeting'/>"
style="width: 30px;" maxlength="2"
onfocus="this.style.backgroundColor='#ffff66';"
onBlur="check_InputField('lastYrPtaMeeting','Last Year PTA Meeting');this.style.backgroundColor='#d4e3e5';">
</div>
</div>
</div>
<div
style="float: left; width: 780px; height: auto; margin-top: 5px; margin-left: 5px;">
<div
style="float: left; width: 580px; height: auto; margin-left: 10px !important; margin-left: 1px;">
<div
style="float: left; width: 375px !important; width: 360px; text-align: right;"
class="banglaText"><span class="banglaTextMini">১৫.</span> গত বছর
কত কর্ম দিবস ছিল? </div>
<div style="float: left; width: 120px;" align="left"><input
id="workingDayLastYr" name="workingDayLastyrS" type="text"
onKeyPress="return numbersonly(this, event)"
value="<s:property value='summaryInfo.workingDayLastyr'/>"
style="width: 30px;" maxlength="3"
onfocus="this.style.backgroundColor='#ffff66';"
onBlur="check_InputField('workingDayLastYr','Working Day Last Year');this.style.backgroundColor='#d4e3e5';">
</div>
</div>
</div>
<div
style="float: left; width: 780px; height: auto; margin-top: 5px; margin-left: 5px;">
<div
style="float: left; width: 580px; height: auto; margin-left: 10px !important; margin-left: 1px;">
<div
style="float: left; width: 375px !important; width: 360px; text-align: right;"
class="banglaText"><span class="banglaTextMini">১৬.</span> নিয়মিত
শিক্ষার্থী সমাবেশ হয় কি? </div>
<div style="float: left; width: 120px;" align="left"><select
id="regularStudentAsselyYn" name="regularStudentAsselyYn"
style="width: 50px;" class="banglaText"
onFocus="this.style.backgroundColor='#ffff66';"
onBlur="this.style.backgroundColor='#d4e3e5';">
<!-- <option value="" selected="selected">নির্দিষ্ট করুন</option>-->
<s:if test='%{summaryInfo.regularStudentAsselyYn == "1"}'>
<option value="2" selected="selected">না</option>
<option value="1">হ্যাঁ</option>
</s:if>
<s:else>
<option value="1" selected="selected">হ্যাঁ</option>
<option value="2">না</option>
</s:else>
</select></div>
</div>
</div>
<div id="right_side"
style="float: left; width: 760px !important; width: 780px; height: 130px; margin-left: 5px;">
<fieldset><legend class="banglaText"><span
class="banglaTextMini">১৭.</span></legend>
<div id="2nd_div"
style="float: left; width: 710px !important; width: 730px; height: auto; background: #D9E9DA; margin-top: 2px;">
<div
style="float: left; width: 700px; height: auto; margin-left: 1px !important; margin-left: 1px;">
<div style="float: left; width: 620px; text-align: right;"
class="banglaText">(ক) ইউনিফাইড রেকর্ড কিপিং/অভিন্ন রেজিস্টার এর
উপর প্রতিষ্ঠান প্রধানের প্রশিক্ষণ হয়েছে কি? </div>
<div style="float: left; width: 70px;" align="left"><select
id="unifiedRecordTrainingYn" name="unifiedRecordTrainingYn"
style="width: 60px;" class="banglaText" onChange="isDisable2();"
onFocus="this.style.backgroundColor='#ffff66';"
onBlur="this.style.backgroundColor='#d4e3e5';">
<!-- <option value="" selected="selected">নির্দিষ্ট করুন</option>-->
<s:if test='%{summaryInfo.unifiedRecordTrainingYn == "2"}'>
<option value="2" selected="selected">না</option>
<option value="1">হ্যাঁ</option>
</s:if>
<s:else>
<option value="1" selected="selected">হ্যাঁ</option>
<option value="2">না</option>
</s:else>
</select></div>
</div>
<div
style="float: left; width: 580px; height: auto; margin-left: 10px !important; margin-left: 1px; margin-top: 5px;">
<div style="float: left; width: 360px; text-align: right;"
class="banglaText">(খ) উত্তর হ্যাঁ হলে বাস্তবায়নের অবস্থা
কি? </div>
<div style="float: left; width: 160px;" align="left"><select
id="recordStatus" name="recordStatus" style="width: 150px;"
class="banglaText" disabled="true"
onChange="isDisableAll('summaryYn' , this.value)"
onFocus="this.style.backgroundColor='#ffff66';"
onBlur="this.style.backgroundColor='#d4e3e5';">
<!-- <option value="" selected="selected">নির্দিষ্ট করুন</option>-->
<s:if test='%{summaryInfo.recordStatus == "3"}'>
<option value="3" selected="selected">তৈরি করা হয়নি</option>
<option value="1">রেজিস্টার তৈরি হয়েছে</option>
<option value="2">আংশিক তৈরি হয়েছে</option>
</s:if>
<s:elseif test='%{summaryInfo.recordStatus == "1"}'>
<option value="1" selected="selected">রেজিস্টার তৈরি হয়েছে</option>
<option value="3">তৈরি করা হয়নি</option>
<option value="2">আংশিক তৈরি হয়েছে</option>
</s:elseif>
<s:else>
<option value="2" selected="selected">আংশিক তৈরি হয়েছে</option>
<option value="3">তৈরি করা হয়নি</option>
<option value="1">রেজিস্টার তৈরি হয়েছে</option>
</s:else>
</select></div>
</div>
<div
style="float: left; width: 580px; height: auto; margin-left: 10px !important; margin-left: 1px; margin-top: 5px;">
<div style="float: left; width: 360px; text-align: right;"
class="banglaText">(গ) সার-সংক্ষেপ তৈরি হয়েছে কি? </div>
<div style="float: left; width: 150px;" align="left"><select
id="summaryYn" name="summaryYn" style="width: 90px;" class="banglaText"
disabled="true" onChange="isDisable4();"
onFocus="this.style.backgroundColor='#ffff66';"
onBlur="this.style.backgroundColor='#d4e3e5';">
<!-- <option value="" selected="selected">নির্দিষ্ট করুন</option>-->
<s:if test='%{summaryInfo.summaryYn == "2"}'>
<option value="2" selected="selected">না</option>
<option value="1">হ্যাঁ</option>
</s:if>
<s:else>
<option value="1" selected="selected">হ্যাঁ</option>
<option value="2">না</option>
</s:else>
</select></div>
</div>
</div>
</fieldset>
</div>
<div
style="float: left; width: 780px; height: auto; margin-top: 5px; margin-top: 10px; margin-left: 5px;">
<div
style="float: left; width: 580px; height: auto; margin-left: 10px !important; margin-left: 1px;">
<div
style="float: left; width: 275px !important; width: 260px; text-align: center;"
class="banglaText"><span class="banglaTextMini">১৮.</span>
বার্ষিক উন্নয়ন পরিকল্পনা করা হয় কি? </div>
<div style="float: left; width: 120px;" align="left"><select
id="anualPlanYn" name="annualPlanYn" style="width: 90px;"
class="banglaText" onFocus="this.style.backgroundColor='#ffff66';"
onBlur="this.style.backgroundColor='#d4e3e5';">
<!-- <option value="" selected="selected">নির্দিষ্ট করুন</option>-->
<s:if test='%{summaryInfo.annualPlanYn == "2"}'>
<option value="2" selected="selected">না</option>
<option value="1">হ্যাঁ</option>
</s:if>
<s:else>
<option value="1" selected="selected">হ্যাঁ</option>
<option value="2">না</option>
</s:else>
</select></div>
</div>
</div>
<div id="right_side"
style="float: left; width: 760px !important; width: 780px; height: 130px; margin-left: 5px;">
<fieldset><legend class="banglaText"><span
class="banglaTextMini">১৯.</span></legend>
<div id="2nd_div"
style="float: left; width: 730px !important; width: 750px; height: auto; background: #D9E9DA;">
<div
style="float: left; width: 580px; height: auto; margin-left: 10px !important; margin-left: 1px;">
<div style="float: left; width: 360px; text-align: right;"
class="banglaText">(ক) কো-কারিকুলার কার্যক্রম পরিচালিত হয়
কি? </div>
<div style="float: left; width: 150px;" align="left"><select
id="coCurricularActYn" name="coCurricularActYn" style="width: 90px;"
class="banglaText" onChange="isDisableNineteen();"
onFocus="this.style.backgroundColor='#ffff66';"
onBlur="this.style.backgroundColor='#d4e3e5';">
<!-- <option value="" selected="selected">নির্দিষ্ট করুন</option>-->
<s:if test='%{summaryInfo.coCurricularActYn == "2"}'>
<option value="2" selected="selected">না</option>
<option value="1">হ্যাঁ</option>
</s:if>
<s:else>
<option value="1" selected="selected">হ্যাঁ</option>
<option value="2">না</option>
</s:else>
</select></div>
</div>
<div
style="float: left; width: 780px; height: auto; margin-left: 10px !important; margin-left: 1px; margin-top: 5px;">
<div style="float: left; width: 180px; text-align: left"
class="banglaText">(খ) উত্তর হ্যাঁ হলে কি কি? </div>
<div style="float: left; width: 550px;" align="left">
<div style="float: left; width: 550px;" align="left"><s:if
test='%{summaryInfo.cricket !=null && summaryInfo.cricket != ""}'>
<div style="float: left; width: 110px;" class="banglaText"><input
id="cricket" name="cricket" type="checkbox" value="5"
checked="checked">ক্রিকেট খেলা</div>
</s:if> <s:else>
<div style="float: left; width: 110px;" class="banglaText"><input
id="cricket" name="cricket" type="checkbox" value="5" disabled="true">ক্রিকেট
খেলা</div>
</s:else> <s:if
test='%{summaryInfo.football !=null && summaryInfo.football != ""}'>
<div style="float: left; width: 110px;" class="banglaText"><input
id="footbal" name="football" type="checkbox" value="6"
checked="checked">ফুটবল খেলা</div>
</s:if> <s:else>
<div style="float: left; width: 110px;" class="banglaText"><input
id="footbal" name="football" type="checkbox" value="6" disabled="true">ফুটবল
খেলা</div>
</s:else> <s:if test='%{summaryInfo.milad !=null && summaryInfo.milad != ""}'>
<div style="float: left; width: 110px;" class="banglaText"><input
id="milad" name="milad" type="checkbox" value="1" checked="checked">বার্ষিক
মিলাদ</div>
</s:if> <s:else>
<div style="float: left; width: 110px;" class="banglaText"><input
id="milad" name="milad" type="checkbox" value="1" disabled="true">বার্ষিক
মিলাদ</div>
</s:else> <s:if
test='%{summaryInfo.voolyball !=null && summaryInfo.voolyball != ""}'>
<div style="float: left; width: 80px;" class="banglaText"><input
id="volyball" name="voolyball" type="checkbox" value="7"
checked="checked">ভলিবল</div>
</s:if> <s:else>
<div style="float: left; width: 80px;" class="banglaText"><input
id="volyball" name="voolyball" type="checkbox" value="7"
disabled="true">ভলিবল</div>
</s:else> <s:if
test='%{summaryInfo.anualSports !=null && summaryInfo.anualSports != ""}'>
<div style="float: left; width: 110px;" class="banglaText"><input
id="anualSports" name="anualSports" type="checkbox" value="2"
checked="checked">বার্ষিক ক্রীড়া</div>
</s:if> <s:else>
<div style="float: left; width: 110px;" class="banglaText"><input
id="anualSports" name="anualSports" type="checkbox" value="2"
disabled="true">বার্ষিক ক্রীড়া</div>
</s:else></div>
<div style="float: left; width: 500px;" align="left"><s:if
test='%{summaryInfo.handball !=null && summaryInfo.handball != ""}'>
<div style="float: left; width: 110px;" class="banglaText"><input
id="handball" name="handball" type="checkbox" value="8"
checked="checked">হ্যান্ড বল</div>
</s:if> <s:else>
<div style="float: left; width: 110px;" class="banglaText"><input
id="handball" name="handball" type="checkbox" value="8"
disabled="true">হ্যান্ড বল</div>
</s:else> <s:if
test='%{summaryInfo.anualCultural !=null && summaryInfo.anualCultural != ""}'>
<div style="float: left; width: 150px;" class="banglaText"><input
id="anualCultural" name="anualCultural" type="checkbox" value="3"
checked="checked">বার্ষিক সাংস্কৃতিক</div>
</s:if> <s:else>
<div style="float: left; width: 150px;" class="banglaText"><input
id="anualCultural" name="anualCultural" type="checkbox" value="3"
disabled="true">বার্ষিক সাংস্কৃতিক</div>
</s:else> <s:if
test='%{summaryInfo.indoregames !=null && summaryInfo.indoregames != ""}'>
<div style="float: left; width: 130px;" class="banglaText"><input
id="indorGames" name="indoregames" type="checkbox" value="9"
checked="checked">ইনডোর গেমস</div>
</s:if> <s:else>
<div style="float: left; width: 130px;" class="banglaText"><input
id="indorGames" name="indoregames" type="checkbox" value="9"
disabled="true">ইনডোর গেমস</div>
</s:else> <s:if test='%{summaryInfo.dibet !=null && summaryInfo.dibet != ""}'>
<div style="float: left; width: 80px;" class="banglaText"><input
id="dibet" name="dibet" type="checkbox" value="4" checked="checked">বিতর্ক</div>
</s:if> <s:else>
<div style="float: left; width: 80px;" class="banglaText"><input
id="dibet" name="dibet" type="checkbox" value="4" disabled="true">বিতর্ক</div>
</s:else></div>
</div>
</div>
</div>
</fieldset>
</div>
</div>
<div id="row_div"
style="float: left; width: 810px !important; width: 800px; height: auto; margin-top: 2px; background: #D9E9DA;">
<fieldset><legend class="banglaTextMini"><span
class="banglaTextBold">২০.</span> কর্মকালীন প্রশিক্ষণের তথ্যঃ</legend>
<div
style="float: left; width: 780px; height: auto; margin-top: 5px; margin-left: 5px;">
<div
style="float: left; width: 400px; height: auto; margin-left: 10px !important; margin-left: 1px;">
<div style="float: left; width: 230px; text-align: right;"
class="banglaText">প্রতিষ্ঠান প্রধানের ট্রেনিং(২১ দিন)</div>
<div style="float: left; width: 120px;"><select id="htTrainingYn"
name="htTrainingYn" style="width: 100px;" class="banglaText"
onFocus="this.style.backgroundColor='#ffff66';"
onBlur="this.style.backgroundColor='#d4e3e5';">
<!-- <option value="" selected="selected">নির্দিষ্ট করুন</option>-->
<s:if test='%{summaryInfo.htTrainingYn == "1"}'>
<option value="1" selected="selected">হ্যাঁ</option>
<option value="2">না</option>
</s:if>
<s:else>
<option value="1" >হ্যাঁ</option>
<option value="2" selected="selected">না</option>
</s:else>
</select></div>
</div>
<div
style="float: left; width: 360px; height: auto; margin-top: 5px; margin-left: 10px !important; margin-left: 1px;">
<div style="float: left; width: 200px; text-align: right;"
class="banglaText">সিপিডি-২ ট্রেনিং (৫দিন)</div>
<div style="float: left; width: 120px;"><select
id="cpd2TrainingYn" name="cpd2TrainingYn" style="width: 100px;"
class="banglaText" onFocus="this.style.backgroundColor='#ffff66';"
onBlur="this.style.backgroundColor='#d4e3e5';">
<!-- <option value="" selected="selected">নির্দিষ্ট করুন</option>-->
<s:if test='%{summaryInfo.cpd2TrainingYn == "2"}'>
<option value="2" selected="selected">না</option>
<option value="1">হ্যাঁ</option>
</s:if>
<s:else>
<option value="1" selected="selected">হ্যাঁ</option>
<option value="2">না</option>
</s:else>
</select></div>
</div>
</div>
<div
style="float: left; width: 780px; height: auto; margin-left: 5px; margin-top: 5px;">
<div style="float: left; width: 400px; height: auto; margin-left: 10px !important; margin-left: 1px;">
<div style="float: left; width: 280px; text-align: left;"
class="banglaText">প্রতিষ্ঠান প্রধানের ফলো –আপ ট্রেনিং (৬ দিন)</div>
<div style="float: left; width: 100px;"><select
id="htFlTrainingYn" name="htFlTrainingYn" style="width: 100px;"
class="banglaText" onFocus="this.style.backgroundColor='#ffff66';"
onBlur="this.style.backgroundColor='#d4e3e5';">
<!-- <option value="" selected="selected">নির্দিষ্ট করুন</option>-->
<s:if test='%{summaryInfo.htFlTrainingYn == "1"}'>
<option value="1" selected="selected">হ্যাঁ</option>
<option value="2">না</option>
</s:if>
<s:else>
<option value="2" selected="selected">না</option>
<option value="1" >হ্যাঁ</option>
</s:else>
</select></div>
</div>
<div
style="float: left; width: 360px; height: auto; margin-top: 5px; margin-left: 10px !important; margin-left: 1px;">
<div style="float: left; width: 200px; text-align: right;"
class="banglaText">ক্লাস্টার ট্রেনিং (১ দিন)</div>
<div style="float: left; width: 120px;"><select
id="clasterTrainingYn" name="clasterTrainingYn" style="width: 100px;"
class="banglaText" onFocus="this.style.backgroundColor='#ffff66';"
onBlur="this.style.backgroundColor='#d4e3e5';">
<!-- <option value="" selected="selected">নির্দিষ্ট করুন</option>-->
<s:if test='%{summaryInfo.clasterTrainingYn == "2"}'>
<option value="2" selected="selected">না</option>
<option value="1">হ্যাঁ</option>
</s:if>
<s:else>
<option value="1" selected="selected">হ্যাঁ</option>
<option value="2">না</option>
</s:else>
</select></div>
</div>
</div>
<div
style="float: left; width: 780px; height: auto; margin-top: 5px; margin-left: 5px;">
<div
style="float: left; width: 400px; height: auto; margin-left: 10px !important; margin-left: 1px;">
<div style="float: left; width: 220px; text-align: right;"
class="banglaText">প্রতিষ্ঠান প্রধানের প্রি-সার্ভিস ট্রেনিং(৩৫ দিন)</div>
<div style="float: left; width: 120px;"><select
id="htPreservTrainingYn" name="htPrservTrainingYn"
style="width: 100px;" class="banglaText"
onFocus="this.style.backgroundColor='#ffff66';"
onBlur="this.style.backgroundColor='#d4e3e5';">
<!-- <option value="" selected="selected">নির্দিষ্ট করুন</option>-->
<s:if test='%{summaryInfo.htPrservTrainingYn == "1"}'>
<option value="1" selected="selected">হ্যাঁ</option>
<option value="2">না</option>
</s:if>
<s:else>
<option value="1" >হ্যাঁ</option>
<option value="2" selected="selected">না</option>
</s:else>
</select></div>
</div>
<div
style="float: left; width: 360px; height: auto; margin-top: 5px; margin-left: 10px !important; margin-left: 1px;">
<div style="float: left; width: 200px; text-align: right;"
class="banglaText">এস.বি.এ ট্রেনিং</div>
<div style="float: left; width: 120px;"><select id="sbaTrainingYn"
name="sbaTrainingYn" style="width: 100px;" class="banglaText"
onFocus="this.style.backgroundColor='#ffff66';"
onBlur="this.style.backgroundColor='#d4e3e5';">
<!-- <option value="" selected="selected">নির্দিষ্ট করুন</option>-->
<s:if test='%{summaryInfo.sbaTrainingYn == "1"}'>
<option value="1" selected="selected">হ্যাঁ</option>
<option value="2">না</option>
</s:if>
<s:else>
<option value="1" >হ্যাঁ</option>
<option value="2" selected="selected">না</option>
</s:else>
</select></div>
</div>
</div>
<div
style="float: left; width: 780px; height: auto; margin-top: 5px; margin-left: 5px;">
<div
style="float: left; width: 400px; height: auto; margin-left: 10px !important; margin-left: 1px;">
<div style="float: left; width: 220px; text-align: right;"
class="banglaText">এসটিসি ট্রেনিং (৩ মাস)</div>
<div style="float: left; width: 120px;"><select id="stcTrainingYn"
name="stcTrainingYn" style="width: 100px;" class="banglaText" onFocus="this.style.backgroundColor='#ffff66';"
onBlur="this.style.backgroundColor='#d4e3e5';">
<!-- <option value="" selected="selected">নির্দিষ্ট করুন</option>-->
<s:if test='%{summaryInfo.stcTrainingYn == "1"}'>
<option value="1" selected="selected">হ্যাঁ</option>
<option value="2">না</option>
</s:if>
<s:else>
<option value="1" >হ্যাঁ</option>
<option value="2" selected="selected">না</option>
</s:else>
</select></div>
</div>
<div
style="float: left; width: 360px; height: auto; margin-top: 5px; margin-left: 10px !important; margin-left: 1px;">
<div style="float: left; width: 200px; text-align: right;"
class="banglaText">সৃজনশীল প্রশ্ন সংক্রান্ত ট্রেনিং</div>
<div style="float: left; width: 120px;"><select
id="creativeQuestionTrainingYn" name="creativeQuestionTrainingYn"
style="width: 100px;" class="banglaText"
onFocus="this.style.backgroundColor='#ffff66';"
onBlur="this.style.backgroundColor='#d4e3e5';">
<!-- <option value="" selected="selected">নির্দিষ্ট করুন</option>-->
<s:if test='%{summaryInfo.creativeQuestionTrainingYn == "2"}'>
<option value="2" selected="selected">না</option>
<option value="1">হ্যাঁ</option>
</s:if>
<s:else>
<option value="1" selected="selected">হ্যাঁ</option>
<option value="2">না</option>
</s:else>
</select></div>
</div>
</div>
<div style="float: left; width: 780px; height: auto; margin-top: 5px; margin-left: 5px;">
<div
style="float: left; width: 400px; height: auto; margin-left: 10px !important; margin-left: 1px;">
<div style="float: left; width: 220px; text-align: right;"
class="banglaText">এসটিটি থেকে বি.এড (৯মাস)</div>
<div style="float: left; width: 120px;"><select id="sttBedYn"
name="sttbedYn" style="width: 100px;" class="banglaText"
onFocus="this.style.backgroundColor='#ffff66';"
onBlur="this.style.backgroundColor='#d4e3e5';">
<!-- <option value="" selected="selected">নির্দিষ্ট করুন</option>-->
<s:if test='%{summaryInfo.sttbedYn == "1"}'>
<option value="1" selected="selected">হ্যাঁ</option>
<option value="2">না</option>
</s:if>
<s:else>
<option value="1" >হ্যাঁ</option>
<option value="2" selected="selected">না</option>
</s:else>
</select></div>
</div>
<div
style="float: left; width: 360px; height: auto; margin-top: 5px; margin-left: 10px !important; margin-left: 1px;">
<div style="float: left; width: 200px; text-align: right;"
class="banglaText">অন্যান্য</div>
<div style="float: left; width: 120px;"><select
id="othersTrainingYn" name="othersTrainingYn" style="width: 100px;"
class="banglaText"onFocus="this.style.backgroundColor='#ffff66';"
onBlur="this.style.backgroundColor='#d4e3e5';">
<!-- <option value="" selected="selected">নির্দিষ্ট করুন</option>-->
<s:if test='%{summaryInfo.othersTrainingYn == "2"}'>
<option value="2" selected="selected">না</option>
<option value="1">হ্যাঁ</option>
</s:if>
<s:else>
<option value="1" selected="selected">হ্যাঁ</option>
<option value="2">না</option>
</s:else>
</select></div>
</div>
</div>
<div
style="float: left; width: 780px; height: auto; margin-top: 5px; margin-left: 5px;">
<div style="float: left; width: 400px; height: auto; margin-left: 10px !important; margin-left: 1px;">
<div style="float: left; width: 220px; text-align: right;"
class="banglaText">সিপিডি-১ ট্রেনিং (১৪দিন)</div>
<div style="float: left; width: 120px;"><select
id="cpd1TrainingYn" name="cpd1TrainingYn" style="width: 100px;"
class="banglaText" onFocus="this.style.backgroundColor='#ffff66';"
onBlur="this.style.backgroundColor='#d4e3e5';">
<!-- <option value="" selected="selected">নির্দিষ্ট করুন</option>-->
<s:if test='%{summaryInfo.cpd1TrainingYn == "1"}'>
<option value="1" selected="selected">হ্যাঁ</option>
<option value="2">না</option>
</s:if>
<s:else>
<option value="1" >হ্যাঁ</option>
<option value="2" selected="selected">না</option>
</s:else>
</select></div>
</div>
<div
style="float: left; width: 400px; height: auto; margin-left: 10px !important; margin-left: 1px;">
<div style="float: left; width: 200px;" class="banglaText"> </div>
<div style="float: left; width: 120px;"> </div>
</div>
</div>
</fieldset>
</div>
<div
style="float: left; width: 780px; height: auto; margin-top: 5px; margin-left: 5px;">
<div
style="float: left; width: 580px; height: 35px; margin-left: 10px !important; margin-left: 1px;">
<div
style="float: left; width: 435px !important; width: 440px; text-align: center;"
class="banglaText"><span class="banglaTextMini">২১.</span>
বিদ্যালয়ের শিক্ষা উপকারণ সংরক্ষণের জন্য পৃথক কক্ষ আছে কি? </div>
<div style="float: left; width: 100px;" align="left"><select
id="equipmentPresrvRoomYn" name="eqipmntPresrvRoomYn"
style="width: 90px;" class="banglaText"
onFocus="this.style.backgroundColor='#ffff66';"
onBlur="this.style.backgroundColor='#d4e3e5';">
<!-- <option value="" selected="selected">নির্দিষ্ট করুন</option>-->
<s:if test='%{summaryInfo.eqipmntPresrvRoomYn == "1"}'>
<option value="1" selected="selected">হ্যাঁ</option>
<option value="2">না</option>
</s:if>
<s:else>
<option value="1" >হ্যাঁ</option>
<option value="2" selected="selected">না</option>
</s:else>
</select></div>
</div>
</div>
<div id="right_side"
style="float: left; width: 760px !important; width: 780px; height: auto; background: #D9E9DA; margin-left: 5px;">
<fieldset><legend class="banglaText"><span
class="banglaTextMini">২২.</span></legend>
<div id="2nd_div"
style="float: left; width: 710px !important; width: 730px; height: auto; background: #D9E9DA;">
<div
style="float: left; width: 340px; height: auto; margin-left: 10px !important; margin-left: 1px;">
<div style="float: left; width: 250px; text-align: right;"
class="banglaText">(ক) প্রতিষ্ঠানটিতে শিফ্ট চালু আছে কি ? </div>
<div style="float: left; width: 70px;" align="left"><select
id="shiftYn" name="shiftYn" style="width: 60px;" class="banglaText"
onChange="isDisableTweentyTwo();"
onFocus="this.style.backgroundColor='#ffff66';"
onBlur="this.style.backgroundColor='#d4e3e5';">
<!-- <option value="" selected="selected">নির্দিষ্ট করুন</option>-->
<s:if test='%{summaryInfo.shiftYn == "2"}'>
<option value="2" selected="selected">না</option>
<option value="1">হ্যাঁ</option>
</s:if>
<s:else>
<option value="1" selected="selected">হ্যাঁ</option>
<option value="2">না</option>
</s:else>
</select></div>
</div>
<div
style="float: left; width: 340px; height: auto; margin-left: 10px !important; margin-left: 1px; margin-top: 5px;">
<div style="float: left; width: 200px; text-align: right;"
class="banglaText">(খ) উত্তর হ্যাঁ হলে শিফ্ট সংখ্যা </div>
<div style="float: left; width: 50px;" align="left"><input
id="shiftNo" name="shiftNo" type="text"
onKeyPress="return numbersonly(this, event)"
value="<s:property value='summaryInfo.shiftNo'/>" style="width: 40px;"
maxlength="2" disabled="true"
onFocus="this.style.backgroundColor='#ffff66';"
onBlur="this.style.backgroundColor='#d4e3e5';"></div>
</div>
</div>
</fieldset>
</div>
<div id="right_side"
style="float: left; width: 760px !important; width: 780px; height: auto; background: #D9E9DA; margin-left: 5px;">
<fieldset><legend class="banglaText"><span
class="banglaTextMini">২৩.</span></legend>
<div id="2nd_div"
style="float: left; width: 710px !important; width: 730px; height: auto; background: #D9E9DA;">
<div style="float: left; width: 400px; height: auto;">
<div style="float: left; width: 340px; text-align: right;"
class="banglaText">(ক) মূল প্রতিষ্ঠান ব্যতীত অন্যত্র ব্রাঞ্চ আছে
কি? </div>
<div style="float: left; width: 50px;" align="left"><select
id="branchYn" name="branchYn" style="width: 50px;" class="banglaText"
onChange="isDisableTweentyThree();"
onFocus="this.style.backgroundColor='#ffff66';"
onBlur="this.style.backgroundColor='#d4e3e5';">
<!-- <option value="" selected="selected">নির্দিষ্ট করুন</option>-->
<s:if test='%{summaryInfo.branchYn == "2"}'>
<option value="2" selected="selected">না</option>
<option value="1">হ্যাঁ</option>
</s:if>
<s:else>
<option value="1" selected="selected">হ্যাঁ</option>
<option value="2">না</option>
</s:else>
</select></div>
</div>
<div
style="float: left; width: 300px; height: auto; margin-left: 10px !important; margin-left: 1px; margin-top: 5px;">
<div style="float: left; width: 230px; text-align: right;"
class="banglaText">(খ) উত্তর হ্যাঁ হলে ব্রাঞ্চ সংখ্যা </div>
<div style="float: left; width: 50px;" align="left"><input
id="branchNo" name="branchNo" type="text"
onKeyPress="return numbersonly(this, event)"
value="<s:property value='summaryInfo.branchNo'/>" style="width: 30px;"
maxlength="2" disabled="true"
onFocus="this.style.backgroundColor='#ffff66';"
onBlur="this.style.backgroundColor='#d4e3e5';"></div>
</div>
</div>
</fieldset>
</div>
<div
style="float: left; width: 780px; height: auto; margin-top: 5px; margin-bottom: 5px; margin-left: 5px;">
<div
style="float: left; width: 580px; height: auto; margin-left: 10px !important; margin-left: 1px;">
<div
style="float: left; width: 175px !important; width: 160px; text-align: center;"
class="banglaText"><span class="banglaTextMini">২৪.</span>
প্রতিষ্ঠান প্রধান </div>
<div style="float: left; width: 120px;" align="left"><select
id="headStatus" name="headStatus" style="width: 90px;"
class="banglaText" onFocus="this.style.backgroundColor='#ffff66';"
onBlur="this.style.backgroundColor='#d4e3e5';">
<!-- <option value="" selected="selected">নির্দিষ্ট করুন</option>-->
<s:if test='%{summaryInfo.headStatus == "1"}'>
<option value="1" selected="selected">ভারপ্রাপ্ত</option>
<option value="2">নিয়োগপ্রাপ্ত</option>
</s:if>
<s:else>
<option value="2" selected="selected">নিয়োগপ্রাপ্ত</option>
<option value="1">ভারপ্রাপ্ত</option>
</s:else>
</select></div>
</div>
</div>
<div id="fill_sms"
style="float: left; width: 780px; height: auto; margin-top: 5px; margin-bottom: 5px; margin-left: 5px;"> </div>
</div>
</div>
<!-- Start print button -->
<div id="printGo_div" style="width: 812px; height: 100px; background: #DEF5DE; margin-top: -0px !important; margin-top: -10px; margin-bottom: 20px;">
<div id="2nd_div"
style="float: left; width: 810px !important; width: 800px; height: auto;">
<div
style="width: 650px; height: auto; margin-top: 5px; margin-left: 150px;">
<div style="float: left; width: 55px; height: auto;"><input
name="Back" type="button" value=" Back "
onClick="history.back();return true;"
style="font-family: Arial; font-size: 12px; font-weight: bold;" /></div>
<div style="float: left; width: 65px; height: auto;"><input
id="button" name="button" type="submit" value="Cancel"
style="font-family: Arial; font-size: 12px; font-weight: bold;"
onClick="setSubmit('Cancel');"></div>
<div style="float: left; width: 150px; height: auto;">
<input id="button" name="button" type="submit" value="Save And Go Forward" onClick="setSubmit('Save And Go Forward');"
style="font-family: Arial; font-size: 12px; font-weight: bold;">
</div>
<div style="float: left; width: 58px; height: auto;">
<input id="" name="" type="reset" value="Reset" style="font-family: Arial; font-size: 12px; font-weight: bold;">
</div>
<div style="float: left; width: 50px; height: auto;"><input
type="button" value="Print"
onClick="printPage('form_main_div_for_print')"
style="font-family: Arial; font-size: 12px; font-weight: bold;" /></div>
</div>
</div>
</div>
<!-- End print button -->
</div>
</form>
</body>
<script>
document.getElementById("teacher_three").style.backgroundColor='#DEF5DE';
</script>
Zoom in Zoom out
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>zoOom 1.0</title>
<style type="text/css">
.link{font-family:verdana,arial,helvetica; font-size:8pt; color:#003399; font-weight:normal}
.link:hover{font-family:verdana,arial,helvetica; font-size:8pt; color:#0099FF; font-weight:normal}
.header{font-family:arial,verdana,helvetica; font-size:20pt; color:#DD0000; font-weight:bold}
</style>
<script language="javascript">
var img_path="4.bmp"; // The Image Path |
var top_pos=130; // Image position from top |
var left_pos=200; // Image position from left |
var max_width=1300; // Max allowable width |
var min_width=10; // Min allowable width |
var time_length=1; // Zoom delay in milliseconds |
var step=2; // Pixels by which image should zoomm |
//-----------------------------------------------------------------
document.write('<div id="q_div" style="position:absolute; top:' + top_pos + '; left:' + left_pos + '"><img src="' + img_path + '" border="3" bordercolor="#000000" name="z" alt="zoOom"></div>');
img_act_width=z.width;
img_act_height=z.height;
var original_time=time_length;
function zoom_out()
{
if(z.width==0)
{
z.border=0;
}
if(z.width!=0)
{
if(z.width>min_width)
{
z.width-=step;
z.height=Math.round(z.width*((img_act_height)/(img_act_width)));
setTimeout("zoom_out()",time_length);
}
else
{
window.alert('Width less than Minimum WidthnCopyRight Qiksearch zoOom.');
}
}
}
function zoom_in()
{
if(z.width==0)
{
z.border=0;
}
if(z.width!=0)
{
if(z.width<max_width)
{
z.width+=step;
z.height=Math.round(z.width*((img_act_height)/(img_act_width)));
setTimeout("zoom_in()",time_length);
}
else
{
window.alert('Maximum Width exceedednCopyRight Qiksearch zoOom.');
}
}
}
function resume_zoom()
{
time_length=original_time;
}
function pause_zoom()
{
time_length=10000000000;
}
function set_original()
{
z.width=img_act_width;
z.height=img_act_height;
}
</script>
</head>
<body bgcolor="#FFFFFF">
<table cellspacing="10" cellpadding="10" align="center">
<tr>
<td style="border:3 solid #000000" align="middle">
<a href="#" onMouseOver="javascript:resume_zoom();zoom_in();" onMouseOut="javascript:pause_zoom();" style="font-family:verdana,arial,helvetica; font-weight:bold; font-size:15pt; color:#003399; text-decoration:none"><font color="#808080">zoOom in</font> +</a>
</td>
<td style="border:3 solid #000000" align="middle">
<a href="#" onMouseOver="javascript:resume_zoom();set_original();" style="font-family:verdana,arial,helvetica; font-weight:bold; font-size:15pt; color:#000000; text-decoration:none">original</a>
</td>
<td style="border:3 solid #000000" align="middle">
<a href="#" onMouseOver="javascript:resume_zoom();zoom_out();" onMouseOut="javascript:pause_zoom();" style="font-family:verdana,arial,helvetica; font-weight:bold; font-size:15pt; color:#003399; text-decoration:none"><font color="#808080">ZOoOM out</font> -</a>
</td>
</tr>
</table>
</body>
</html>
Date Blink
<!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=iso-8859-1" />
<title>Untitled Document</title>
<!-- start date blink script -->
<script language="JavaScript">
var t ;
function testload(){
document.getElementById("divId").style.color="pink";
t=setTimeout("blink2()",1000);
}
function blink2(){
document.getElementById("divId").style.color="red";
t=setTimeout("testload()",1000);
}
function clickvist(){
document.getElementById("divId").style.color="#000";
clearTimeout(t);
}
</script>
<!-- End date blink script -->
</head>
<body onLoad="testload();">
<!-- date start -->
<div id="date" style="float:left; width:190px; height:auto;">
<div id="divId" onClick="clickvist()" style="font-family:Arial; font-size:11px; font-weight:bold; color:#A1F83A; ">
<script type="text/javascript">
<!-- Begin
<!-- Begin
var X_now = new Date();
var X_days = new Array('Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday');
var X_months = new Array('January','February','March','April','May','June','July','August','September','October','November','December');
var X_date = ((X_now.getDate()<10) ? "0" : "")+ X_now.getDate();
function fourdigits(number) {
return (number < 1000) ? number + 1900 : number;
}
X_today = X_days[X_now.getDay()] + ", " +
X_months[X_now.getMonth()] + " " +
X_date + ", " +
(fourdigits(X_now.getYear())) ;
document.write(X_today);
// End -->
</script>
</div>
</div>
<!-- date start -->
</body>
</html>
Get value from radio group
//Start this portion is use for get Gender radio button value
var radiosA=document.getElementsByName('gender');
//alert("radiosA"+radiosA);
var statusValA;
for (var i = 0, length = radiosA.length; i < length; i++) {
if (radiosA[i].checked) {
statusValA=radiosA[i].value;
//alert("statusValA"+statusValA);
break;
}
}
//End this portion is use for get Gender radio button value
Inner HTML Script
<!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>Untitled Document</title>
<script type="text/jscript">
function civCall(id,lblId,val){
var getInfant=document.getElementById(id).checked;
if(getInfant==true && val==3){
document.getElementById(lblId).innerHTML = "CIV Number";
}else{
document.getElementById(lblId).innerHTML = "BP Number";
}
}
</script>
</head>
<body>
<div id="commonUp_div" style="float:left; width:970px; height:auto;">
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="margin-bottom:10px;" class="banglaTextDob">
<tr>
<td style="background-color:#7ec0ee">
<s:if test='%{hrvPoliceInfo.police_category !=null && hrvPoliceInfo.police_category==1}'>
<input type="radio" value="1" id="gadgetPolice" name="pType" checked="checked" onclick="civCall('gadgetPolice','bpNumberLbl','1');">
</s:if>
<s:else>
<input type="radio" value="1" id="gadgetPolice" name="pType" onclick="civCall('gadgetPolice','bpNumberLbl','1');" />
</s:else>
<td style="background-color:#7ec0ee;color:#FFFFFF" >গেজেটেড পুলিশ সদস্য</td>
<td style="background-color:#000080"><s:if test='%{hrvPoliceInfo.police_category !=null && hrvPoliceInfo.police_category==2}'>
<input type="radio" value="2" id="nonGadgetPolice" name="pType" checked="checked" onclick="civCall('nonGadgetPolice','bpNumberLbl','2');">
</s:if>
<s:else>
<input type="radio" value="2" id="nonGadgetPolice" name="pType" onclick="civCall('nonGadgetPolice','bpNumberLbl','2');">
</s:else></td>
<td style="background-color:#000080;color:#FFFFFF">নন-গেজেটেড পুলিশ সদস্য</td>
<td style="background-color:#088A4B" ><s:if test='%{hrvPoliceInfo.police_category !=null && hrvPoliceInfo.police_category==3}'>
<input type="radio" value="3" id="nonPolice" name="pType" checked="checked" onclick="civCall('nonPolice','bpNumberLbl','3');" >
</s:if>
<s:else>
<input type="radio" value="3" id="nonPolice" name="pType" onclick="civCall('nonPolice','bpNumberLbl','3');" >
</s:else></td>
<td style="background-color:#088A4B;color:#FFFFFF">নন-পুলিশ সদস্য</td>
<td style="background-color:#FF0000"><s:if test='%{hrvPoliceInfo.police_category !=null && hrvPoliceInfo.police_category==4}'>
<input type="radio" value="4" id="retiredGadgetPolice" name="pType" checked="checked" onclick="civCall('retiredGadgetPolice','bpNumberLbl','4');">
</s:if>
<s:else>
<input type="radio" value="4" id="retiredGadgetPolice" name="pType" onclick="civCall('retiredGadgetPolice','bpNumberLbl','4');">
</s:else></td>
<td style="background-color:#FF0000;color:#FFFFFF">অবসরপ্রাপ্ত গেজেটেড কর্মকর্তা </td>
<td style="background-color:#FFDFDD"><s:if test='%{hrvPoliceInfo.police_category !=null && hrvPoliceInfo.police_category==5}'>
<input type="radio" value="5" id="retiredNonGadgetPolice" name="pType" checked="checked" onclick="civCall('retiredNonGadgetPolice','bpNumberLbl','5');">
</s:if>
<s:else>
<input type="radio" value="5" id="retiredNonGadgetPolice" name="pType" onclick="civCall('retiredNonGadgetPolice','bpNumberLbl','5');">
</s:else></td>
<td style="background-color:#FFDFDD">অবসরপ্রাপ্ত নন-গেজেটেড কর্মচারী</td>
</tr>
</table>
</div>
<div>
<div id="cell_1" style="float:left; width:120px; height:auto; text-align:right;" class="fontSize1"><label id="bpNumberLbl">BP Number:</label> </div>
</div>
</body>
</html>
Hide Show And Inner HTML
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Document</title>
<script language="JavaScript">
function viewClose() {
alert("alert");
// document.getElementById("app_4").style.display = 'block';
if(document.getElementById("headPanel_div").style.display== 'block'){
document.getElementById("headPanel_div").style.display = 'none';
document.getElementById("viewCloseIcon").innerHTML = "View";
//viewCloseIcon
}else{
document.getElementById("headPanel_div").style.display = 'block';
document.getElementById("viewCloseIcon").innerHTML = "Close";
}
}
</script>
</head>
<body>
<table>
<tr>
<td width="43%" style="text-align:center;" id=""><a href="#" style="font-family:Arial; font-size:12px;color:red;font-weight:bold;text-decoration:none; " onclick="viewClose();" alt="click for close"><!--img src="images/up.png" alt="click for close"/--><span id="viewCloseIcon">Close</span></a></td>
</tr>
</table>
</body>
</html>
Table Border color by css and onMouseOver a marquee call :
<!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=iso-8859-1" />
<title>Untitled Document</title>
<script type="text/javascript">
function mouseOverimgSearch(msg){
//alert(msg);
document.getElementById(msg).src = "images/searc_mirror_hover.jpg";
document.getElementById('noView').style.display='none';
document.getElementById('yesViewScroll').style.display='block';
document.getElementById('myAnimatedText').innerHTML='<marquee>Search my name </marquee>';
}
function mouseOutimgSearch(msg){
//alert(msg)
document.getElementById(msg).src = "images/searc_mirror.jpg";
document.getElementById('noView').style.display='block';
document.getElementById('yesViewScroll').style.display='none';
document.getElementById('myAnimatedText').innerHTML='Search my name';
}
</script>
<style type="text/css">
table.hovertable {
font-family: Arial;
font-size:11px;
color:#333333;
border-width: 1px;
border-color: #999999;
border-collapse: collapse;
}
table.hovertable th {
background-color:#A2BE82;
border-width: 1px;
padding: 1px !important; padding:2px;
/* padding: 5px; */
border-style: solid;
border-color: #a9c6c9;
}
table.hovertable tr {
/*background-color:#D9E9DA; */
}
table.hovertable td {
border-width: 1px;
padding: 0px;
border-style: solid;
border-color: #a9c6c9;
}
</style>
</head>
<body>
<div id="myAnimatedText" style="float:left; width:800px; height:40px;">Searching my name</div>
<div id="" style="float:left; width:800px; height:40px;">OR</div>
<!-- Start show div -->
<div style="float:left; width:800px; height:auto; background:#CCCCFF;">
<div id="noView" style="display:block; font-family:Arial; font-size:14px; font-weight:bold; color:#000; padding:5px;">Knowledge is Power</div>
<div id="yesViewScroll" style="display:none;font-family:Arial; font-size:14px; font-weight:bold; color:red;padding:5px;"><marquee direction="right" behavior="alternate" scrollamount="5">Knowledge is Power 2</marquee></div>
</div>
<!-- End show div -->
<div style="float:right;width:17px;height:19px;margin-top:3px;cursor:pointer; margin-right:5px;">
<img src="images/searc_mirror.jpg" id="imgSearch" onMouseOver="mouseOverimgSearch('imgSearch')" onMouseOut="mouseOutimgSearch('imgSearch')" style= "float:left; border:none;" title="know thyself"/>
</div>
<div style="float:left; width:980px !important;width:990px; height:auto; padding-top:20px;">
<div style="float:left; width:980px !important;width:990px; height:20px;background:#D9DADC;font-family:Arial;font-weight:bold; font-size:14px;text-align:center;">Department Name</div>
<!-- Start table div -->
<div style="float:left; width:980px !important;width:990px; height:auto;font-family:Arial;font-weight:normal; font-size:11px;text-align:center;">
<div style="float:left; width:800px; height:auto;text-align:center;">
<table width="100%" border="1" cellpadding="0" cellspacing="0" class="hovertable">
<tr style="background:#C5C8CB;">
<td width="30%" style="height:20px;font-family:Arial; font-size:11px; font-weight:bold; text-align:center;">Head Name</td>
<td width="23%" style="height:20px;font-family:Arial;font-size:11px;font-weight:bold;text-align:center;">Template Details</td>
<td width="47%" style="height:20px;font-family:Arial;font-size:11px;font-weight:bold;text-align:center;">Template Details</td>
</tr>
<tr style="font-family:Arial; text-align:center;">
<td colspan="" style="padding:1px;"></td>
<td> </td>
<td> </td>
</tr>
<tr style="font-family:Arial; text-align:center; height:auto;">
<td colspan="3" style="padding:0px;"> </td>
</tr>
</table>
</div>
</div>
<!-- End table div -->
</div>
</body>
</html>
From mail Search this name (date_calender_time_age_addRow_InfantCal_) get nice source
From mail Search this name (dateOFBirth_adultInfant.zip) get nice source
From mail Search this name (dual List_editor.zip) get nice sourceFrom mail Search this name (Menu.zip ) get nice source
From mail Search this name (common_div_allignment_ie_mozila ) get nice source
From mail Search this name (div design(constant Round) ) get nice source
From mail Search this name (Tab_differentType_Color) ) get nice source
From mail Search this name (slideShow_checkBox_hideShow_p0pUp.zip ) get nice source
Good Layout :
.........................
From mail Search this name (Menu_tree_push.zip ) get nice source
No comments:
Post a Comment