JSP files for OBAAS1.1:

Size: px
Start display at page:

Download "JSP files for OBAAS1.1:"

Transcription

1 JSP files for OBAAS1.1: Apart from JSP files, there is also one stylesheet file named "style.css". You need to create jsp files in the WebContent folder of your project. Also create this "style.css" file in this WebContent folder. style.css "utf-8"; /* CSS Document */ body margin:0; color:#8c8c8c; background:#bababa; div, h1, h2, h3, h4, p, form, label, input, textarea, img, span margin:0; padding:0; ul margin:0; padding:0; list-style-type:none; font-size:0; line-height:0;.spacer clear:both; font-size:0; line-height:0;.more font:normal 11px/18px Arial, Helvetica, sans-serif; color:#00d09d; text-decoration:none; padding-left:230px;.style1color:#00d09d; /* body */ #top_links margin:0 auto; padding:0px; width:900px; height:40px; #top_linksin padding:10px 0 0 0; width:310px; height:18px; float:right; #top_linksin ul list-style:none; margin: px; #top_linksin ul li font:normal 11px/10px Arial, Helvetica, sans-serif; color:#ffffff; border-right:#7f7f7f 1px solid; padding:0 15px;

2 float:left; #top_linksin ul li a text-decoration:none; display:block; color:#7f7f7f; #top_linksin ul li a:hover text-decoration:none; display:block; color:#ffffff; #header margin:0 auto; background:#8c8c8c 0 0 no-repeat; width:897px; height:282px; #header h1 font:bold 44px/18px Arial, Helvetica, sans-serif; color:#ffffff; padding:100px px; #header h2 font:bold italic 24px/18px Arial, Helvetica, sans-serif; color:#ababab; padding:20px px; #navigation margin:0 auto; width:896px; height:40px; background:#000; border:1px solid #282828; #navigation ul list-style:none; #navigation ul li color:#adadad; float:left; text-align:center; font:bold 12px/40px Arial, Helvetica, sans-serif; width:127px; border-right:1px solid #282828; #navigation ul li a text-decoration:none; display:block; color:#adadad; #navigation ul li a:hover color:#ffffff; #navigation ul li.last border:none; float:left;

3 #content1 width:897px; margin:0 auto; background:url(images/globe_05.jpg) 0 0 repeat-y; #content1 h1 font:bold italic 22px/79px Arial, Helvetica, sans-serif; color:#ffffff; padding-left:30px; #content1 p font:normal 12px/18px Arial, Helvetica, sans-serif; color:#b2b2b2; padding:5px 15px 0 15px;.con background:url(images/globe_06.jpg) 0 0 repeat-y; width:290px; #heade1 width:167px; height:79px; background:url(images/image_03.gif) 20px 10px no-repeat; padding-left:90px; #heade2 width:167px; height:79px; background:url(images/image_04.gif) 20px 10px no-repeat; padding-left:90px; #heade3 width:167px; height:79px; background:url(images/image_05.gif) 20px 5px no-repeat; padding-left:90px; #services width:257px; padding:10px; #services h1 font:bold italic 20px/25px Arial, Helvetica, sans-serif; color:#333333; #services ul list-style:none; margin-left:8px; #services ul li font:normal 12px/22px Arial, Helvetica, sans-serif; color:#ffffff; display:block; padding:0 0 4px 16px; background:url(images/bullet.png) left center no-repeat; #services ul li a text-decoration:none;

4 display:block; color:#7f7f7f; #services ul li a:hover text-decoration:none; display:block; color:#000000; #welcome width:287px; padding:10px; #welcome h1 font:bold italic 20px/25px Arial, Helvetica, sans-serif; color:#333333; #welcome p font:normal 12px/18px Arial, Helvetica, sans-serif; color:#7f7f7f; #news width:257px; padding:10px; #news h1 font:bold italic 20px/25px Arial, Helvetica, sans-serif; color:#333333;.img float:left; padding-right:10px; #news h2 font:bold 12px/18px Arial, Helvetica, sans-serif; color:#333333; #news p font:normal 12px/18px Arial, Helvetica, sans-serif; color:#7f7f7f; #footer_navigation width:500px; height:30px; margin:0 auto; #footer_navigation ul li width:80px; font: normal 12px/30px Arial, Helvetica, sans-serif; color:#7d9942; float:left; #footer_navigation ul li a text-decoration:none; color:#7f7f7f; height:30px; #footer_navigation ul li a:hover

5 text-decoration:none; color:#ffffff; height:49px; #footer_copyright color: #7f7f7f; font: normal 11px/30px Arial, Helvetica, sans-serif; margin:0 auto; text-align:center; #footer_design color: #ffffff; font: normal 11px/25px Arial, Helvetica, sans-serif; margin:0 auto; text-align:center; width:100%; background:#000000; #footer_design a color: #b6ff06; text-decoration:none; #footer_design a:hover color: #b6ff06; text-decoration:underline; balance_res.jsp <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>online Bank Access System - OBAAAS</title> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <div id="top_links"> <div id="header"> <h1>obaas system<span class="style1"></span></h1> <h2>welcome to the online bank access service</h2> <div id="navigation"> <ul> <li><a href="create_req.jsp">new ACCOUNT</a></li> <li><a href="balance_req.jsp">balance</a></li> <li><a href="cheque_req.jsp">service REQUEST</a></li> <li><a href="paybills_req.jsp">pay BILLS</a></li> <li><a href="close_req.jsp">close A/C</a></li> <table style="width:897px; background:#ffffff; margin:0 auto;"> <tr >

6 <td width="300" valign="top" style="border-right:# px dotted;"> <div id="services"><h1></h1> <td width="1200" valign="top"> <% <table><% String num=request.getparameter("accountno"); int accountno=integer.parseint(num); String username=request.getparameter("username"); String password=request.getparameter("password"); boolean status=verifylogin.checklogin(accountno,username,password); //if(status==true) // out.print("welcome " + username); try if(status==true) out.print("welcome " + username); Connection con=getcon.getcon(); PreparedStatement ps=con.preparestatement("select * from NEWACCOUNT where accountno=?"); ps.setint(1,accountno); ResultSet rs=ps.executequery(); out.print("<table align='left' cellspacing='5' cellpadding='5'>"); out.print("<tr><th>account NO</th><th>USERNAME</th><th>AMOUNT</th><th>ADDRESS</th><th>PHONE</th></tr>"); while(rs.next()) int accountno1=rs.getint(1); //session.setattribute("accountno",accountno1); //System.out.print(accountno); out.print("<tr>"); out.print("<td>" + rs.getint(1) + ""); out.print("<td>" + rs.getstring(2) + ""); out.print("<td>" + rs.getint(5) + ""); out.print("<td>" + rs.getstring(6) + ""); out.print("<td>" + rs.getint(7) + ""); out.print("</tr>"); out.print(""); else out.print("please check your username and Password"); request.setattribute("balance","please check your username and Password"); <jsp:forward page="balance_req.jsp"></jsp:forward> <% catch (SQLException e) e.printstacktrace(); // // <%

7 page import="java.sql.*" page import="java.io.*" page import="javax.servlet.*" page import="pack_bank.*" balance_req.jsp <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " <html> <head> <SCRIPT LANGUAGE="JavaScript"> function check(form) for(var i=0; i<form.elements.length; i++) if(form.elements[i].value == "") alert("fill out all Fields") document.f1.accountno.focus() if(isnan(document.f1.accountno.value)) alert("account number must be number") document.f1.accountno.value="" document.f1.accountno.focus() if(!isnan(document.f1.username.value)) alert("user Name must be characters & can't be null") document.f1.username.value="" document.f1.username.focus() if(!isnan(document.f1.password.value)) alert("password must be characters & can't be null") document.f1.password.value="" document.f1.password.focus() return true </SCRIPT> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>online Bank Access System - OBAAAS</title> <link href="style.css" rel="stylesheet" type="text/css"> <script type="text/javascript"> function ctck() var sds = document.getelementbyid("form"); </script> </head> <body> <div id="top_links">

8 <div id="header"> <h1>obaas system<span class="style1"></span></h1> <h2>welcome to the online bank access service</h2> <div id="navigation"> <ul> <li><a href="create_req.jsp">new ACCOUNT</a></li> <li><a href="balance_req.jsp">balance</a></li> <li><a href="cheque_req.jsp">service REQUEST</a></li> <li><a href="paybills_req.jsp">pay BILLS</a></li> <li><a href="close_req.jsp">close A/C</a></li> <table style="width:897px; background:#ffffff; margin:0 auto;"> <tr > <td width="300" valign="top" style="border-right:# px dotted;"> <div id="services"><ul> <td width="1200" valign="top"> <div id="welcome" style="border-right:# px dotted;"><h1>balance FORM</h1><br> <table align="center" bgcolor="white"> <tr> </tr> <tr> <td><div><%if(request.getattribute("balance")!=null) out.print(request.getattribute("balance")); <form name=f1 onsubmit="return check(this)" action="balance_res.jsp" > <table cellspacing="5" cellpadding="3"> <tr><td>account NO:<td> <input type="text" name="accountno"/></tr> <tr><td>user NAME:<td> <input type="text" name="username"/></tr> <tr><td>password:<td> <input type="password" name="password"/></tr> <tr><td><td><input type="submit" value="submit"/> <INPUT TYPE=RESET VALUE="CLEAR"></tr> </form> </tr> <td width="299" valign="top"> </tr>

9 <div id="footer_top"> <div id="footer_navigation"> <div id="footer_copyright" > <center></center><br> <p></p> Developed by Ashfaque Ahmed & Javed Akhtar <script type="text/javascript"> document.onload = ctck(); </script> </body> </html> cheque_req.jsp <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " <html> <head> <SCRIPT LANGUAGE="JavaScript"> function validate(form) for(var i=0; i<form.elements.length; i++) if(form.elements[i].value == "") alert("fill out all Fields") document.f1.username.focus() if(!isnan(document.f1.username.value)) alert("user Name must be char's & can't be null") document.f1.username.value="" document.f1.username.focus() if(!isnan(document.f1.password.value)) alert("password must be char's & can't be null") document.f1.password.value="" document.f1.password.focus() if(isnan(document.f1.acno.value)) alert("accountno must be number & can't be null") document.f1.acno.value="" document.f1.acno.focus() return true </SCRIPT>

10 <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>online Bank Access System - OBAAAS</title> <link href="style.css" rel="stylesheet" type="text/css"> <script type="text/javascript"> function ctck() var sds = document.getelementbyid("form"); </script> </head> <body> <div id="top_links"> <div id="header"> <h1>obaas system<span class="style1"></span></h1> <h2>welcome to the online bank access service</h2> <div id="navigation"> <ul> <li><a href="create_req.jsp">new ACCOUNT</a></li> <li><a href="balance_req.jsp">balance</a></li> <li><a href="cheque_req.jsp">service REQUEST</a></li> <li><a href="paybills_req.jsp">pay BILLS</a></li> <li><a href="close_req.jsp">close A/C</a></li> <table style="width:897px; background:#ffffff; margin:0 auto;"> <tr > <td width="100" valign="top" style="border-right:# px dotted;"> <div id="services"><h1></h1> <td width="800" valign="top"> <div id="welcome" style="border-right:# px dotted;"><h1>service REQUEST FORM</h1><br> <table align="center" bgcolor="white"> <tr> </tr> <tr> <td> <form name=f1 onsubmit="return validate(this)" action="createservlet" > <table cellspacing="5" cellpadding="3"> <tr><td>account NUMBER:<td> <input type="text" name="acno"/></tr> <tr><td>user NAME:<td> <input type="text" name="username"/></tr> <tr><td>password:<td> <input type="password" name="password"/></tr> <tr><td>request TYPE:<td> <select name="req_type"> <option value="c">cheque Book Request</option> </select> </tr> <tr><td><td><input type="submit" value="submit"/> <INPUT TYPE=RESET VALUE="CLEAR"></tr>

11 </tr> </form> <td width="199" valign="top"> <div id="welcome" style="border-right:# px dotted;"> <center></center> </tr> <div id="footer_top"> <div id="footer_navigation"> <div id="footer_copyright" > <center></center><br> <p></p> Developed by Ashfaque Ahmed & Javed Akhtar <script type="text/javascript"> document.onload = ctck(); </script> </body> </html> cheque_res.jsp <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>online Bank Access System - OBAAAS</title> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <div id="top_links"> <div id="header"> <h1>obaas system<span class="style1"></span></h1> <h2>welcome to the online bank access service</h2> <div id="navigation"> <ul> <li><a href="create_req.jsp">new ACCOUNT</a></li> <li><a href="balance_req.jsp">balance</a></li> <li><a href="cheque_req.jsp">service REQUEST</a></li>

12 <li><a href="paybills_req.jsp">pay BILLS</a></li> <li><a href="close_req.jsp">close A/C</a></li> <table style="width:897px; background:#ffffff; margin:0 auto;"> <tr > <td width="300" valign="top" style="border-right:# px dotted;"> <td width="1200" valign="top"> <% <table><% try int accountno=0; int requestno=0; int amount =0; Connection con1=getcon.getcon(); //PreparedStatement ps1=con1.preparestatement("select max(accountno) from newaccount"); PreparedStatement ps1=con1.preparestatement("select max(requestno) from chequebook"); ResultSet rs1=ps1.executequery(); if(rs1.next()) requestno=rs1.getint(1); Connection con3=getcon.getcon(); //PreparedStatement ps1=con1.preparestatement("select max(accountno) from newaccount"); PreparedStatement ps3=con3.preparestatement("select accountno from chequebook where requestno='"+requestno+"'"); ResultSet rs3=ps3.executequery(); if(rs3.next()) accountno=rs3.getint(1); Connection con2=getcon.getcon(); //PreparedStatement ps1=con1.preparestatement("select max(accountno) from newaccount"); PreparedStatement ps2=con2.preparestatement("select amount from newaccount where accountno='"+accountno+"'"); ResultSet rs2=ps2.executequery(); if(rs2.next()) amount=rs2.getint(1); out.print("your request for new cheque book has been accepted. Your request no is "+requestno+ ". Your account balance is "+amount); catch (SQLException e) e.printstacktrace(); <% page import="java.sql.*" page import="java.io.*" page import="javax.servlet.*" page import="pack_bank.*"

13 close_res.jsp <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>online Bank Access System - OBAAAS</title> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <div id="top_links"> <div id="header"> <h1>obaas system<span class="style1"></span></h1> <h2>welcome to the online bank access service</h2> <div id="navigation"> <ul> <li><a href="create_req.jsp">new ACCOUNT</a></li> <li><a href="balance_req.jsp">balance</a></li> <li><a href="cheque_req.jsp">service REQUEST</a></li> <li><a href="paybills_req.jsp">pay BILLS</a></li> <li><a href="close_req.jsp">close A/C</a></li> <table style="width:897px; background:#ffffff; margin:0 auto;"> <tr > <td width="300" valign="top" style="border-right:# px dotted;"> <div id="services"> <ul> <td width="1200" valign="top"> <% <table><% String num=request.getparameter("accountno"); int accountno=integer.parseint(num); String username=request.getparameter("username"); String password=request.getparameter("password"); boolean status=verifylogin.checklogin(accountno,username,password); //if(status==true) // out.print("welcome " + username); try if(status==true) out.print("welcome " + username); Connection con=getcon.getcon(); PreparedStatement ps=con.preparestatement("delete from NEWACCOUNT where accountno='"+accountno+"'");

14 //ps.setint(1,accountno); ps.executeupdate(); out.print(" your account no '"+accountno+"' has closed."); else out.print("please check your username and Password"); request.setattribute("balance","please check your username and Password"); <jsp:forward page="close_req.jsp"></jsp:forward> <% catch (SQLException e) e.printstacktrace(); <% page import="java.sql.*" page import="java.io.*" page import="javax.servlet.*" page import="pack_bank.*" close_req.jsp <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " <html> <head> <SCRIPT LANGUAGE="JavaScript"> function validate(form) for(var i=0; i<form.elements.length; i++) if(form.elements[i].value == "") alert("fill out all Fields") document.f1.accountno.focus() if(isnan(document.f1.accountno.value)) alert("accountno must be number & can't be null") document.f1.accountno.value="" document.f1.accountno.focus() if(!isnan(document.f1.username.value)) alert("user Name must be char's & can't be null") document.f1.username.value="" document.f1.username.focus()

15 if(!isnan(document.f1.password.value)) alert("password must be char's & can't be null") document.f1.password.value="" document.f1.password.focus() return true </SCRIPT> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>online Bank Access System - OBAAAS</title> <link href="style.css" rel="stylesheet" type="text/css"> <script type="text/javascript"> function ctck() var sds = document.getelementbyid("form"); </script> </head> <body> <div id="top_links"> <div id="header"> <h1>obaas system<span class="style1"></span></h1> <h2>welcome to the online bank access service</h2> <div id="navigation"> <ul> <li><a href="create_req.jsp">new ACCOUNT</a></li> <li><a href="balance_req.jsp">balance</a></li> <li><a href="cheque_req.jsp">service REQUEST</a></li> <li><a href="paybills_req.jsp">pay BILLS</a></li> <li><a href="close_req.jsp">close A/C</a></li> <table style="width:897px; background:#ffffff; margin:0 auto;"> <tr > <td width="300" valign="top" style="border-right:# px dotted;"> <td width="1200" valign="top"> <div id="welcome" style="border-right:# px dotted;"><h1>close ACCOUNT FORM</h1><br> <table align="center" bgcolor="white"> <tr> </tr> <tr> <td> <div><%if(request.getattribute("balance")!=null) out.print(request.getattribute("balance")); <form name=f1 onsubmit="return validate(this)" action="close_res.jsp" > <table cellspacing="5" cellpadding="3">

16 name="password"/></tr> <tr><td>account NO:<td> <input type="text" name="accountno"/></tr> <tr><td>user NAME:<td> <input type="text" name="username"/></tr> <tr><td>password:<td> <input type="password" <tr><td><td><input type="submit" value="submit"/> <INPUT TYPE=RESET VALUE="CLEAR"></tr> </form> </tr> <td width="299" valign="top"> <div id="welcome" style="border-right:# px dotted;"> <center></center> <p></p> </tr> <div id="footer_top"> <div id="footer_navigation"> <div id="footer_copyright" > <center></center> <p></p> Developed by Ashfaque Ahmed & Javed Akhtar <script type="text/javascript"> document.onload = ctck(); </script> </body> </html> create_req.jsp <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " <html> <head> <SCRIPT LANGUAGE="JavaScript"> function validate(form) for(var i=0; i<3; i++) if(!isnan(form.elements[i].value)) alert("this Field must be in Characters") form.elements[i].value="" form.elements[i].focus()

17 if(document.f1.password.value!=document.f1.repassword.value) alert("retype password is not matching with password. Please re-enter repassword"); document.f1.repassword.value="" document.f1.repassword.focus() if(!isnan(document.f1.phone.value)) if(document.f1.phone.value > ) alert("phone number must be 10 digits long. Please re-enter phone number") document.f1.phone.value="" document.f1.phone.focus() else alert("this field must be number") document.f1.phone.value="" document.f1.phone.focus() for(var i=0; i<form.elements.length; i++) if(form.elements[i].value == "") alert("fill out all Fields") document.f1.username.focus() return true </SCRIPT> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>online Bank Access System - OBAAAS</title> <link href="style.css" rel="stylesheet" type="text/css"> <script type="text/javascript"> function ctck1() var sds = document.getelementbyid("form"); </script> </head> <body> <div id="top_links"> <div id="header"> <h1>obaas system<span class="style1"></span></h1> <h2>welcome to the online bank access service</h2> <div id="navigation">

18 <ul> <li><a href="create_req.jsp">new ACCOUNT</a></li> <li><a href="balance_req.jsp">balance</a></li> <li><a href="cheque_req.jsp"><sr>service REQUEST</SR></a></li> <li><a href="paybills_req.jsp">pay BILLS</a></li> <li><a href="close_req.jsp">close A/C</a></li> <table style="width:897px; background:#ffffff; margin:0 auto;"> <tr > <td width="300" valign="top" style="border-right:# px dotted;"> <div id="services"><h1></h1> <td width="1200" valign="top"> <div id="welcome" style="border-right:# px dotted;"><h1>open ACCOUNT FORM</h1><br> <table align="center" bgcolor="white"> <tr> </tr> <tr> <td> <form name=f1 onsubmit="return validate(this)" action="createservlet" > <table cellspacing="5" cellpadding="3"> name="password"/></tr> name="repassword"/></tr> readonly/></tr> <tr><td>user NAME:<td> <input type="text" name="username"/></tr> <tr><td>password:<td> <input type="password" <tr><td>re-password:<td> <input type="password" <tr><td> <input type="hidden" name="amount" value="500"/></tr> <tr><td>address:<td> <input type="text" name="adderess"/></tr> <tr><td>phone:<td> <input type="text" name="phone"/></tr> <tr><td>category:<td> <input type="text" name="cat" value="u" <tr><td> <input type="hidden" name="acno" value = "0"/></tr> <tr><td><td><input type="submit" value="submit"/> </tr> <INPUT TYPE=RESET VALUE="CLEAR"></tr> </form> <td width="299" valign="top"> <div id="welcome" style="border-right:# px dotted;"> <center></center> </tr> <div id="footer_top"> <div id="footer_navigation">

19 <div id="footer_copyright" > <center></center><br> <p></p> Developed by Ashfaque Ahmed & Javed Akhtar <script type="text/javascript"> document.onload = ctck(); </script> </body> </html> error.jsp <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>online Bank Access System - OBAAAS</title> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <div id="top_links"> <div id="header"> <h1>obaas system<span class="style1"></span></h1> <h2>welcome to the online bank access service</h2> <div id="navigation"> <ul> <li><a href="create_req.jsp">new ACCOUNT</a></li> <li><a href="balance_req.jsp">balance</a></li> <li><a href="cheque_req.jsp">service REQUEST</a></li> <li><a href="paybills_req.jsp">pay BILLS</a></li> <li><a href="close_req.jsp">close A/C</a></li> <table style="width:897px; background:#ffffff; margin:0 auto;"> <tr > <td width="300" valign="top" style="border-right:# px dotted;"> <td width="1200" valign="top"> <% <table><% again</tr>"); int err = (Integer) request.getattribute("err"); out.print("<table align='left' cellspacing='5' cellpadding='5'>"); if (err==1) out.print("<tr><td>incorrect User Name, Password or Account No! Please try

20 again.</tr>"); if (err==2) out.print("<tr><td>chequebook request failed! Please try if (err==3) out.print("<tr><td>registration Failed! Please try again</tr>"); out.print(""); <% page import="java.sql.*" page import="java.io.*" page import="javax.servlet.*" page import="pack_bank.*" create_res.jsp <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>online Bank Access System - OBAAAS</title> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <div id="top_links"> <div id="header"> <h1>obaas system<span class="style1"></span></h1> <h2>welcome to the online bank access service</h2> <div id="navigation"> <ul> <li><a href="create_req.jsp">new ACCOUNT</a></li> <li><a href="balance_req.jsp">balance</a></li> <li><a href="cheque_req.jsp">service REQUEST</a></li> <li><a href="paybills_req.jsp">pay BILLS</a></li> <li><a href="close_req.jsp">close A/C</a></li> <table style="width:897px; background:#ffffff; margin:0 auto;"> <tr > <td width="300" valign="top" style="border-right:# px dotted;"> <td width="1200" valign="top"> <% <table><% try Connection con1=getcon.getcon();

21 //PreparedStatement ps1=con1.preparestatement("select max(accountno) from newaccount"); PreparedStatement ps1=con1.preparestatement("select max(accountno) from newaccount"); ResultSet rs1=ps1.executequery(); while(rs1.next()) int accountno=rs1.getint(1); request.setattribute("accountno",accountno); Integer accountno=(integer)request.getattribute("accountno"); Connection con=getcon.getcon(); PreparedStatement ps=con.preparestatement("select * from NEWACCOUNT where accountno='"+accountno+"'"); // ps.setint(1,accountno); ResultSet rs=ps.executequery(); out.print("<table align='left' cellspacing='5' cellpadding='5'>"); out.print("<tr><th>account NO</th><th>USERNAME</th><th>PASSWORD</th><th>AMOUNT</th><th>ADDRESS</th><th>PHONE</th></tr>"); while(rs.next()) session.setattribute("accountno",accountno); System.out.print(accountno); out.print("<tr>"); out.print("<td>" + rs.getint(1) + ""); out.print("<td>" + rs.getstring(2) + ""); out.print("<td>" + rs.getstring(3) + ""); out.print("<td>" + rs.getint(5) + ""); out.print("<td>" + rs.getstring(6) + ""); out.print("<td>" + rs.getlong(7) + ""); out.print("</tr>"); out.print(""); catch (SQLException e) e.printstacktrace(); <% <%@ page import="java.sql.*" <%@ page import="java.io.*" <%@ page import="javax.servlet.*" <%@ page import="pack_bank.*" paybills_res.jsp <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>online Bank Access System - OBAAAS</title> <link href="style.css" rel="stylesheet" type="text/css"> </head>

22 <body> <div id="top_links"> <div id="header"> <h1>obaas system<span class="style1"></span></h1> <h2>welcome to the online bank access service</h2> <div id="navigation"> <ul> <li><a href="create_req.jsp">new ACCOUNT</a></li> <li><a href="balance_req.jsp">balance</a></li> <li><a href="cheque_req.jsp">service REQUEST</a></li> <li><a href="paybills_req.jsp">pay BILLS</a></li> <li><a href="close_req.jsp">close A/C</a></li> <table style="width:897px; background:#ffffff; margin:0 auto;"> <tr > <td width="300" valign="top" style="border-right:# px dotted;"> <td width="1200" valign="top"> <% <table><% String num=request.getparameter("accountno"); int accountno=integer.parseint(num); String username=request.getparameter("username"); String password=request.getparameter("password"); String num1=request.getparameter("biller"); int taccountno=integer.parseint(num1); String amoun=request.getparameter("amount"); int accoun=integer.parseint(amoun); //System.out.print (taccountno); //accountno=taccountno; boolean status=verifylogin.checklogin(accountno,username,password); //System.out.print (status); //if(status==true) // out.print("welcome " + username); try if(status==true) out.print("welcome " + username + ". "); Connection con=getcon.getcon(); PreparedStatement ps=con.preparestatement("select * from NEWACCOUNT where accountno='"+accountno+"'"); ResultSet rs=ps.executequery(); int dataamount=0; if(rs.next()) if(accoun < rs.getint(5)) updac = "Y"; dataamount=rs.getint(5)-accoun; if( updac == "Y")

23 Connection con1=getcon.getcon(); PreparedStatement ps1=con1.preparestatement("update NEWACCOUNT set amount=? where accountno='"+accountno+"'"); ps1.setint(1,dataamount); ps1.executeupdate(); ResultSet rs1=ps1.executequery(); if(rs1.next()) System.out.println("data amonut"+dataamount); request.setattribute("target account A ",dataamount); Connection con2=getcon.getcon(); PreparedStatement ps2=con2.preparestatement("select * from NEWACCOUNT where accountno=?"); ps2.setint(1,taccountno); ResultSet rs2=ps2.executequery(); int dataamount1=0; if(rs2.next()) dataamount1=rs2.getint(5)+accoun; System.out.println(dataamount1); Connection con3=getcon.getcon(); PreparedStatement ps3=con3.preparestatement("update NEWACCOUNT set amount=? where accountno='"+taccountno+"'"); ps3.setint(1,dataamount1); ps3.executeupdate(); ResultSet rs3=ps3.executequery(); if(rs3.next()) request.setattribute("target account A",dataamount1); request.setattribute("account B",dataamount); out.print("your bill of $" + accoun + " has been successfully paid.your new account balance is "); out.print(request.getattribute("account B")); else out.print("insufficient amount in your account. Billed amount can not be debited!!!"); request.setattribute("balance","insufficient amount in your account. Billed amount can not be debited!!!"); // if(updac=="n") // catch (SQLException e) e.printstacktrace(); <jsp:forward page="paybills_req.jsp"></jsp:forward> <% <% <%@ page import="java.sql.*" <%@ page import="java.io.*" <%@ page import="javax.servlet.*" <%@ page import="pack_bank.*" paybills_req.jsp <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " <html> <head> <SCRIPT LANGUAGE="JavaScript">

24 function check_form(form) for(var i=0; i<form.elements.length; i++) if(form.elements[i].value == "") alert("fill out all Fields") document.f1.accountno.focus() if(isnan(document.f1.accountno.value)) alert("a/c No. must be number & can't be null") document.f1.accountno.value="" document.f1.accountno.focus() if(!isnan(document.f1.username.value)) alert("user Name must be char's & can't be null") document.f1.username.value="" document.f1.username.focus() if(!isnan(document.f1.password.value)) alert("password must be char's & can't be null") document.f1.password.value="" document.f1.password.focus() if(isnan(document.f1.taccountno.value)) alert("target account must be number & can't be null") document.f1.taccountno.value="" document.f1.taccountno.focus() if(isnan(document.f1.amount.value)) alert("amount must be number & can't be null") document.f1.amount.value="" document.f1.amount.focus() return true </SCRIPT> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>online Bank Access System - OBAAAS</title> <link href="style.css" rel="stylesheet" type="text/css"> <script type="text/javascript"> function ctck() var sds = document.getelementbyid("form"); </script> </head> <body> <div id="top_links">

25 <div id="header"> <h1>obaas system<span class="style1"></span></h1> <h2>welcome to the online bank access service</h2> <div id="navigation"> <ul> <li><a href="create_req.jsp">new ACCOUNT</a></li> <li><a href="balance_req.jsp">balance</a></li> <li><a href="cheque_req.jsp">service REQUEST</a></li> <li><a href="paybills_req.jsp">pay BILLS</a></li> <li><a href="close_req.jsp">close A/C</a></li> <table style="width:800px; background:#ffffff; margin:0 auto;"> <tr > <td width="100" valign="top" style="border-right:# px dotted;"> <td width="450" valign="top"> <div id="welcome" style="border-right:# px dotted;"><h1>bill PAYMENT</h1><br> <table align="center" bgcolor="white"> <tr> </tr> <tr> <td><div><%if(request.getattribute("balance")!=null) out.print(request.getattribute("balance")); <form name=f1 onsubmit="return check_form(this)" action="paybills_res.jsp" > <table cellspacing="5" cellpadding="3"> <tr><td>account NO:<td> <input type="text" name="accountno"/></tr> <tr><td>user NAME:<td> <input type="text" name="username"/></tr> <tr><td>password:<td> <input type="password" name="password"/></tr> <tr><td>select Biller<td> <select name="biller" id="biller"><option value="">--- Select --- </option> <% Connection con=getcon.getcon(); String cattype = "B"; PreparedStatement ps=con.preparestatement("select * from NEWACCOUNT where category='b'"); ResultSet rs=ps.executequery(); while (rs.next()) <option value="<% out.print(rs.getint(1)); "><% out.print(rs.getstring(2)); </option> <% </select> </tr> <tr><td>amount:<td> <input type="text" name="amount"/></tr> <tr><td><td><input type="submit" value="submit"/> <INPUT TYPE=RESET VALUE="CLEAR"></tr> </form>

26 </tr> <td width="250" valign="top"> <div id="welcome" style="border-right:# px dotted;"> <center></center> </tr> <div id="footer_top"> <div id="footer_navigation"> <div id="footer_copyright" > <center></center><br> <p></p> Developed by Ashfaque Ahmed & Javed Akhtar <script type="text/javascript"> document.onload = ctck(); </script> <%@ page import="java.sql.*" <%@ page import="java.io.*" <%@ page import="javax.servlet.*" <%@ page import="pack_bank.*" </body> </html> index.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>online Bank Access System - OBAAAS</title> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <div id="top_links"> <div id="header"> <h1>obaas system<span class="style1"></span></h1> <h2>welcome to the online bank access service</h2> <div id="navigation"> <ul> <li><a href="create_req.jsp">new ACCOUNT</a></li> <li><a href="balance_req.jsp">balance</a></li> <li><a href="cheque_req.jsp">service REQUEST</a></li>

27 <li><a href="paybills_req.jsp">pay BILLS</a></li> <li><a href="close_req.jsp">close A/C</a></li> <table style="width:897px; background:#ffffff; margin:0 auto;"> <tr > <td width="300" valign="top" style="border-right:# px dotted;"> <td width="1200" valign="top"><h1>welcome</h1>

JSP files for OBAAS1.2:

JSP files for OBAAS1.2: JSP files for OBAAS1.2: ----------------------- Apart from JSP files, there is also one stylesheet file named "style.css". You need to create jsp files in the WebContent folder of your project. Also create

More information

Media Stylesheets and Navigation with CSS goodness. Webpage Design

Media Stylesheets and Navigation with CSS goodness. Webpage Design Media Stylesheets and Navigation with CSS goodness Webpage Design Printing web pages the problem Here s a nice enough website that is clearly designed for the screen. The links are there because they work

More information

CreateServlet.java

CreateServlet.java Classes in OBAAS 1.2: -------------------- The package name is pack_bank. Create this package in java source of your project. Create classes as per the class names provided here. You can then copy the

More information

GIMP WEB 2.0 MENUS. Before we begin this tutorial let s visually compare a standard navigation bar and a web 2.0 navigation bar.

GIMP WEB 2.0 MENUS. Before we begin this tutorial let s visually compare a standard navigation bar and a web 2.0 navigation bar. GIMP WEB 2.0 MENUS Before we begin this tutorial let s visually compare a standard navigation bar and a web 2.0 navigation bar. Standard Navigation Bar Web 2.0 Navigation Bar Now the all-important question

More information

Wireframe :: tistory wireframe tistory.

Wireframe :: tistory wireframe tistory. Page 1 of 45 Wireframe :: tistory wireframe tistory Daum Tistory GO Home Location Tags Media Guestbook Admin 'XHTML+CSS' 7 1 2009/09/20 [ ] XHTML CSS - 6 (2) 2 2009/07/23 [ ] XHTML CSS - 5 (6) 3 2009/07/17

More information

NAVIGATION INSTRUCTIONS

NAVIGATION INSTRUCTIONS CLASS :: 13 12.01 2014 NAVIGATION INSTRUCTIONS SIMPLE CSS MENU W/ HOVER EFFECTS :: The Nav Element :: Styling the Nav :: UL, LI, and Anchor Elements :: Styling the UL and LI Elements CSS DROP-DOWN MENU

More information

CSS means Cascading Style Sheets. It is used to style HTML documents.

CSS means Cascading Style Sheets. It is used to style HTML documents. CSS CSS means Cascading Style Sheets. It is used to style HTML documents. Like we mentioned in the HTML tutorial, CSS can be embedded in the HTML document but it's better, easier and neater if you style

More information

HTML Summary. All of the following are containers. Structure. Italics Bold. Line Break. Horizontal Rule. Non-break (hard) space.

HTML Summary. All of the following are containers. Structure. Italics Bold. Line Break. Horizontal Rule. Non-break (hard) space. HTML Summary Structure All of the following are containers. Structure Contains the entire web page. Contains information

More information

Chapter 6: CSS Layouts

Chapter 6: CSS Layouts Chapter 6: CSS Layouts Learning Outcomes: Identify the four types of CSS positioning: static, relative, fixed and absolute Identify the use of CSS floats Be able to implement HTML and CSS to construct

More information

5 Snowdonia. 94 Web Applications with C#.ASP

5 Snowdonia. 94 Web Applications with C#.ASP 94 Web Applications with C#.ASP 5 Snowdonia In this and the following three chapters we will explore the use of particular programming techniques, before combining these methods to create two substantial

More information

Hoster: openload.co - Free PLUGIN_DEFECT-Error: 08d a1830b60ab13ddec9a2ff6

Hoster: openload.co - Free PLUGIN_DEFECT-Error: 08d a1830b60ab13ddec9a2ff6 JDownloader - Bug #80273 Bug # 75914 (Closed): Hoster: openload.co - Free Hoster: openload.co - Free PLUGIN_DEFECT-Error: 08d9453425a1830b60ab13ddec9a2ff6 08/18/2016 02:13 AM - StatServ Status: Closed

More information

Dreamweaver: Portfolio Site

Dreamweaver: Portfolio Site Dreamweaver: Portfolio Site Part 3 - Dreamweaver: Developing the Portfolio Site (L043) Create a new Site in Dreamweaver: Site > New Site (name the site something like: Portfolio, or Portfolio_c7) Go to

More information

CSS. https://developer.mozilla.org/en-us/docs/web/css

CSS. https://developer.mozilla.org/en-us/docs/web/css CSS https://developer.mozilla.org/en-us/docs/web/css http://www.w3schools.com/css/default.asp Cascading Style Sheets Specifying visual style and layout for an HTML document HTML elements inherit CSS properties

More information

Multimedia Systems and Technologies Lab class 6 HTML 5 + CSS 3

Multimedia Systems and Technologies Lab class 6 HTML 5 + CSS 3 Multimedia Systems and Technologies Lab class 6 HTML 5 + CSS 3 Instructions to use the laboratory computers (room B2): 1. If the computer is off, start it with Windows (all computers have a Linux-Windows

More information

Web Authoring and Design. Benjamin Kenwright

Web Authoring and Design. Benjamin Kenwright CSS Div Layouts Web Authoring and Design Benjamin Kenwright Outline Review Why use Div Layout instead of Tables? How do we use the Div Tag? How to create layouts using the CSS Div Tag? Summary Review/Discussion

More information

AGENDA :: MULTIMEDIA TOOLS :: (1382) :: CLASS NOTES

AGENDA :: MULTIMEDIA TOOLS :: (1382) :: CLASS NOTES CLASS :: 13 12.01 2014 AGENDA SIMPLE CSS MENU W/ HOVER EFFECTS :: The Nav Element :: Styling the Nav :: UL, LI, and Anchor Elements :: Styling the UL and LI Elements TEMPLATE CREATION :: Why Templates?

More information

Module 2 (VII): CSS [Part 4]

Module 2 (VII): CSS [Part 4] INTERNET & WEB APPLICATION DEVELOPMENT SWE 444 Fall Semester 2008-2009 (081) Module 2 (VII): CSS [Part 4] Dr. El-Sayed El-Alfy Computer Science Department King Fahd University of Petroleum and Minerals

More information

Lab 4 CSS CISC1600, Spring 2012

Lab 4 CSS CISC1600, Spring 2012 Lab 4 CSS CISC1600, Spring 2012 Part 1 Introduction 1.1 Cascading Style Sheets or CSS files provide a way to control the look and feel of your web page that is more convenient, more flexible and more comprehensive

More information

School of Computer Science and Software Engineering

School of Computer Science and Software Engineering 1. C 2. B 3. C B 4. B 5. B 6. B 7. C (should be getelementsbyid case sensitive) 8. A 9. B 10. D 11. B 12. A 13. A 14. D 15. C 16. D 17. A 18. C 19. A 20. D P a g e 2 of 13 Section B: Long Answer Questions

More information

Configuring Hotspots

Configuring Hotspots CHAPTER 12 Hotspots on the Cisco NAC Guest Server are used to allow administrators to create their own portal pages and host them on the Cisco NAC Guest Server. Hotspots created by administrators can be

More information

HTML HTML5. DOM(Document Object Model) CSS CSS

HTML HTML5. DOM(Document Object Model) CSS CSS HTML HTML5 DOM(Document Object Model) CSS CSS HTML html img jpg png gif jpg png gif

More information

GIMP WEB 2.0 MENUS. Web 2.0 Menus: Horizontal Navigation Bar

GIMP WEB 2.0 MENUS. Web 2.0 Menus: Horizontal Navigation Bar GIMP WEB 2.0 MENUS Web 2.0 Menus: Horizontal Navigation Bar WEB 2.0 MENUS: HORIZONTAL NAVIGATION BAR Hover effect: You may create your button in GIMP. Mine is 122 pixels by 48 pixels. You can use whatever

More information

CSS stands for Cascading Style Sheets Styles define how to display HTML elements

CSS stands for Cascading Style Sheets Styles define how to display HTML elements CSS stands for Cascading Style Sheets Styles define how to display HTML elements CSS has various levels and profiles. Each level of CSS builds upon the last, typically adding new features and typically

More information

Creating Layouts Using CSS. Lesson 9

Creating Layouts Using CSS. Lesson 9 Creating Layouts Using CSS Lesson 9 CSS Page Layout Advantages Greater typography control Style is separate from structure Potentially smaller documents Easier site maintenance Increased page layout control

More information

Creating a Job Aid using HTML and CSS

Creating a Job Aid using HTML and CSS Creating a Job Aid using HTML and CSS In this tutorial we will apply what we have learned about HTML and CSS. We will create a web page containing a job aid about how to buy from a vending machine. Optionally,

More information

Snapsis CSS NavMenu Development Guide

Snapsis CSS NavMenu Development Guide Snapsis CSS NavMenu Development Guide Overview This document outlines the Snapsis NavMenu Skin Object for the DotNetNuke portal system. This module supports any type of navigation through a template driven

More information

User's Guide Visual Profile Appendix L Version 7.5.2

User's Guide Visual Profile Appendix L Version 7.5.2 User's Guide Visual Profile Appendix L Version 7.5.2 MobilityGuard AB Appendix L Visual Profile v 7.4 Table of Contents 1 Introduction...3 2 Configuration...3 2.1 Select a theme to use...3 2.2 The theme

More information

Showing results for contents of text-input area - Nu Html Checker

Showing results for contents of text-input area - Nu Html Checker Nu Html Checker This tool is an ongoing experiment in better HTML checking, and its behavior remains subject to change Showing results for contents of text-input area Checker Input Show source outline

More information

Chapter 7 Building Website with HTML and CSS

Chapter 7 Building Website with HTML and CSS Sungkyunkwan University Chapter 7 Building Website with HTML and CSS Prepared by J. Lee and H. Choo Web Programming Copyright 2000-2016 Networking Laboratory 1/54 Copyright 2000-2012 Networking Laboratory

More information

Psychology Experiments on the Web Using PHP and MySQL

Psychology Experiments on the Web Using PHP and MySQL Psychology Experiments on the Web Using PHP and MySQL Lisa M. DeBruine August 14, 2008 Contents 1 Basic Web Authoring 2 1.1 Setting up your webpage....................... 2 1.2 HTML.................................

More information

TLN Hover Menu Up to 3 or More Levels

TLN Hover Menu Up to 3 or More Levels TLN Hover Menu Up to 3 or More Levels Applies to: This article applied to EP 7.0 EHP1 SP6. Summary We already have documents/codes for implementation of 2 level hover menu in TLN. This document provides

More information

Scriptaculous Stuart Halloway

Scriptaculous Stuart Halloway Scriptaculous Stuart Halloway stu@thinkrelevance.com Copyright 2007, Relevance, Inc. Licensed only for use in conjunction with Relevance-provided training For permission to use, send email to contact@thinkrelevance.com

More information

CS 350 Internet Applications I Name: Exam II (CSS) October 29, 2013

CS 350 Internet Applications I Name: Exam II (CSS) October 29, 2013 CS 350 Internet Applications I Name: Exam II (CSS) October 29, 2013 Part I. (50%) Multiple Guess Choice. 1. What does CSS stand for? a. Creative Style Sheets b. Computer Style Sheets c. Cascading Style

More information

HTML & CSS Cheat Sheet

HTML & CSS Cheat Sheet 1 HTML & CSS Cheat Sheet Fall 2017 HTML & CSS Cheat Sheet from Typographic Web Design 3 by Laura Franz Web safe fonts vs web fonts You can expect these web safe fonts to work across most platforms and

More information

Web Publishing Intermediate 2

Web Publishing Intermediate 2 Web Publishing Intermediate 2 Building a Three Column Site with divs and float Jeff Pankin Information Services and Technology Table of Contents Course Objectives... 2 The CIG Web Site... 3 Using the Div

More information

First Diploma Unit 10 Client Side Web. Week 4 CSS and Images

First Diploma Unit 10 Client Side Web. Week 4 CSS and Images First Diploma Unit 10 Client Side Web Week 4 CSS and Images Last Session CSS box model Concept of identity - id This Session External style sheets Using CSS in conjunction with images Introduction External

More information

GIMP WEB 2.0 MENUS WEB 2.0 MENUS: HORIZONTAL NAVIGATION BAR CREATING AN HTML LIST

GIMP WEB 2.0 MENUS WEB 2.0 MENUS: HORIZONTAL NAVIGATION BAR CREATING AN HTML LIST GIMP WEB 2.0 MENUS Web 2.0 Menus: Horizontal Navigation Bar WEB 2.0 MENUS: HORIZONTAL NAVIGATION BAR Hover effect: CREATING AN HTML LIST Most horizontal or vertical navigation bars begin with a simple

More information

CSS CSS how to display to solve a problem External Style Sheets CSS files CSS Syntax

CSS CSS how to display to solve a problem External Style Sheets CSS files CSS Syntax CSS CSS stands for Cascading Style Sheets Styles define how to display HTML elements Styles were added to HTML 4.0 to solve a problem External Style Sheets can save a lot of work External Style Sheets

More information

LA TROBE UNIVERSITY SEMESTER ONE EXAMINATION PERIOD CAMPUS AW BE BU MI SH ALLOWABLE MATERIALS

LA TROBE UNIVERSITY SEMESTER ONE EXAMINATION PERIOD CAMPUS AW BE BU MI SH ALLOWABLE MATERIALS LIBRARY USE LA TROBE UNIVERSITY SEMESTER ONE EXAMINATION PERIOD 2013 Student ID: Seat Number: Unit Code: CSE2WD Paper No: 1 Unit Name: Paper Name: Reading Time: Writing Time: Web Development Final 15 minutes

More information

Complimentary material for the book Software Engineering in the Agile World

Complimentary material for the book Software Engineering in the Agile World Complimentary material for the book Software Engineering in the Agile World (ISBN: 978-93-5300-898-7) published by Amazon, USA (ISBN: 978-1976901751) and Flushing Meadows Publishers, India (ISBN: 978-93-5300-898-7)

More information

if(! list.contains(list.collect(params,'key'),'title')){ <div style="font-weight:bold;color:red;">"warning: A title field must be assigned.

if(! list.contains(list.collect(params,'key'),'title')){ <div style=font-weight:bold;color:red;>warning: A title field must be assigned. /** Author: Blake Harms Version 2.9 See: http://developer.mindtouch.com/app_catalog/ Integrated_Bug_and_Issue_Tracker on 2.9 added performance tunning posted by Sego on this blog post: http://forums.developer.mindtouch.com/

More information

Santa Tracker. Release Notes Version 1.0

Santa Tracker. Release Notes Version 1.0 Santa Tracker Release Notes Version 1.0 App Parameters and Styling In your Caspio account, go to the App s Overview screen and on the right sidebar click on Manage in the App Parameters area. Edit any

More information

Lab 1: Introducing HTML5 and CSS3

Lab 1: Introducing HTML5 and CSS3 CS220 Human- Computer Interaction Spring 2015 Lab 1: Introducing HTML5 and CSS3 In this lab we will cover some basic HTML5 and CSS, as well as ways to make your web app look and feel like a native app.

More information

Signs of Spring App. Release Notes Version 1.0

Signs of Spring App. Release Notes Version 1.0 Signs of Spring App Release Notes Version 1.0 App Parameters and Styling In your Caspio account, go to the App s Overview screen. On the right sidebar, click on Manage in the App Parameters area. Edit

More information

JavaScript (5A) JavaScript

JavaScript (5A) JavaScript JavaScript (5A) JavaScript Copyright (c) 2012 Young W. Lim. Permission is granted to copy, distribute and/or modify this document under the terms of the GNU Free Documentation License, Version 1.2 or any

More information

What are all these divs? Some empty? No use of CSS Cascade (text-decoration) Duplicated properties (padding in navitem) Unreadable Messy

What are all these divs? Some empty? No use of CSS Cascade (text-decoration) Duplicated properties (padding in navitem) Unreadable Messy Site Redesign Building a site using semantic XHTML and CSS Analysis of existing markup Internal style sheet Poor names (not meaningful) Terribly poor CSS Style in with content Poor names Poor layout Messy

More information

Author - Ashfaque Ahmed

Author - Ashfaque Ahmed Complimentary material for the book Software Engineering in the Agile World (ISBN: 978-1983801570) published by Create Space Independent Publishing Platform, USA Author - Ashfaque Ahmed Technical support

More information

Date Issued: Subject: Editing the HTML files in the C-more panel. Revision: Original

Date Issued: Subject: Editing the HTML files in the C-more panel. Revision: Original APPLICATION NOTE THIS INFORMATION PROVIDED BY AUTOMATIONDIRECT.COM TECHNICAL SUPPORT These documents are provided by our technical support department to assist others. We do not guarantee that the data

More information

CSS Cascading Style Sheets

CSS Cascading Style Sheets CSS Cascading Style Sheets site root index.html about.html services.html stylesheet.css images boris.jpg Types of CSS External Internal Inline External CSS An external style sheet is a text document with

More information

Stamp Builder. Documentation. v1.0.0

Stamp  Builder. Documentation.   v1.0.0 Stamp Email Builder Documentation http://getemailbuilder.com v1.0.0 THANK YOU FOR PURCHASING OUR EMAIL EDITOR! This documentation covers all main features of the STAMP Self-hosted email editor. If you

More information

Chapter 5: The Box Model, Links, Lists and Tables

Chapter 5: The Box Model, Links, Lists and Tables Chapter 5: The Box Model, Links, Lists and Tables Learning Outcomes: Be able to manipulate the appearance of HTML hyperlinks, lists and tables using CSS Identify the features of the CSS box model and how

More information

Rootrainer Trees, ideal for bonsai

Rootrainer Trees, ideal for bonsai 1 h1 { 2 font-family: Arial, Helvetica, sans-serif; 3 font-size: 36pt; 4 font-weight: bold; 5 color: #000066; 6 text-align: center; 7 } 8 h2 { 9 font-family: "Times New Roman", Times, serif; 10 font-size:

More information

Creating and Installing Custom Plesk for Windows Skins

Creating and Installing Custom Plesk for Windows Skins SWsoft, Inc. Creating and Installing Custom Plesk for Windows Skins Plesk 7.5 for Windows Revision 1.0 (c) 1999-2005 SWsoft, Inc. 13755 Sunrise Valley Drive Suite 325 Herndon VA 20171 USA Phone: +1 (703)

More information

1.2 * allow custom user list to be passed in * publish changes to a channel

1.2 * allow custom user list to be passed in * publish changes to a channel ToDoList /*** USAGE: ToDoList() Embed a TODO-list into a page. The TODO list allows users to cre Items that are due are highlighted in yellow, items passed due ar list can be added to any page. The information

More information

UNIVERSITY OF TORONTO Faculty of Arts and Science APRIL 2016 EXAMINATIONS. CSC309H1 S Programming on the Web Instructor: Ahmed Shah Mashiyat

UNIVERSITY OF TORONTO Faculty of Arts and Science APRIL 2016 EXAMINATIONS. CSC309H1 S Programming on the Web Instructor: Ahmed Shah Mashiyat UNIVERSITY OF TORONTO Faculty of Arts and Science APRIL 2016 EXAMINATIONS CSC309H1 S Programming on the Web Instructor: Ahmed Shah Mashiyat Duration - 2 hours Aid Sheet: Both side of one 8.5 x 11" sheet

More information

Universal CSS Navigation Menu: Advanced Styling Patrick Julicher Universal CSS Navigation Menu: Advanced Styling

Universal CSS Navigation Menu: Advanced Styling Patrick Julicher Universal CSS Navigation Menu: Advanced Styling Universal CSS Navigation Menu: Advanced Styling Page 1 of 15 Content 1. Introduction... 3 2. How to use... 3 2.1. Editing existing CSS Styles... 3 2.2. Creating new CSS Styles... 6 3. Explanation of styles...

More information

By: M. Qasim Nadeem. Menus. Top navigation IE only. <html> <head> <style> span. border:groove 2px; padding:3px; font-family:arial; font-size:12px;

By: M. Qasim Nadeem. Menus. Top navigation IE only. <html> <head> <style> span. border:groove 2px; padding:3px; font-family:arial; font-size:12px; Menus Top navigation IE only span border:groove 2px; padding:3px; font-family:arial; font-size:12px; width:100px; height:70px; background-color:#c0c0c0; position:relative; top:-80px;

More information

ToDoList. 1.2 * allow custom user list to be passed in * publish changes to a channel ***/

ToDoList. 1.2 * allow custom user list to be passed in * publish changes to a channel ***/ /*** USAGE: ToDoList() Embed a TODO-list into a page. The TODO list allows users to create new items, assign them to other users, and set deadlines. Items that are due are highlighted in yellow, items

More information

Exam Format: Multiple Choice, True/False, Short Answer (3 points each 75 points total) Write-the-page (25 points)

Exam Format: Multiple Choice, True/False, Short Answer (3 points each 75 points total) Write-the-page (25 points) CS-101 Fall 2008 Section 4 Practice Final v1.0m Name: Exam Format: Multiple Choice, True/False, Short Answer (3 points each 75 points total) Write-the-page (25 points) XHTML/CSS Reference: Entities: Copyright

More information

By the end of this chapter, you will have a very basic, but fully functional blogging system.

By the end of this chapter, you will have a very basic, but fully functional blogging system. C H A P T E R 5 Building the Entry Manager At this point, you know enough to start building your blog! In this chapter, I ll walk you through how to build the backbone of your blogging application. The

More information

INTERNATIONAL UNIVERSITY OF JAPAN Public Management and Policy Analysis Program Graduate School of International Relations

INTERNATIONAL UNIVERSITY OF JAPAN Public Management and Policy Analysis Program Graduate School of International Relations Hun Myoung Park (1/26/2019) Cascading Style Sheets: 1 INTERNATIONAL UNIVERSITY OF JAPAN Public Management and Policy Analysis Program Graduate School of International Relations ADC5030401 (2 Credits) Introduction

More information

2004 WebGUI Users Conference

2004 WebGUI Users Conference WebGUI Site Design 2004 WebGUI Users Conference General Rules of Web Design Content is King good content is more important than anything else. keeps people interested. even if your design is bad, content

More information

Module Contact: Dr Graeme Richards, CMP. Copyright of the University of East Anglia Version 1

Module Contact: Dr Graeme Richards, CMP. Copyright of the University of East Anglia Version 1 UNIVERSITY OF EAST ANGLIA School of Computing Sciences Main Series UG Examination 2015/16 WEB BASED PROGRAMMING CMP-4011A Time allowed: 2 hours Answer BOTH questions in Section A and TWO questions from

More information

CSS Weebly! td{ padding:20px}

CSS Weebly! td{ padding:20px} CSS Weebly body{ background:black; margin-top:2%; margin-bottom:2%; margin-left:3%; margin-right:3%; border:1px solid grey; padding:10px; color:silver; line-height:150%; font-size:16px; text-decoration:none;

More information

SK Telecom. Platform NATE WAP

SK Telecom. Platform NATE WAP SK Telecom Platform NATE WAP SK TELECOM NATE WAP This Document is copyrighted by SK Telecom and may not be reproduced without permission SK Building, SeRinDong-99, JoongRoGu, 110-110, Seoul, Korea SK Telecom

More information

GIMP WEB 2.0 MENUS. Web 2.0 Menus: Horizontal Navigation Bar with Dynamic Background Image

GIMP WEB 2.0 MENUS. Web 2.0 Menus: Horizontal Navigation Bar with Dynamic Background Image GIMP WEB 2.0 MENUS Web 2.0 Menus: Horizontal Navigation Bar with Dynamic Background Image WEB 2.0 MENUS: HORIZONTAL NAVIGATION BAR DYNAMIC BACKGROUND IMAGE Before you begin this tutorial, you will need

More information

Implementing a chat button on TECHNICAL PAPER

Implementing a chat button on TECHNICAL PAPER Implementing a chat button on TECHNICAL PAPER Contents 1 Adding a Live Guide chat button to your Facebook page... 3 1.1 Make the chat button code accessible from your web server... 3 1.2 Create a Facebook

More information

Groupings and Selectors

Groupings and Selectors Groupings and Selectors Steps to Success Using the headings.html web page you created in steps, we'll discuss the type selector and grouping. We'll look at how we can utilize grouping efficiently within

More information

src1-malan/ajax/ajax1.html ajax1.html Gets stock quote from quote1.php via Ajax, displaying result with alert().

src1-malan/ajax/ajax1.html ajax1.html Gets stock quote from quote1.php via Ajax, displaying result with alert(). src1-malan/ajax/ajaxhtml 1 1 1 1 1 2 2 2 2 2 2 2 2 30. 3 3 3 3 3 3 3 3 3 40. 4 4 4 4 4 4 4 4 ajaxhtml Gets stock quote from quotephp via Ajax, displaying result with alert(). Building Mobile Applications

More information

Unit 10 - Client Side Customisation of Web Pages. Week 5 Lesson 1 CSS - Selectors

Unit 10 - Client Side Customisation of Web Pages. Week 5 Lesson 1 CSS - Selectors Unit 10 - Client Side Customisation of Web Pages Week 5 Lesson 1 CSS - Selectors Last Time CSS box model Concept of identity - id Objectives Selectors the short story (or maybe not) Web page make-over!

More information

CSS: Layout Part 2. clear. CSS for layout and formatting: clear

CSS: Layout Part 2. clear. CSS for layout and formatting: clear CSS: Layout Part 2 Robert A. Fulkerson College of Information Science and Technology http://www.ist.unomaha.edu/ University of Nebraska at Omaha http://www.unomaha.edu/ CSS for layout and formatting: clear

More information

8 Basic Skinning. Introduction. In this chapter we will cover the following topics:

8 Basic Skinning. Introduction. In this chapter we will cover the following topics: 8 Basic Skinning In this chapter we will cover the following topics: Downloading and installing a skin Creating a simple HTML skin Creating a simple ASCX skin Deploying your skins and containers Exploring

More information

Paper Phil Mason, Wood Street Consultants

Paper Phil Mason, Wood Street Consultants ABSTRACT Paper 1711-2018 My Top 10 ways to use SAS Stored Processes Phil Mason, Wood Street Consultants SAS Stored Processes are a powerful facility within SAS. Having recently written a book about SAS

More information

<style type="text/css"> <!-- body {font-family: Verdana, Arial, sans-serif} ***set font family for entire Web page***

<style type=text/css> <!-- body {font-family: Verdana, Arial, sans-serif} ***set font family for entire Web page*** Chapter 7 Using Advanced Cascading Style Sheets HTML is limited in its ability to define the appearance, or style, across one or mare Web pages. We use Cascading style sheets to accomplish this. Remember

More information

Lesson 1 HTML Basics. The Creative Computer Lab. creativecomputerlab.com

Lesson 1 HTML Basics. The Creative Computer Lab. creativecomputerlab.com Lesson 1 HTML Basics The Creative Computer Lab creativecomputerlab.com What we are going to do today Become familiar with web development tools Build our own web page from scratch! Learn where to find

More information

HTML & CSS for Library Professionals

HTML & CSS for Library Professionals These slides are online at http://bit.ly/html_lib_slides HTML & CSS for Library Professionals Robin Camille Davis Emerging Technologies & Online Learning Librarian, John Jay College of Criminal Justice

More information

RUNNING TRUST FROM YOUR WEBSITE

RUNNING TRUST FROM YOUR WEBSITE RUNNING TRUST FROM YOUR WEBSITE INTRODUCTION TRUST is a powerful web-based application that gives organizations the ability to assess the needs of their clients in a variety of service areas. As soon as

More information

Basic CSS Lecture 17

Basic CSS Lecture 17 Basic CSS Lecture 17 Robb T. Koether Hampden-Sydney College Wed, Feb 21, 2018 Robb T. Koether (Hampden-Sydney College) Basic CSSLecture 17 Wed, Feb 21, 2018 1 / 22 1 CSS 2 Background Styles 3 Text Styles

More information

CSS worksheet. JMC 105 Drake University

CSS worksheet. JMC 105 Drake University CSS worksheet JMC 105 Drake University 1. Download the css-site.zip file from the class blog and expand the files. You ll notice that you have an images folder with three images inside and an index.html

More information

12/9/2012. CSS Layout

12/9/2012. CSS Layout Dynamic HTML CSS Layout CSS Layout This lecture aims to teach you the following subjects: CSS Grouping and nesting Selectors. CSS Dimension. CSS Display.. CSS Floating. CSS Align. 1 CSS Grouping and nesting

More information

"utf-8";

utf-8; http://salsa-copacabana.com/css/import.css @charset "Shift_JIS"; /* ------------------------------------------ File name: import.css Style Info: CSS screen Windwos IE4 ------------------------------------------

More information

c360 Web Connect Configuration Guide Microsoft Dynamics CRM 2011 compatible c360 Solutions, Inc. c360 Solutions

c360 Web Connect Configuration Guide Microsoft Dynamics CRM 2011 compatible c360 Solutions, Inc.   c360 Solutions c360 Web Connect Configuration Guide Microsoft Dynamics CRM 2011 compatible c360 Solutions, Inc. www.c360.com c360 Solutions Contents Overview... 3 Web Connect Configuration... 4 Implementing Web Connect...

More information

blink.html 1/1 lectures/6/src/ form.html 1/1 lectures/6/src/

blink.html 1/1 lectures/6/src/ form.html 1/1 lectures/6/src/ blink.html 1/1 3: blink.html 5: David J. Malan Computer Science E-75 7: Harvard Extension School 8: 9: --> 11:

More information

Exam II CIS 228: The Internet Prof. St. John Lehman College City University of New York 5 November 2009

Exam II CIS 228: The Internet Prof. St. John Lehman College City University of New York 5 November 2009 Exam II CIS 228: The Internet Prof. St. John Lehman College City University of New York 5 November 2009 NAME (Printed) NAME (Signed) E-mail Exam Rules Show all your work. Your grade will be based on the

More information

IBM Bluemix Node-RED Watson Starter

IBM Bluemix Node-RED Watson Starter IBM Bluemix Node-RED Watson Starter Cognitive Solutions Application Development IBM Global Business Partners Duration: 45 minutes Updated: Feb 14, 2018 Klaus-Peter Schlotter kps@de.ibm.com Version 1 Overview

More information

An Introduction to WebSphere Portal content publishing channels

An Introduction to WebSphere Portal content publishing channels An Introduction to WebSphere Portal content publishing channels By Gregory Melahn Software Engineer, IBM Corp. May 2003 Abstract WebSphere Portal content publishing (WPCP) allows you to import news stories

More information

Denes Kubicek. Oracle ACE APEX Developer of the Year 2008

Denes Kubicek. Oracle ACE APEX Developer of the Year 2008 Denes Kubicek Oracle ACE APEX Developer of the Year 2008 Blog & Tools at: http://www.deneskubicek.blogspot.com/ http://apex.oracle.com/pls/otn/f?p=31517:1 http://www.opal-consulting.de Create Web 2.0 Applications

More information

Unveiling the Basics of CSS and how it relates to the DataFlex Web Framework

Unveiling the Basics of CSS and how it relates to the DataFlex Web Framework Unveiling the Basics of CSS and how it relates to the DataFlex Web Framework Presented by Roel Fermont 1 Today more than ever, Cascading Style Sheets (CSS) have a dominant place in online business. CSS

More information

Cambridge International Examinations Cambridge International General Certificate of Secondary Education. Published

Cambridge International Examinations Cambridge International General Certificate of Secondary Education. Published Cambridge International Examinations Cambridge International General Certificate of Secondary Education INFORMATION AND COMMUNICATION TECHNOLOGY 047/3 Paper 3 Practical Test B MARK SCHEME Maximum Mark:

More information

Chapter 6 CSS Layout and Animation

Chapter 6 CSS Layout and Animation Sungkyunkwan University Chapter 6 CSS Layout and Animation Prepared by Y. Kim and H. Choo Web Programming Copyright 2000-2018 Networking Networking Laboratory Laboratory 1/87 Copyright 2000-2012 Networking

More information

Lab Introduction to Cascading Style Sheets

Lab Introduction to Cascading Style Sheets Lab Introduction to Cascading Style Sheets For this laboratory you will need a basic text editor and a browser. In the labs, winedt or Notepad++ is recommended along with Firefox/Chrome For this activity,

More information

HTTP and HTML. We will use HTML as a frontend to our webapplications, therefore a basic knowledge of HTML is required, especially in forms.

HTTP and HTML. We will use HTML as a frontend to our webapplications, therefore a basic knowledge of HTML is required, especially in forms. HTTP and HTML We will use HTML as a frontend to our webapplications, therefore a basic knowledge of HTML is required, especially in forms. HTTP and HTML 28 January 2008 1 When the browser and the server

More information

HTML & CSS. Lesson 1: HTML Basics Lesson 2: Adding Tables Lesson 3: Intro to CSS Lesson 4: CSS in more detail Lesson 5: Review

HTML & CSS. Lesson 1: HTML Basics Lesson 2: Adding Tables Lesson 3: Intro to CSS Lesson 4: CSS in more detail Lesson 5: Review HTML & CSS Lesson 1: HTML Basics Lesson 2: Adding Tables Lesson 3: Intro to CSS Lesson 4: CSS in more detail Lesson 5: Review Lesson 1: HTML Basics 1. Write main tile HTML & CSS 2. Write today s date Match

More information

INTERNATIONAL UNIVERSITY OF JAPAN Public Management and Policy Analysis Program Graduate School of International Relations

INTERNATIONAL UNIVERSITY OF JAPAN Public Management and Policy Analysis Program Graduate School of International Relations Hun Myoung Park (2/2/2018) Layout & Position: 1 INTERNATIONAL UNIVERSITY OF JAPAN Public Management and Policy Analysis Program Graduate School of International Relations DCC5382 (2 Credits) Introduction

More information

CSS Scripting and Computer Environment - Lecture 09

CSS Scripting and Computer Environment - Lecture 09 CSS Scripting and Computer Environment - Lecture 09 Saurabh Barjatiya International Institute Of Information Technology, Hyderabad 1 st October, 2011 Contents 1 CSS stands for Cascading Style Sheets Styles

More information

In the early days of the Web, designers just had the original 91 HTML tags to work with.

In the early days of the Web, designers just had the original 91 HTML tags to work with. Web Design Lesson 4 Cascading Style Sheets In the early days of the Web, designers just had the original 91 HTML tags to work with. Using HTML, they could make headings, paragraphs, and basic text formatting,

More information

CS134 Web Site Design & Development. Quiz1

CS134 Web Site Design & Development. Quiz1 CS134 Web Site Design & Development Quiz1 Name: Score: Email: I Multiple Choice Questions (2 points each, total 20 points) 1. Which of the following is an example of an IP address? a. www.whitehouse.gov

More information