tag:blogger.com,1999:blog-85426042979228381382024-02-08T01:57:07.063-08:00Funky designer And developerAnonymoushttp://www.blogger.com/profile/01177921515552797155noreply@blogger.comBlogger27125tag:blogger.com,1999:blog-8542604297922838138.post-27768457093351639512017-05-15T10:59:00.000-07:002017-05-15T11:00:29.085-07:00image move on right side in java script<div dir="ltr" style="text-align: left;" trbidi="on">
<br /></div>
<html>
<head>
<title>JavaScript Animation</title>
<script type="text/javascript">
<!--
var imgObj = null;
function init(){
imgObj = document.getElementById('myImage');
imgObj.style.position= 'relative';
imgObj.style.left = '0px';
}
function moveRight(){
imgObj.style.left = parseInt(imgObj.style.left) + 10 + 'px';
}
window.onload =init;
//-->
</script>
</head>
<body>
<form>
<img id="myImage" src="https://www.sololearn.com/Icons/Courses/1024.png" />
<p>Click button below to move the image to right</p>
<input type="button" value="Click Me" onclick="moveRight();" />
</form>
</body>
</html>Anonymoushttp://www.blogger.com/profile/01177921515552797155noreply@blogger.com0tag:blogger.com,1999:blog-8542604297922838138.post-5314128665392326012017-05-15T10:49:00.001-07:002017-05-15T10:49:01.030-07:00Click the following to see the result<div dir="ltr" style="text-align: left;" trbidi="on">
<html><br />
<br />
<head><br />
<br />
<script type="text/javascript"><br />
<!--<br />
function myFunc()<br />
{<br />
var a = 100;<br />
try {<br />
alert("Value of variable a is : " + a );<br />
}<br />
<br />
catch ( e ) {<br />
alert("Error: " + e.description );<br />
}<br />
}<br />
//--><br />
</script><br />
<br />
</head><br />
<br />
<body><br />
<p>Click the following to see the result:</p><br />
<br />
<form><br />
<input type="button" value="Click Me" onclick="myFunc();" /><br />
</form><br />
<br />
</body><br />
</html></div>
Anonymoushttp://www.blogger.com/profile/01177921515552797155noreply@blogger.com0tag:blogger.com,1999:blog-8542604297922838138.post-20643219954923995722017-05-15T10:44:00.002-07:002017-05-15T10:44:23.719-07:00User-defined objects<div dir="ltr" style="text-align: left;" trbidi="on">
<html><br />
<head><br />
<br />
<title>User-defined objects</title><br />
<br />
<script type="text/javascript"><br />
function book(title, author){<br />
this.title = title;<br />
this.author = author;<br />
}<br />
</script><br />
<br />
</head><br />
<body><br />
<br />
<script type="text/javascript"><br />
var myBook = new book("Perl", "Mohtashim");<br />
document.write("Book title is : " + myBook.title + "<br>");<br />
document.write("Book author is : " + myBook.author + "<br>");<br />
</script><br />
<br />
</body><br />
</html></div>
Anonymoushttp://www.blogger.com/profile/01177921515552797155noreply@blogger.com0tag:blogger.com,1999:blog-8542604297922838138.post-85332755661600328692017-05-15T10:43:00.002-07:002017-05-15T10:43:21.330-07:00Click the following button to see the result<div dir="ltr" style="text-align: left;" trbidi="on">
<html><br />
<head><br />
<br />
<script type="text/javascript"><br />
<!--<br />
function getValue(){<br />
var retVal = prompt("Enter your name : ", "your name here");<br />
document.write("You have entered : " + retVal);<br />
}<br />
//--><br />
</script><br />
<br />
</head><br />
<br />
<body><br />
<p>Click the following button to see the result: </p><br />
<br />
<form><br />
<input type="button" value="Click Me" onclick="getValue();" /><br />
</form><br />
<br />
</body><br />
</html></div>
Anonymoushttp://www.blogger.com/profile/01177921515552797155noreply@blogger.com0tag:blogger.com,1999:blog-8542604297922838138.post-58187433132182456322017-05-15T10:42:00.002-07:002017-05-15T10:42:35.483-07:00Click the following button to see the result:<div dir="ltr" style="text-align: left;" trbidi="on">
<html><br />
<head><br />
<br />
<script type="text/javascript"><br />
<!--<br />
function Warn() {<br />
alert ("This is a warning message!");<br />
document.write ("This is a warning message ohh bay!");<br />
}<br />
//--><br />
</script><br />
<br />
</head><br />
<body><br />
<p>Click the following button to see the result: </p><br />
<br />
<form><br />
<input type="button" value="Click Me" onclick="Warn();" /><br />
</form><br />
<br />
</body><br />
</html></div>
Anonymoushttp://www.blogger.com/profile/01177921515552797155noreply@blogger.com0tag:blogger.com,1999:blog-8542604297922838138.post-33041129658329794182017-05-15T10:41:00.004-07:002017-05-15T10:41:38.221-07:00set a browser name and redirected link<div dir="ltr" style="text-align: left;" trbidi="on">
<html><br />
<head><br />
<br />
<script type="text/javascript"><br />
<!--<br />
var browsername=navigator.appName;<br />
if( browsername == "Netscape" )<br />
{<br />
window.location="http://www.google.com";<br />
}<br />
else if ( browsername =="Microsoft Internet Explorer")<br />
{<br />
window.location="http://www.yahoo.com";<br />
}<br />
else<br />
{<br />
window.location="http://www.arenanagpur.com";<br />
}<br />
//--><br />
</script><br />
<br />
</head><br />
<br />
<body><br />
</body><br />
</html></div>
Anonymoushttp://www.blogger.com/profile/01177921515552797155noreply@blogger.com0tag:blogger.com,1999:blog-8542604297922838138.post-32230959673125222602017-05-15T10:24:00.003-07:002017-05-15T10:24:28.967-07:00auto redirected page in java script<div dir="ltr" style="text-align: left;" trbidi="on">
<h2 style="text-align: left;">
<span style="font-weight: normal;">auto redirected</span></h2>
<br />
<html><br />
<head><br />
<br />
<script type="text/javascript"><br />
<!--<br />
function Redirect() {<br />
window.location="http://www.google.com";<br />
}<br />
<br />
document.write("You will be redirected to main page in 10 sec.");<br />
setTimeout('Redirect()', 10000);<br />
//--><br />
</script><br />
<br />
</head><br />
<br />
<body><br />
</body><br />
</html></div>
Anonymoushttp://www.blogger.com/profile/01177921515552797155noreply@blogger.com0tag:blogger.com,1999:blog-8542604297922838138.post-92109511977236780042017-05-15T10:23:00.000-07:002017-05-15T10:23:11.951-07:00use window dot location in java script<div dir="ltr" style="text-align: left;" trbidi="on">
<h2 style="text-align: left;">
Click the following button, you will be redirected to home page.</h2>
<html><br />
<head><br />
<br />
<script type="text/javascript"><br />
<!--<br />
function Redirect() {<br />
window.location="http://www.google.com";<br />
}<br />
//--><br />
</script><br />
<br />
</head><br />
<br />
<body><br />
<p>Click the following button, you will be redirected to home page.</p><br />
<br />
<form><br />
<input type="button" value="Redirect Me" onclick="Redirect();" /><br />
</form><br />
<br />
</body><br />
</html></div>
Anonymoushttp://www.blogger.com/profile/01177921515552797155noreply@blogger.com0tag:blogger.com,1999:blog-8542604297922838138.post-82742513282556362322017-05-15T10:21:00.001-07:002017-05-15T10:21:29.821-07:00Set Cookes in java script<div dir="ltr" style="text-align: left;" trbidi="on">
<h2>
Set Cookes</h2>
<html><br />
<head><br />
<br />
<script type = "text/javascript"><br />
<!--<br />
function WriteCookie()<br />
{<br />
if( document.myform.customer.value == "" ){<br />
alert("Enter some value!");<br />
return;<br />
}<br />
cookievalue= escape(document.myform.customer.value) + ";";<br />
document.cookie="name=" + cookievalue;<br />
document.write ("Setting Cookies : " + "name=" + cookievalue );<br />
}<br />
//--><br />
</script><br />
<br />
</head><br />
<br />
<body><br />
<br />
<form name="myform" action=""><br />
Enter name: <input type="text" name="customer"/><br />
<input type="button" value="Set Cookie" onclick="WriteCookie();"/><br />
</form><br />
<br />
</body><br />
</html></div>
Anonymoushttp://www.blogger.com/profile/01177921515552797155noreply@blogger.com0tag:blogger.com,1999:blog-8542604297922838138.post-59304425777112623632017-05-15T10:20:00.001-07:002017-05-15T10:20:24.561-07:00using onmouseover in javascript<div dir="ltr" style="text-align: left;" trbidi="on">
<h2 style="text-align: left;">
onmouseover </h2>
<br />
<br />
<br />
<br />
<br />
<br />
<html><br />
<head><br />
<br />
<script type="text/javascript"><br />
<!--<br />
function over() {<br />
document.write ("Mouse Over");<br />
}<br />
<br />
function out() {<br />
document.write ("Mouse Out");<br />
}<br />
<br />
//--><br />
</script><br />
<br />
</head><br />
<body><br />
<p>Bring your mouse inside the division to see the result:</p><br />
<br />
<div onmouseover="over()" onmouseout="out()"><br />
<h2> This is inside the division </h2><br />
</div><br />
<br />
</body><br />
</html></div>
Anonymoushttp://www.blogger.com/profile/01177921515552797155noreply@blogger.com0tag:blogger.com,1999:blog-8542604297922838138.post-12006383958789164212017-05-15T10:19:00.000-07:002017-05-15T10:19:02.337-07:00using onsubmit event and post method in javascript<div dir="ltr" style="text-align: left;" trbidi="on">
<h2 style="text-align: left;">
onsubmit event and post method </h2>
<br />
<html><br />
<head><br />
<br />
<script type="text/javascript"><br />
<!--<br />
function validation()<br />
{<br />
all validation goes here<br />
.........<br />
return either true or false<br />
}<br />
//--><br />
</script><br />
<br />
</head><br />
<body><br />
<br />
<form method="POST" action="ex1.html" onsubmit="return validate()"><br />
.......<br />
<input type="submit" value="Submit" /><br />
</form><br />
<br />
</body><br />
</html></div>
Anonymoushttp://www.blogger.com/profile/01177921515552797155noreply@blogger.com0tag:blogger.com,1999:blog-8542604297922838138.post-63160102826159595942017-05-15T10:17:00.002-07:002017-05-15T10:17:28.402-07:00Set the variable to different object and then try...<div dir="ltr" style="text-align: left;" trbidi="on">
<h2 style="text-align: left;">
variable to different object</h2>
<html><br />
<body><br />
<br />
<script type="text/javascript"><br />
<!--<br />
var index;<br />
document.write("Navigator Object Properties<br /> ");<br />
<br />
for (index in anurag) {<br />
document.write(aProperty);<br />
document.write("<br />");<br />
}<br />
document.write ("Exiting from the loop!");<br />
//--><br />
</script><br />
<br />
<p>Set the variable to different object and then try...</p><br />
</body><br />
</html></div>
Anonymoushttp://www.blogger.com/profile/01177921515552797155noreply@blogger.com0tag:blogger.com,1999:blog-8542604297922838138.post-4826933545655039492017-05-15T10:15:00.002-07:002017-05-15T10:15:46.786-07:00Set the variable to different value and then try..<div dir="ltr" style="text-align: left;" trbidi="on">
<h2 style="text-align: left;">
Set the variable to different value</h2>
<html><br />
<body><br />
<br />
<script type="text/javascript"><br />
<!--<br />
var age = 20;<br />
<br />
if( age > 15 ){<br />
document.write("<b>Qualifies for driving</b>");<br />
}<br />
//--><br />
</script><br />
<br />
<p>Set the variable to different value and then try...</p><br />
</body><br />
</html></div>
Anonymoushttp://www.blogger.com/profile/01177921515552797155noreply@blogger.com0tag:blogger.com,1999:blog-8542604297922838138.post-84848187094955140022017-05-15T10:14:00.002-07:002017-05-15T10:14:30.145-07:00Set the variables to different values and different operators and then try...<div dir="ltr" style="text-align: left;" trbidi="on">
<h2 style="text-align: left;">
different values and different operators</h2>
<br />
<html><br />
<body><br />
<br />
<script type="text/javascript"><br />
<!--<br />
var a = 10;<br />
var b = 20;<br />
var linebreak = "<br />";<br />
<br />
document.write("(a && b) => ");<br />
result = (a && b);<br />
document.write(result);<br />
document.write(linebreak);<br />
<br />
document.write("(a || b) => ");<br />
result = (a || b);<br />
document.write(result);<br />
document.write(linebreak);<br />
<br />
document.write("!(a && b) => ");<br />
result = (!(a && b));<br />
document.write(result);<br />
document.write(linebreak);<br />
//--><br />
</script><br />
<br />
<p>Set the variables to different values and different operators and then try...</p><br />
</body><br />
</html></div>
Anonymoushttp://www.blogger.com/profile/01177921515552797155noreply@blogger.com0tag:blogger.com,1999:blog-8542604297922838138.post-30206802001503118242017-05-15T10:09:00.001-07:002017-05-15T10:09:13.405-07:00 Set the variables to different values and different operators and then try...<div dir="ltr" style="text-align: left;" trbidi="on">
<h2>
different values and different operators</h2>
<br />
<html><br />
<body><br />
<br />
<script type="text/javascript"><br />
<!--<br />
var a = 10;<br />
var b = 20;<br />
var c=10;<br />
var linebreak = "<br />";<br />
<br />
document.write("(a == b) => ");<br />
result = (a == b);<br />
document.write(result);<br />
document.write(linebreak);<br />
<br />
document.write("(a < b) => ");<br />
result = (a < b);<br />
document.write(result);<br />
document.write(linebreak);<br />
<br />
document.write("(a > b) => ");<br />
result = (a > b);<br />
document.write(result);<br />
document.write(linebreak);<br />
<br />
document.write("(a != b) => ");<br />
result = (a != b);<br />
document.write(result);<br />
document.write(linebreak);<br />
<br />
document.write("(a >= b) => ");<br />
result = (a >= b);<br />
document.write(result);<br />
document.write(linebreak);<br />
<br />
document.write("(a <= b) => ");<br />
result = (a <= b);<br />
document.write(result);<br />
document.write(linebreak);<br />
//--><br />
</script><br />
<br />
Set the variables to different values and different operators and then try...<br />
</body><br />
</html></div>
Anonymoushttp://www.blogger.com/profile/01177921515552797155noreply@blogger.com0tag:blogger.com,1999:blog-8542604297922838138.post-82006995924259285512017-05-15T10:08:00.001-07:002017-05-15T10:08:08.572-07:00Set the variables to different values and then try...<div dir="ltr" style="text-align: left;" trbidi="on">
<h2 style="text-align: left;">
Set variables</h2>
<br />
<html><br />
<body><br />
<br />
<script type="text/javascript"><br />
<!--<br />
var a = 33;<br />
var b = 10;<br />
var c = "Test";<br />
var linebreak = "<br />";<br />
<br />
document.write("a + b = ");<br />
result = a + b;<br />
document.write(result);<br />
document.write(linebreak);<br />
<br />
document.write("a - b = ");<br />
result = a - b;<br />
document.write(result);<br />
document.write(linebreak);<br />
<br />
document.write("a / b = ");<br />
result = a / b;<br />
document.write(result);<br />
document.write(linebreak);<br />
<br />
document.write("a % b = ");<br />
result = a % b;<br />
document.write(result);<br />
document.write(linebreak);<br />
<br />
document.write("a + b + c = ");<br />
result = a + b + c;<br />
document.write(result);<br />
document.write(linebreak);<br />
<br />
a = ++a;<br />
document.write("a++ = ");<br />
result = ++a;<br />
document.write(result);<br />
document.write(linebreak);<br />
<br />
b = --b;<br />
document.write("--b = ");<br />
result = --b;<br />
document.write(result);<br />
document.write(linebreak);<br />
//--><br />
</script><br />
<br />
</body><br />
</html></div>
Anonymoushttp://www.blogger.com/profile/01177921515552797155noreply@blogger.com0tag:blogger.com,1999:blog-8542604297922838138.post-91242910912538324922017-05-15T10:07:00.001-07:002017-05-15T10:07:04.335-07:00how to Declare a global variable and local variable in java script<div dir="ltr" style="text-align: left;" trbidi="on">
<h2 style="text-align: left;">
global variable and local variable</h2>
<br />
<html><br />
<body onload = checkscope();><br />
<script type = "text/javascript"><br />
<!-- <br />
function checkscope( ) {<br />
var myVar = "global"; // Declare a global variable<br />
var myVar = "local"; // Declare a local variable<br />
<br />
document.write(myVar);<br />
}<br />
//--><br />
</script><br />
</body><br />
</html></div>
Anonymoushttp://www.blogger.com/profile/01177921515552797155noreply@blogger.com0tag:blogger.com,1999:blog-8542604297922838138.post-46017862843561572772017-05-15T10:04:00.002-07:002017-05-15T10:04:32.860-07:00how to use document dot write in java script<div dir="ltr" style="text-align: left;" trbidi="on">
<h2 style="text-align: left;">
document dot write function</h2>
<br />
<html><br />
<body><br />
<br />
<script language="javascript" type="text/javascript"><br />
<!--<br />
document.write("Hello World!")<br />
//--><br />
</script><br />
<br />
<noscript><br />
Sorry...JavaScript is needed to go ahead.<br />
</noscript><br />
<br />
</body><br />
</html></div>
Anonymoushttp://www.blogger.com/profile/01177921515552797155noreply@blogger.com0tag:blogger.com,1999:blog-8542604297922838138.post-20217673536683817982017-05-15T10:03:00.001-07:002017-05-15T10:03:19.228-07:00declaring global variable and accessing global variable<div dir="ltr" style="text-align: left;" trbidi="on">
<h2 style="text-align: left;">
Declaring and Accessing</h2>
<br />
<html> <br />
<head><br />
<script> <br />
function m(){ <br />
window.value=100;//declaring global variable by window object <br />
} <br />
function n(){ <br />
alert(window.value);//accessing global variable from other function <br />
}<br />
n();<br />
</script> <br />
</script> <br />
</body> <br />
</html> </div>
Anonymoushttp://www.blogger.com/profile/01177921515552797155noreply@blogger.com0tag:blogger.com,1999:blog-8542604297922838138.post-14578360734933023972017-05-15T10:01:00.003-07:002017-05-15T10:01:29.823-07:00using Function <div dir="ltr" style="text-align: left;" trbidi="on">
<h2 style="text-align: left;">
Function</h2>
<br />
<html> <br />
<head><br />
<script> <br />
var value=50;//global variable <br />
function a(){ <br />
alert(value); <br />
} <br />
function b(){ <br />
alert(value); <br />
} <br />
a();<br />
</script> <br />
</script> <br />
</body> <br />
</html> </div>
Anonymoushttp://www.blogger.com/profile/01177921515552797155noreply@blogger.com0tag:blogger.com,1999:blog-8542604297922838138.post-18349633324364579542017-05-15T10:00:00.001-07:002017-05-15T10:00:22.762-07:00How to use global variable <div dir="ltr" style="text-align: left;" trbidi="on">
<h2 style="text-align: left;">
<span style="font-size: x-large;">Global Variable </span></h2>
<br />
<br />
<html> <br />
<head><br />
<br />
<script> <br />
var data=200;//global variable <br />
<br />
function a()<br />
{ <br />
document.writeln(data); <br />
} <br />
function b(){ <br />
document.writeln(data); <br />
} <br />
a();//calling JavaScript function <br />
b(); <br />
</script> <br />
</body> <br />
</html> </div>
Anonymoushttp://www.blogger.com/profile/01177921515552797155noreply@blogger.com0tag:blogger.com,1999:blog-8542604297922838138.post-46220667938032407652017-05-15T09:59:00.000-07:002017-05-15T09:59:01.429-07:00using variables in Java Script<div dir="ltr" style="text-align: left;" trbidi="on">
<h2 style="text-align: left;">
using variables in Java Script</h2>
<br />
<html> <br />
<head> <br />
<script> <br />
var x = 10; <br />
var y = 20; <br />
var z=x+y; <br />
document.write(z); <br />
</script> <br />
</body> <br />
</html> </div>
Anonymoushttp://www.blogger.com/profile/01177921515552797155noreply@blogger.com0tag:blogger.com,1999:blog-8542604297922838138.post-11525750363477610102017-05-15T09:57:00.003-07:002017-05-15T09:57:43.135-07:00Click Event use with Alert Function In Java Script<div dir="ltr" style="text-align: left;" trbidi="on">
<h2 style="text-align: left;">
Click Event use with Alert Function</h2>
<br />
<br />
<html> <br />
<head> <br />
<script type="text/javascript"> <br />
function msg(){ <br />
alert("Hello Javatpoint"); <br />
} <br />
</script> <br />
</head> <br />
<body> <br />
<p>Welcome to JavaScript</p> <br />
<form> <br />
<input type="button" value="click" onclick="msg()"/> <br />
</form> <br />
</body> <br />
</html> </div>
Anonymoushttp://www.blogger.com/profile/01177921515552797155noreply@blogger.com0tag:blogger.com,1999:blog-8542604297922838138.post-24819229145501348912017-05-15T09:55:00.000-07:002017-05-15T09:55:07.630-07:00Hoe to use Alert Function In java script<div dir="ltr" style="text-align: left;" trbidi="on">
<h2 style="text-align: left;">
Alert Function</h2>
<br />
<html><br />
<body><br />
<script type="text/javascript"> <br />
alert("Hello"); <br />
</script> <br />
</body><br />
</html></div>
Anonymoushttp://www.blogger.com/profile/01177921515552797155noreply@blogger.com0tag:blogger.com,1999:blog-8542604297922838138.post-24986210553202624992017-05-15T09:53:00.000-07:002017-05-15T09:53:05.427-07:00Click the buttons below to handle animation<div dir="ltr" style="text-align: left;" trbidi="on">
<h2 style="text-align: left;">
Java script Animation</h2>
<h3 style="text-align: left;">
Click the buttons below to handle animation</h3>
<div>
<div>
<html></div>
<div>
</div>
<div>
<head></div>
<div>
<title>JavaScript Animation</title></div>
<div>
</div>
<div>
<script type="text/javascript"></div>
<div>
<!--</div>
<div>
var imgObj = null;</div>
<div>
var animate ;</div>
<div>
</div>
<div>
function init(){</div>
<div>
imgObj = document.getElementById('myImage');</div>
<div>
imgObj.style.position= 'relative'; </div>
<div>
imgObj.style.left = '0px'; </div>
<div>
}</div>
<div>
</div>
<div>
function moveRight(){</div>
<div>
imgObj.style.left = parseInt(imgObj.style.left) + 10 + 'px';</div>
<div>
animate = setTimeout(moveRight,20); // call moveRight in 20msec</div>
<div>
}</div>
<div>
</div>
<div>
function stop(){</div>
<div>
clearTimeout(animate);</div>
<div>
imgObj.style.left = '0px'; </div>
<div>
}</div>
<div>
</div>
<div>
window.onload =init;</div>
<div>
//--></div>
<div>
</script></div>
<div>
</div>
<div>
</head></div>
<div>
</div>
<div>
</div>
<div>
<form></div>
<div>
<img id="myImage" src="Suicide-Squad.jpg" /></div>
<div>
<p>Click the buttons below to handle animation</p></div>
<div>
<input type="button" value="Start" onclick="moveRight();" /></div>
<div>
<input type="button" value="Stop" onclick="stop();" /></div>
<div>
</form></div>
<div>
</div>
<div>
</body></div>
<div>
</html></div>
</div>
</div>
Anonymoushttp://www.blogger.com/profile/01177921515552797155noreply@blogger.com0