trishooluniversity's Profile
Kid
86
points

Questions
7

Answers
5

  • RE: Mouseevents using inline Javascript
    Kid Asked on March 7, 2016 in Javascript. 
    
<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>Mouse Events</title>
<style type="text/css">

p{

width:150px;

height:40px;

background-color:#efefef;

}
</style>

<script type="text/javascript">
function testScript(){

cc = document.getElementById('demo');

}
function sruthiMover(){

cc.style.backgroundColor ="#ffff00";

}
function sruthiMout(){

cc.style.backgroundColor ="#ff0000";

}
function sruthiClick(){

}
</script>
</head>
<body onLoad="testScript()">
<p id="demo" onMouseOver="sruthiMover()" onMouseOut="sruthiMout()" onClick="sruthiClick()">sdfasdgsadfsd</p>
</body>

</html>
    • 2070 views
    • 1 answers
    • 0 votes
  • RE: How to do Javascript Validation
    Kid Asked on March 7, 2016 in Javascript. 
    <!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>HTML Form</title>

<style>
body{

font-family:Arial;

font-size:14px;
}
.class1

{

width: 700px;

margin:auto;

padding:20px;
}

</style>
<script type="text/javascript">
function validtionScript(){
var ageGroup = document.forms[0].age.value;

var cltype = document.forms["menssurvey"]["howyoufeel"].value;
var cc = document.forms["menssurvey"]["cloth_type"];
for(i=0;i<cc.length; i++){

console.log(cc[i].value);

console.log(cc[i].checked);
if(cc[i] == 'true'){
} else {

var gee = document.getElementById('getDress');

gee.style.display = "block";

gee.style.color = "#ff0000";
return false;

}
}
console.log(cltype);
return false;
}
</script>
</head>
<body class="class1">

<div style="height:35px; background-color:#827E7E;"><h2 align="center">Men's Survey</h2></div>

<table  cellpadding="10" cellspacing="10" bgcolor="#827B7B" width="100%">

<form name="menssurvey" id="msurvey" method="get" action="phpcode.php" enctype="multipart/form-data" >

<tr>

<td>Age group:</td>

<td><select name="age">

<option value="">Select</option>

<option value="16">16</option>

<option value="20">20</option>

<option value="30">30</option>

<option value="40">40</option>

</select></td>

</tr>

<tr>

<td>How do you like to get dressed</td>

<td>

<p id="getDress" style="display:none">Please seclect atleast  one value</p>

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td width="25%" align="left" valign="top"><input type="checkbox" name="cloth_type" value="funky">Funky</td>

<td width="25%" align="left" valign="top"><input type="checkbox" name="cloth_type" value="formal">Formal</td>

<td width="25%" align="left" valign="top"><input type="checkbox" name="cloth_type" value="casual">Casual</td>

<td width="25%" align="left" valign="top"><input type="checkbox" name="cloth_type" value="all">All the above</td>

</tr>

</table>
</td>

</tr>

<tr>

<td>Express the feel when you wear new dress</td>

<td><textarea name="howyoufeel" rows="4" cols="50"></textarea></td>

</tr>

<tr>

<td>Which one you like more?</td>

<td><input type="radio" name="stitch_type" value="stitched">Stitched

<input type="radio" name="stitch_type" value="readymade"> Ready made</td>

</tr>
<tr><td>Choice of dress color</td>

<td><input type="checkbox" name="cloth_color" value="blue">Blue

<input type="checkbox" name="cloth_color" value="green">Green

<input type="checkbox" name="cloth_color" value="red">Red

<input type="checkbox" name="cloth_color" value="yellow">Yellow

<input type="checkbox" name="cloth_color" value="white">White

<input type="checkbox" name="cloth_color" value="brown">Brown</td>

</tr>
<tr>

<td>Shirt Size</td>

<td>

<select name="cloth_size">

<option value="">Select</option>

<option value="40">40</option>

<option value="41">41</option>

<option value="42">42</option>

<option value="43">43</option>

</select>

</td>

</tr>
<tr>

<td>Annual Salary</td>

<td><select name="salary">

<option value="">Select</option>

<option value="300000">300000</option>

<option value="400000">400000</option>

<option value="500000">500000</option>

<option value="600000">600000</option>

<option value="700000">700000</option>

</select>

</td>

</tr>
<tr><td>How ofte do you Shop?</td>

<td><input type="checkbox" name="shoping_details" value="daily">Daily

<input type="checkbox" name="shoping_details" value="weekly">Weekly

<input type="checkbox" name="shoping_details" value="monthly">Monthly

<input type="checkbox" name="shoping_details" value="occasionally">Occasionlly

</tr>
<tr><td>How much do you spend monthly?</td>

<td><input type="radio" name="spend_monthly" value="0to1000">0 - 1000

<input type="radio" name="spend_monthly" value="1000to3000">1000 - 3000

<input type="radio" name="spend_monthly" value="3000to5000">3000 - 5000

<input type="radio" name="spend_monthly" value="5000to10000">5000 - 10000

</td>
</tr>
<tr>

<td>Whom do you shop for?</td>

<td>

<input type="checkbox" name="shop_for" value="yourself">Yourself

<input type="checkbox" name="shop_for" value="family">Family

<input type="checkbox" name="shop_for" value="friends">Friends

<input type="checkbox" name="shop_for" value="lover">Lover

<input type="checkbox" name="shop_for" value="others">Others

</td>

</tr>
<tr>

<td>Whom do you shop for?</td>

<td>

<input type="submit" onClick="return validtionScript()" name="submit_btn" value="submit" />

</td>

</tr>
</form>

</table>

</body>

</html>
    • 1949 views
    • 1 answers
    • 0 votes
  • RE: an example for innerHTML and getElementById
    Kid Asked on March 7, 2016 in Javascript. 
    
<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>Updating,Adding Content into Elements using Javascript</title>
<style type="text/css">

.conc{

font-size:50px;

}

#cont{

color:#33E300;

}

</style>

<script type="text/javascript">
document.write("<p class='conc'>India</p>");
function runmyjavaScript(){
var cc = document.getElementById('cont');

cc.innerHTML = "I love India";
}

</script>
</head>
<body onLoad="runmyjavaScript()">

<p id="cont"></p>

</body>

</html>
    • 1951 views
    • 1 answers
    • 0 votes
  • RE: Json Object Loading using pure Javascript and Ajax
    Kid Asked on March 7, 2016 in Javascript.

    HTML File

    
<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>Json Loading</title>

<script type="text/javascript" src="mydata.json"></script>

<script type="text/javascript">
function loadJSON(callback) {
var xobj;

if (window.XMLHttpRequest) {

xobj = new XMLHttpRequest();

} else {

// code for IE6, IE5

xobj = new ActiveXObject("Microsoft.XMLHTTP");

}
xobj.overrideMimeType("application/json");

xobj.open('GET', 'tree_list.json', true); // Replace 'my_data' with the path to your file

xobj.onreadystatechange = function () {

if (xobj.readyState == 4 && xobj.status == "200") {

// Required use of an anonymous callback as .open will NOT return a value but simply returns undefined in asynchronous mode

callback(xobj.responseText);

}

};

xobj.send(null);

}
function init() {

loadJSON(function(response) {

// Parse JSON string into object

var actual_JSON = JSON.parse(response);
document.getElementById('result').innerHTML = actual_JSON[root];
});
}
</script>
</head>
<body>

<p id="result"></p>

<input onClick="loadJSON()" value="Ajax Call" name="" type="button" />
</body>

</html>

    Use any Json object to see the result.

    • 2105 views
    • 1 answers
    • 0 votes
  • RE: What is addEventlistener, How can we use them in Javascript
    Kid Asked on March 7, 2016 in Javascript. 
    <!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>Event Listners</title>

</head>
<body>
<div id="menu1" >Home</div>
<div id="content1"> </div>
<script type="text/javascript">
var menu1 = document.getElementById('menu1');

var content1 = document.getElementById('content1');
menu1.addEventListener('click', clickfunciton);

menu1.addEventListener('mouseover', mouseoverfunction);

menu1.addEventListener('mouseout', mouseoutfunction);
menu1.removeEventListener('mouseout', mouseoutfunction);
function clickfunciton(){

content1.innerHTML = " I am an Indian";

}
</script>

</body>

</html>
    • 1581 views
    • 1 answers
    • 0 votes