Skip to content

C
cs251_group24
Commit 1683381a authored by GUTTA SAITEJA's avatar GUTTA SAITEJA
Browse files
Options

lab02_group24_outlab

parent 92f8905f
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 3087 additions and 0 deletions
lab02_group24_outlab/HtmlPage.html 0 → 100644
View file @ 1683381a
<!DOCTYPE html>
<html lang="en">
<head>
<title>cruisers</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
/*<link rel="stylesheet" href="StyleSheet.css" />*/
</head>
<body>
<div class="container text-center" >
<br>
<div class="row">
<div class="col-sm-4" >
<p class="text-center"><strong>Aahwan</strong></p><br>
<a href="aahwanhome.html" data-toggle="collapse">
<img src="img1.jpg" alt="Random Name">
</a>
</div>
<div class="col-sm-4">
<p class="text-center"><strong>Sai Teja</strong></p><br>
<a href="saitejahome.html" data-toggle="collapse">
<img src="img2.jpg" alt="Random Name">
</a>
</div>
<div class="col-sm-4">
<p class="text-center"><strong>Rathod</strong></p><br>
<a href="rathodhome.html" data-toggle="collapse">
<img src="rathod.jpg" alt="Random Name">
</a>
</div>
</div>
</div>
<nav class="navbar navbar-default navbar-fixed-top text-center">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">TEAM CRUISERS</a>
</div>
</div>
</nav>
</body>
</html>
\ No newline at end of file
lab02_group24_outlab/HtmlPage2.html 0 → 100644
View file @ 1683381a
<!DOCTYPE html>
<html>
<head>
<style>
input[type=text], select {
width: 100%;
padding: 12px 20px;
margin: 8px 0;
display: inline-block;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
}
input[type=submit] {
width: 100%;
background-color: #4CAF50;
color: white;
padding: 14px 20px;
margin: 8px 0;
border: none;
border-radius: 4px;
cursor: pointer;
}
input[type=email], select {
width: 100%;
padding: 12px 20px;
margin: 8px 0;
display: inline-block;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
}
input[type=password], select {
width: 100%;
padding: 12px 20px;
margin: 8px 0;
display: inline-block;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
}
button[type=submit]:hover {
background-color: #45a049;
}
div {
border-radius: 5px;
background-color: #f2f2f2;
padding: 20px;
}
</style>
<script>
textc=false;
passc=false;
emailc=false;
function subc(){
if(textc && passc && emailc){
document.getElementById("submit1").disabled=false;
}
}
function checktext(){
var x=document.getElementById("user").value;
y=x.length;
if(y<6){
textc=false;
document.getElementById("user1").innerHTML="Input length less than 6";
return;
}
if(y>50){
textc=false;
document.getElementById("user1").innerHTML="Input length greater than 50";
return;
}
document.getElementById("user1").innerHTML="";
textc=true;
subc();
}
function checkpass(){
var x=document.getElementById("pswd").value;
y=x.length;
b=true;
if(y<8){
passc=false;
document.getElementById("pswd1").innerHTML="Username length less than 8";
return;
}
if(y>20){
passc=false;
document.getElementById("pswd1").innerHTML="Username length more than 20";
return;
}
for(i=0;i<y;i++){
if((x.charAt(i))=='$' || (x.charAt(i))=='!' || (x.charAt(i))=='@' || (x.charAt(i))=='_'){
b=false;
}
}
if(b){ document.getElementById("pswd1").innerHTML="No special character";
passc=false;
return;
}
else{ document.getElementById("pswd1").innerHTML="";}
passc=true;
subc();
return;
}
function checkemail(){
var x=document.getElementById("emil").value;
y=x.length;
bo=true;
bt=true;
bi=true;
i=0;
j=0;
l=0;
while(((x.charAt(i))!='@') && x.charAt(i)!=""){
i++;
}
if(x.charAt(i)==""){
emailc=false;
document.getElementById("emil1").innerHTML="no @";
return;
}
var z=x.slice(i+1);
var a=x.slice(0,i);
b=a.length;
if(b<=2){
emailc=false;
document.getElementById("emil1").innerHTML="domain part has less than 3 inputs";
return;
}
for(i=0;i<b;i++){
if((('A'<=(a.charAt(i)) && (a.charAt(i))<='Z')) || (('a'<=(a.charAt(i)) && (a.charAt(i))<='z')) || (('0'<=(a.charAt(i)) && (a.charAt(i))<='9')) || a.charAt(i)=="." || a.charAt(i)=="," || a.charAt(i)=="_"){
bo=bo && true;
}
else{
bo=false;
}
}
if(!bo){
emailc=false;
document.getElementById("emil1").innerHTML="invalid localpart";
}
c=z.length;
for(i=0;i<c;i++){
if(('A'<=(z.charAt(i)) && (z.charAt(i))<='Z') || ('a'<(z.charAt(i)) && (z.charAt(i))<'z') || z.charAt(i)=="."){
bt=bt && true;
}
else{
bt=false;
}
if(z.charAt(i)=='.'){
bi=true;
if(i<3){
bi=false;
}
}
}
if(!(bt || bi)){
emailc=false;
document.getElementById("emil1").innerHTML="invalid domainpart 1";
return;
}
while(j<c){
l=j;
while(z.charAt(j)!='.' && z.charAt(j)!=""){
j=j+1;
}
if(z.charAt(j)==""){
emailc=true;
subc();
return;
}
else if(j-l<3){
emailc=false;
document.getElementById("emil1").innerHTML="invalid";
return;
}
j++;
}
emailc=true;
return;
}
function escapeHtml(string) {
var map = {
'&': '&amp;',
'<': '&lt;',
'>': '&gt;',
'"': '&quot;',
"'": '&#039;'
};
return string.replace(/[&<>"']/g, function(m) { return map[m]; });
}
function encode(){
x=document.getElementById("user").value;
y=document.getElementById("pswd").value;
z=document.getElementById("emil").value;
x=escapeHtml(x);
y=escapeHtml(y);
z=escapeHtml(z);
}
</script>
</head>
<body>
<h3> HTML Form</h3>
<div>
<form class="text" onsubmit="encode()" method="post" action="https://www.cse.iitb.ac.in/~sharat/php/example/form.php">
<label for="Username">Username</label>
<input type="text" placeholder="Username" name="text" onblur="checktext()" id="user"><br />
<p id="user1">
</p>
<label for="password">Password</label>
<input type="password" id="password" name="password">
<p id="pswd1">
</p>
<label for="email">Email ID</label>
<input type="email" id="email" name="lastname">
<p id="emil1">
</p>
<div id="button">
<button type="submit" disabled="true" id="submit1" value="submit">SUBMIT</button>
</div>
<p id="demo">
</p>
</form>
</div>
</body>
</html>
lab02_group24_outlab/StyleSheet.css 0 → 100644
View file @ 1683381a

.container {
padding: 80px 120px;
}
/* Add a dark background color with a little bit see-through */
.navbar {
margin-bottom: 0;
background-color: #2d2d30;
border: 0;
font-size: 11px !important;
letter-spacing: 4px;
opacity:0.9;
}
/* Add a gray color to all navbar links */
.navbar li a, .navbar .navbar-brand {
color: #d5d5d5 !important;
}
/* On hover, the links will turn white */
.navbar-nav li a:hover {
color: #fff !important;
}
/* The active link */
.navbar-nav li.active a {
color: #fff !important;
background-color:#29292c !important;
}
/* Remove border color from the collapsible button */
.navbar-default .navbar-toggle {
border-color: transparent;
}
/* Dropdown */
.open .dropdown-toggle {
color: #fff ;
background-color: #555 !important;
}
/* Dropdown links */
.dropdown-menu li a {
color: #000 !important;
}
/* On hover, the dropdown links will turn red */
.dropdown-menu li a:hover {
background-color: red !important;
}
#waste {
font-size:50px;
}
lab02_group24_outlab/aahwanhome.html 0 → 100644
View file @ 1683381a
<!DOCTYPE html>
<html lang="en">
<head>
<title>cruisers</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
/*
<link rel="stylesheet" href="StyleSheet.css" />*/
</head>
<body>
<div class="container text-center">
<br>
<div class="row">
<div class="col-sm-4">
<p class="text-center"><strong>Aahwan</strong></p><br>
<a href="aahwanhome.html" data-toggle="collapse">
<img src="img1.jpg" alt="Random Name">
</a>
</div>
<div class="col-sm-4">
<p class="text-center"><strong>Sai Teja</strong></p><br>
<a href="saitejahome.html" data-toggle="collapse">
<img src="img2.jpg" alt="Random Name">
</a>
</div>
<div class="col-sm-4">
<p class="text-center"><strong>Rathod</strong></p><br>
<a href="rathodhome.html" data-toggle="collapse">
<img src="rathod.jpg" alt="Random Name">
</a>
</div>
</div>
<div class="page-header">
<h1> This is Aahwan <small>and this is my </small>TEAM CRUISERS</h1>
</div>
</div>
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">TEAM CRUISERS</a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav navbar-right">
<li><a href="HtmlPage.html">HOME</a></li>
<li><a href="aboutme_aahwan.html">AboutMe</a></li>
<li><a href="interest_aahwan.html">INTERESTS</a></li>
<li><a href="timetable_aahwan.html">TIMETABLE</a></li>
<li><a href="contact1.html">CONTACT</a></li>
</ul>
</div>
</div>
</nav>
</body>
</html>
\ No newline at end of file
lab02_group24_outlab/aboutme_aahwan.html 0 → 100644
View file @ 1683381a
<!DOCTYPE html>
<html>
<head>
<title>cruisers</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
/*
<link rel="stylesheet" href="StyleSheet.css" />*/
</head>
<body>
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">TEAM CRUISERS</a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav navbar-right">
<li><a href="HtmlPage.html">HOME</a></li>
<li><a href="aboutme_aahwan.html">AboutMe</a></li>
<li><a href="interest_aahwan.html">INTERESTS</a></li>
<li><a href="timetable_aahwan.html">TIMETABLE</a></li>
<li><a href="contact1.html">CONTACT</a></li>
</ul>
</div>
</div>
</nav>
<div align="center">
<br />
<br />
<br />
<br />
<iframe width="500" height="415" src="https://www.youtube.com/embed/UF8uR6Z6KLc" frameborder="0" allowfullscreen></iframe>
</div>
<div align="center">
<h1>My inspirational video</h1>
<p class="waste"></p>
</div>
<div class="container">
<h1>Hiii.....</h1>
<blockquote class="blockquote-reverse">
<p>I am from Hyderabad</p>
<p>I am Big fan of ApPLE</p>
<p>I like hanging out with friends </p>
<p>Right now, i am pursing Computer Science and engineering in IIT Bombay</p>
<footer>Aahwan</footer>
</blockquote>
</div>
</body>
</html>
lab02_group24_outlab/aboutme_rathod.html 0 → 100644
View file @ 1683381a
<!DOCTYPE html>
<html>
<head>
<title>cruisers</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
/*<link rel="stylesheet" href="StyleSheet.css" />*/
</head>
<body>
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">TEAM CRUISERS</a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav navbar-right">
<li><a href="HtmlPage.html">HOME</a></li>
<li><a href="aboutme_rathod.html">AboutMe</a></li>
<li><a href="interest_rathod.html">INTERESTS</a></li>
<li><a href="timetable.html">TIMETABLE</a></li>
<li><a href="contact.html">CONTACT</a></li>
</ul>
</div>
</div>
</nav>
<div align="center">
<br />
<br />
<br />
<br />
<iframe width="500" height="415" src="https://www.youtube.com/embed/D6Rceis_UmE" frameborder="0" allowfullscreen></iframe>
</div>
<div align="center">
<h1>My inspirational video</h1>
<p class="waste"></p>
</div>
<div class="container">
<h1>Hiii.....</h1>
<blockquote class="blockquote-reverse">
<p>I was born on 14, may in Adilabad,Telangana.</p>
<p>i have done my schooling in Adilabad upto 10th std</p>
<p>completed my higher schooling(upto 12th std) in Hyderabad</p>
<p>Right now, i am pursing Computer Science and engineering in IIT Bombay</p>
<footer>D Rathod</footer>
</blockquote>
</div>
</body>
</html>
lab02_group24_outlab/aboutme_saiteja.html 0 → 100644
View file @ 1683381a
<!DOCTYPE html>
<html>
<head>
<title>cruisers</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
/*
<link rel="stylesheet" href="StyleSheet.css" />*/
</head>
<body>
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">TEAM CRUISERS</a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav navbar-right">
<li><a href="HtmlPage.html">HOME</a></li>
<li><a href="aboutme_saiteja.html">AboutMe</a></li>
<li><a href="interest_saiteja.html">INTERESTS</a></li>
<li><a href="timetable_saiteja.html">TIMETABLE</a></li>
<li><a href="contact2.html">CONTACT</a></li>
</ul>
</div>
</div>
</nav>
<div align="center">
<br />
<br />
<br />
<br />
<iframe width="500" height="415" src="https://www.youtube.com/embed/mh45igK4Esw" frameborder="0" allowfullscreen></iframe>
</div>
<div align="center">
<h1>My inspirational video</h1>
<p class="waste"></p>
</div>
<div class="container">
<h1>Hiii.....</h1>
<blockquote class="blockquote-reverse">
<p>I am from Hyderabad</p>
<p>I am a Big fan of Elon Musk</p>
<p>completed my higher schooling(upto 12th std) in Hyderabad</p>
<p>Right now, i am pursing Computer Science and engineering in IIT Bombay</p>
<footer>Sai Teja</footer>
</blockquote>
</div>
</body>
</html>
lab02_group24_outlab/accordion.html 0 → 100644
View file @ 1683381a
<!DOCTYPE html>
<html>
<head>
<script>
function changeclass1(){
var x=document.getElementById("pika").className;
if(x=="disp"){
document.getElementById("pika").className="show";
}
else{
document.getElementById("pika").className="disp";
}
document.getElementById("abra").className="disp";
document.getElementById("char").className="disp";
document.getElementById("bulb").className="disp";
}
function changeclass2(){
var x=document.getElementById("abra").className;
if(x=="disp"){
document.getElementById("abra").className="show";
}
else{
document.getElementById("abra").className="disp";
}
document.getElementById("pika").className="disp";
document.getElementById("char").className="disp";
document.getElementById("bulb").className="disp";
}
function changeclass3(){
var x=document.getElementById("char").className;
if(x=="disp"){
document.getElementById("char").className="show";
}
else{
document.getElementById("char").className="disp";
}
document.getElementById("pika").className="disp";
document.getElementById("abra").className="disp";
document.getElementById("bulb").className="disp";
}
function changeclass4(){
var x=document.getElementById("bulb").className;
if(x=="disp"){
document.getElementById("bulb").className="show";
}
else{
document.getElementById("bulb").className="disp";
}
document.getElementById("pika").className="disp";
document.getElementById("abra").className="disp";
document.getElementById("char").className="disp";
}
</script>
<style>
.accordion {
background-color: blue;
color: red;
padding: 20px;
width: 100%;
text-align: center;
font-size: 20px;
transition: 0.4s;
}
.accordion:hover {
background-color: lightgrey;
}
.disp{
display: none;
}
.show{
font-family: cursive;
font-size: 20px;
text-align: center;
background-color: lightgray;
}
</style>
<title>
</title>
</head>
<body>
<div>
<button class="accordion" onclick="changeclass1()">PIKACHU</button>
</div>
<div class="disp" id="pika">
<p>
TYPE : ELECTRIC<br/>
FINAL EVOLUTION : RAICHU<br/>
ATTACKS :Pikachu's special ability is Static, which can cause paralysis in battle if hit by a physical move. In Pokmon Black and White's Dream World, the Trainer receives a Pikachu with the Lightningrod ability.
Pikachu are capable of learning Volt Tackle, a powerful Electric-type physical move exclusive to the Pikachu family of Pokmon.
</p>
</div >
<button class="accordion" onclick="changeclass2()">ABRA</button>
<div class="disp" id="abra">
<p>
TYPE : PSYCHIC<br/>
FINAL EVOLUTION : ALAKAZAM<br/>
ATTACKS :Abra can have the abilities Synchronize and Inner Focus. Inner Focus prevents Abra from flinching. Synchronize allows Abra to give a status condition back to the opponent if Abra gets a status condition. It has been known to sleep 18 hours a day, as it needs its rest for its telekinetic abilities. Abra also can teleport away from danger by the means of using the move Teleport. It can even perform this technique while asleep.
</p>
</div>
<button class="accordion" onclick="changeclass3()">CHARMANDER</button>
<div class="disp" id="char">
<p>
TYPE : FIRE<br/>
FINAL EVOLUTION : CHARIZARD<br/>
ATTACKS :As a natural ability, Charmander can produce flames inside of itself and project them from its mouth, meaning that it can breathe fire. The power of its flame attacks can be gauged by the size of the flame on its tail.
</p>
</div>
<button class="accordion" onclick="changeclass4()">PIKACHU</button>
<div class="disp" id="bulb">
<p>
TYPE : GRASS/POISON<br/>
FINAL EVOLUTION : VENUSAUR<br/>
ATTACKS : Grass types have both good and bad points. While they have key resistances to Water, Ground, and Electric, they are tied with Rock in having the most weaknesses out of all types with five; however, only Ice, Fire, and Flying are commonly used offensively. Additionally, most Grass types have well-balanced defensive stats, and two of their weaknesses have poor offensive stats on average. On the other hand, many Grass types also have double weaknesses, with some of them having even two of them.
a particular asset of Grass types is being the only type that is immune to Leech Seed. As of Generation VI, Grass-type Pokmon are also immune to Powder and spore moves, such as Sleep Powder and Spore, as well as Effect Spore. As these moves are mostly learned by Grass types, this enables them to provide support to the rest of their team and can make them difficult to defeat. Because of this, they are good at defending against other Grass types.
</p>
</div>
</body>
</html>
\ No newline at end of file
lab02_group24_outlab/as.html 0 → 100644
View file @ 1683381a
<!DOCTYPE HTML>
<html>
<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
.text{
font-family: Lobster;
color: blue;
background-color: aliceblue;
font-size: 20px;
}
#Heading{
text-align: center;
font-family: cursive;
color: blue;
}
#Submission{
text-align: center;
padding: 10px;
background-color: aliceblue;
margin-bottom: 20px;
}
#button{
text-align: center;
}
</style>
<head>
<title>FORM</title>
<script>
textc=false;
passc=false;
emailc=false;
function subc(){
if(textc && passc && emailc){
document.getElementById("submit1").disabled=false;
}
}
function checktext(){
var x=document.getElementById("user").value;
y=x.length;
if(y<6){
textc=false;
document.getElementById("user1").innerHTML="Input length less than 6";
return;
}
if(y>50){
textc=false;
document.getElementById("user1").innerHTML="Input length greater than 50";
return;
}
document.getElementById("user1").innerHTML="";
textc=true;
subc();
}
function checkpass(){
var x=document.getElementById("pswd").value;
y=x.length;
b=true;
if(y<8){
passc=false;
document.getElementById("pswd1").innerHTML="Username length less than 8";
return;
}
if(y>20){
passc=false;
document.getElementById("pswd1").innerHTML="Username length more than 20";
return;
}
for(i=0;i<y;i++){
if((x.charAt(i))=='$' || (x.charAt(i))=='!' || (x.charAt(i))=='@' || (x.charAt(i))=='_'){
b=false;
}
}
if(b){ document.getElementById("pswd1").innerHTML="No special character";
passc=false;
return;
}
else{ document.getElementById("pswd1").innerHTML="";}
passc=true;
subc();
return;
}
function checkemail(){
var x=document.getElementById("emil").value;
y=x.length;
bo=true;
bt=true;
bi=true;
i=0;
j=0;
l=0;
while(((x.charAt(i))!='@') && x.charAt(i)!=""){
i++;
}
if(x.charAt(i)==""){
emailc=false;
document.getElementById("emil1").innerHTML="no @";
return;
}
var z=x.slice(i+1);
var a=x.slice(0,i);
b=a.length;
if(b<=2){
emailc=false;
document.getElementById("emil1").innerHTML="domain part has less than 3 inputs";
return;
}
for(i=0;i<b;i++){
if((('A'<=(a.charAt(i)) && (a.charAt(i))<='Z')) || (('a'<=(a.charAt(i)) && (a.charAt(i))<='z')) || (('0'<=(a.charAt(i)) && (a.charAt(i))<='9')) || a.charAt(i)=="." || a.charAt(i)=="," || a.charAt(i)=="_"){
bo=bo && true;
}
else{
bo=false;
}
}
if(!bo){
emailc=false;
document.getElementById("emil1").innerHTML="invalid localpart";
}
c=z.length;
for(i=0;i<c;i++){
if(('A'<=(z.charAt(i)) && (z.charAt(i))<='Z') || ('a'<(z.charAt(i)) && (z.charAt(i))<'z') || z.charAt(i)=="."){
bt=bt && true;
}
else{
bt=false;
}
if(z.charAt(i)=='.'){
bi=true;
if(i<3){
bi=false;
}
}
}
if(!(bt || bi)){
emailc=false;
document.getElementById("emil1").innerHTML="invalid domainpart 1";
return;
}
while(j<c){
l=j;
while(z.charAt(j)!='.' && z.charAt(j)!=""){
j=j+1;
}
if(z.charAt(j)==""){
emailc=true;
subc();
return;
}
else if(j-l<3){
emailc=false;
document.getElementById("emil1").innerHTML="invalid";
return;
}
j++;
}
emailc=true;
return;
}
function encode1(string) {
var map = {
'&': '&amp;',
'<': '&lt;',
'>': '&gt;',
'"': '&quot;',
"'": '&#039;'
};
return string.replace(/[&<>"']/g, function(m) { return map[m]; });
}
function encode(){
x=document.getElementById("user").value;
y=document.getElementById("pswd").value;
z=document.getElementById("emil").value;
x=encode1(x);
y=encode1(y);
z=encode1(z);
}
</script>
</head>
<body>
<div id="Heading">
<h1>
FORM
</h1>
</div>
<div id="Submission">
<form class="text" onsubmit="encode()" method="post" action="https://www.cse.iitb.ac.in/~sharat/php/example/form.php">
<div>
USERNAME :
<input type="text" placeholder="Username" name="text" onblur="checktext()" id="user"><br />
</div>
<p id="user1">
</p>
<div>
PASSWORD:
<input type="password" placeholder="Password" name="pass" id="pswd" onblur="checkpass()"><br />
</div>
<p id="pswd1">
</p>
<div>
EMAIL:
<input type="email" placeholder="email" size="30" name="email" onblur="checkemail()" id="emil"><br/>
</div>
<p id="emil1">
</p>
<div id="button">
<button type="submit" disabled="true" id="submit1" value="submit">SUBMIT</button>
</div>
<p id="demo">
</p>
</form>
</div>
</body>
</html>
\ No newline at end of file
lab02_group24_outlab/contact.html 0 → 100644
View file @ 1683381a
<!DOCTYPE html>
<html>
<head>
<title>cruisers</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
/*<link rel="stylesheet" href="StyleSheet.css" />*/
</head>
<body>
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">TEAM CRUISERS</a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav navbar-right">
<li><a href="HtmlPage.html">HOME</a></li>
<li><a href="aboutme.html">AboutMe</a></li>
<li><a href="interest_rathod.html">INTERESTS</a></li>
<li><a href="timetable.html">TIMETABLE</a></li>
<li><a href="contact.html">CONTACT</a></li>
</ul>
</div>
</div>
</nav>
<div class="row">
<div class="container">
<h3>Catch on FB</h3>
<a href="https://www.facebook.com/7rathod7"><img src="fb_icon_325x325.png" class="img-rounded" alt="facebook" width="210" height="210"></a>
</div>
<div class="container">
<h3>Mail at </h3>
<img src="download.jpg" class="img-rounded" alt="gmail" width="210" height="210">
<h4>7rathod7@gmail.com</h4>
</div>
<div class="container">
<h3>Hang out with</h3>
<img src="images.png" class="img-rounded" alt="cell phone" width="210" height="210">
<h4>+917045800407</h4>
</div>
</div>
</body>
</html>
lab02_group24_outlab/contact1.html 0 → 100644
View file @ 1683381a
<!DOCTYPE html>
<html>
<head>
<title>cruisers</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
/*
<link rel="stylesheet" href="StyleSheet.css" />*/
</head>
<body>
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">TEAM CRUISERS</a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav navbar-right">
<li><a href="HtmlPage.html">HOME</a></li>
<li><a href="aboutme_aahwan.html">AboutMe</a></li>
<li><a href="interest_aahwan.html">INTERESTS</a></li>
<li><a href="timetable_aahwan.html">TIMETABLE</a></li>
<li><a href="contact1.html">CONTACT</a></li>
</ul>
</div>
</div>
</nav>
<div class="row">
<div class="container">
<h3>Catch me on FB</h3>
<a href="https://www.facebook.com/aahwan.reddy?fref=ts"><img src="fb_icon_325x325.png" class="img-rounded" alt="facebook" width="210" height="210"></a>
</div>
<div class="container">
<h3>Mail at </h3>
<img src="download.jpg" class="img-rounded" alt="gmail" width="210" height="210">
<h4>aahwan.reddy@gmail.com</h4>
</div>
<div class="container">
<h3>Hang out with</h3>
<img src="images.png" class="img-rounded" alt="cell phone" width="210" height="210">
<h4>+919133360969</h4>
</div>
</div>
</body>
</html>
lab02_group24_outlab/contact2.html 0 → 100644
View file @ 1683381a
<!DOCTYPE html>
<html>
<head>
<title>cruisers</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
/*
<link rel="stylesheet" href="StyleSheet.css" />*/
</head>
<body>
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">TEAM CRUISERS</a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav navbar-right">
<li><a href="HtmlPage.html">HOME</a></li>
<li><a href="aboutme_saiteja.html">AboutMe</a></li>
<li><a href="interest_saiteja.html">INTERESTS</a></li>
<li><a href="timetable_saiteja.html">TIMETABLE</a></li>
<li><a href="contact2.html">CONTACT</a></li>
</ul>
</div>
</div>
</nav>
<div class="row">
<div class="container">
<h3>Catch on FB</h3>
<a href="https://www.facebook.com/saitejag1502?fref=ts"><img src="fb_icon_325x325.png" class="img-rounded" alt="facebook" width="210" height="210"></a>
</div>
<div class="container">
<h3>Mail at </h3>
<img src="download.jpg" class="img-rounded" alt="gmail" width="210" height="210">
<h4>saitejag1502@gmail.com</h4>
</div>
<div class="container">
<h3>Hang out with</h3>
<img src="images.png" class="img-rounded" alt="cell phone" width="210" height="210">
<h4>+918828291256</h4>
</div>
</div>
</body>
</html>
lab02_group24_outlab/drawing_cse_floor2.svg 0 → 100644
View file @ 1683381a
This diff is collapsed.
lab02_group24_outlab/floor.html 0 → 100644
View file @ 1683381a
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8" />
</head>
<body>
<img src="drawing_cse_floor2.svg" height="100%" width="100%" />
</body>
</html>
lab02_group24_outlab/interest_aahwan.html 0 → 100644
View file @ 1683381a
<!DOCTYPE html>
<html>
<head>
<title>cruisers</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
/*
<link rel="stylesheet" href="StyleSheet.css" />*/
</head>
<body>
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">TEAM CRUISERS</a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav navbar-right">
<li><a href="HtmlPage.html">HOME</a></li>
<li><a href="aboutme_aahwan.html">AboutMe</a></li>
<li><a href="interest_aahwan.html">INTERESTS</a></li>
<li><a href="timetable_aahwan.html">TIMETABLE</a></li>
<li><a href="contact1.html">CONTACT</a></li>
</ul>
</div>
</div>
</nav>
<div class="container">
<h3> </h3>
<img class="img-responsive" src="aahwan.jpg" alt="photo" width="1000" height="1200">
<h2>Hobbies</h2>
<p class="bg-primary">Really passionate about Travelling and Writing bollywood drama</p>
<p class="bg-success"> Playing badminton </p>
<p class="bg-warning">Cycling around Insti</p>
<p class="bg-danger">Fitness freak</p>
</div>
</body>
</html>
lab02_group24_outlab/interest_rathod.html 0 → 100644
View file @ 1683381a
<!DOCTYPE html>
<html>
<head>
<title>cruisers</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
/* <link rel="stylesheet" href="StyleSheet.css" />*/
</head>
<body>
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">TEAM CRUISERS</a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav navbar-right">
<li><a href="HtmlPage.html">HOME</a></li>
<li><a href="aboutme_rathod.html">AboutMe</a></li>
<li><a href="interest_rathod.html">INTERESTS</a></li>
<li><a href="timetable.html">TIMETABLE</a></li>
<li><a href="contact.html">CONTACT</a></li>
</ul>
</div>
</div>
</nav>
<div class="container">
<h3>this is how i look.......</h3>
<img class="img-responsive" src="im.jpg" alt="photo" width="1000" height="1200">
<h2>Hobbies</h2>
<p class="bg-primary">Listening to music</p>
<p class="bg-success">Exploring new places</p>
<p class="bg-info">Watching Tv series and Movies</p>
<p class="bg-warning">Eating pani puri</p>
<p class="bg-danger">Playing Cricket</p>
</div>
</body>
</html>
lab02_group24_outlab/interest_saiteja.html 0 → 100644
View file @ 1683381a
<!DOCTYPE html>
<html>
<head>
<title>cruisers</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
/*
<link rel="stylesheet" href="StyleSheet.css" />*/
</head>
<body>
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">TEAM CRUISERS</a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav navbar-right">
<li><a href="HtmlPage.html">HOME</a></li>
<li><a href="aboutme_saiteja.html">AboutMe</a></li>
<li><a href="interest_saiteja.html">INTERESTS</a></li>
<li><a href="timetable_saiteja.html">TIMETABLE</a></li>
<li><a href="contact2.html">CONTACT</a></li>
</ul>
</div>
</div>
</nav>
<div class="container">
<h3>this is how i look.......</h3>
<img class="img-responsive" src="saiteja.jpg" alt="photo" width="1000" height="1200">
<h2>Hobbies</h2>
<p class="bg-primary">Listening to music</p>
<p class="bg-success">Playing Pool</p>
<p class="bg-info">Watching Tv series and Movies</p>
<p class="bg-danger">Eating Biryani</p>
</div>
</body>
</html>
lab02_group24_outlab/rathodhome.html 0 → 100644
View file @ 1683381a
<!DOCTYPE html>
<html lang="en">
<head>
<title>cruisers</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
/*
<link rel="stylesheet" href="StyleSheet.css" />*/
</head>
<body>
<div class="container text-center">
<br>
<div class="row">
<div class="col-sm-4">
<p class="text-center"><strong>Rathod</strong></p><br>
<a href="rathodhome.html" data-toggle="collapse">
<img src="rathod.jpg" alt="Random Name">
</a>
</div>
<div class="col-sm-4">
<p class="text-center"><strong>Sai Teja</strong></p><br>
<a href="saitejahome.html" data-toggle="collapse">
<img src="img2.jpg" alt="Random Name">
</a>
</div>
<div class="col-sm-4">
<p class="text-center"><strong>Aahwan</strong></p><br>
<a href="aahwanhome.html" data-toggle="collapse">
<img src="img1.jpg" alt="Random Name">
</a>
</div>
</div>
<div class="page-header">
<h1> This is Rathod <small>and this is my </small>TEAM CRUISERS</h1>
</div>
</div>
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">TEAM CRUISERS</a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav navbar-right">
<li><a href="HtmlPage.html">HOME</a></li>
<li><a href="aboutme_rathod.html">AboutMe</a></li>
<li><a href="interest_rathod.html">INTERESTS</a></li>
<li><a href="timetable.html">TIMETABLE</a></li>
<li><a href="contact.html">CONTACT</a></li>
</ul>
</div>
</div>
</nav>
</body>
</html>
\ No newline at end of file
lab02_group24_outlab/readme.txt 0 → 100644
View file @ 1683381a
GROUP NUMBER - 24
(150050071, Aahwan), (150050072, Sai Teja), (150050079, Rathod Dinesh).
150050071- 100%
150050072- 100%
150050079- 100%
Comments on the code :
-emailc,textc,passc store check results for checkemail() checktext() chckpass() respectively.
-document.getelementbyid("submit1").disabled=true disables submit button.
-submit button only enables when all of emailc,textc and passc are true.
Honour code :
I pledge on my honour that I have not given or received any unauthorized assistance on this assignment or any previous task.
-(150050071, Aahwan)
I pledge on my honour that I have not given or received any unauthorized assistance on this assignment or any previous task.
-(150050072, Sai Teja)
I pledge on my honour that I have not given or received any unauthorized assistance on this assignment or any previous task.
-(150050079, Rathod Dinesh)
Citations :
-http://stackoverflow.com/questions/5499078/fastest-method-to-escape-html-tags-as-html-entities
-https://www.owasp.org/index.php/XSS_(Cross_Site_Scripting)_Prevention_Cheat_Sheet
-https://www.youtube.com/watch?v=yQaAGmHNn9s&list=PL46F0A159EC02DF82
-getbootstrap.com
Reflection essay :
-From no idea of html to a good command on html,css,js in 1 week!
-learnt syntax for encoding.
-learnt how to write functions in js.
-Now we have a basic idea of web development.
lab02_group24_outlab/saitejahome.html 0 → 100644
View file @ 1683381a
<!DOCTYPE html>
<html lang="en">
<head>
<title>cruisers</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
/*
<link rel="stylesheet" href="StyleSheet.css" />*/
</head>
<body>
<div class="container text-center">
<br>
<div class="row">
<div class="col-sm-4">
<p class="text-center"><strong>Sai Teja</strong></p><br>
<a href="saitejahome.html" data-toggle="collapse">
<img src="img2.jpg" alt="Random Name">
</a>
</div>
<div class="col-sm-4">
<p class="text-center"><strong>Aahwan</strong></p><br>
<a href="aahwanhome.html" data-toggle="collapse">
<img src="img1.jpg" alt="Random Name">
</a>
</div>
<div class="col-sm-4">
<p class="text-center"><strong>Rathod</strong></p><br>
<a href="rathodhome.html" data-toggle="collapse">
<img src="rathod.jpg" alt="Random Name">
</a>
</div>
</div>
<div class="page-header">
<h1> This is Sai Teja <small>and this is my </small>TEAM CRUISERS</h1>
</div>
</div>
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">TEAM CRUISERS</a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav navbar-right">
<li><a href="HtmlPage.html">HOME</a></li>
<li><a href="aboutme_saiteja.html">AboutMe</a></li>
<li><a href="interest_saiteja.html">INTERESTS</a></li>
<li><a href="timetable_saiteja.html">TIMETABLE</a></li>
<li><a href="contact2.html">CONTACT</a></li>
</ul>
</div>
</div>
</nav>
</body>
</html>
\ No newline at end of file
lab02_group24_outlab/timetable.html 0 → 100644
View file @ 1683381a
This diff is collapsed.
lab02_group24_outlab/timetable_aahwan.html 0 → 100644
View file @ 1683381a
This diff is collapsed.
lab02_group24_outlab/timetable_saiteja.html 0 → 100644
View file @ 1683381a
This diff is collapsed.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment