On Mouse Event Handling Programe with Color Effects

Monday, 6 May 2013

Hi guy and girls !

I have found everywhere that all tutorials like HTML, CSS, JavaScript like are gives only explanation and theory of the Syntax except only some counted web tutorials like W3schools.com and Quackit.com So that I thought that I should start publishing the guideline coding for HTML, CSS and Java.

Today will share some JavaScript Syntax, event, property and so many more live instances of the Java scripting languages. It is very easy to learn here with my giving instances. Use the bellow code:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>On Mouse Event Handling Program with Color Effects</title>
</head>
<body>
<script language="javascript">
function oneclk()
    {
    ashish.T1.style.background="pink"
    }
function dclk()
    {
    ashish.T2.style.background="RED"
    }
function onMover()
    {
    ashish.T3.style.background="green"
    }   
function onMout()
    {
    ashish.t4.style.background="yellow"
    }
function onBlur()
    {
    ashish.t5.style.background="blue"
    }
function onUpdate()
    {
    ashish.t6.style.background="gray"
    }  
</script>

<form method="post" action="demo_form.asp" name="ashish">
<p>
<input type="text" name="T1" size="20" onclick="oneclk()">On Click</p>
<p>
<input type="text" name="T2" size="20" ondblclick="dclk()">On Double Click</p>
<p>
<input type="text" name="T3" size="20" onmouseover="onMover()">On Mouse Over</p>
<p>
<input type="text" name="t4" size="20" onmouseout="onMout()">On Mouse Out</p>
<p>
<input type="text" name="t5" size="20" onblur="onBlur()">On Blur</p>
<p>
<input type="text" name="t6" size="20" onafterupdate="onUpdate()">On Update</p>
</form>
</body>
</html>

You can use this coding line by copying the syntax which has been given in the above box. You can also do it without internet connection. Just copy the code and paste into the Notepad and save that in like Java.html and then open it with your browser. You will see the all given events results. Just analyse the coding and change according to your way.

G+plus Facebook Twitter Linkedin Blog: Madhubala Chaubey is the Pro. of SEO Innovation at HCL and Marketing Entrepreneur. She is professional expert in the organic seo, PPC and social media marketing. Madhubala has been doing SEO since 2008, when he started her first company at age 21. An avid web designer and entrepreneur, her latest project is the social media tool for bloggers. She is the author of the new report, "Content Marketing Like a Pro: Tactics and Techniques to Increase Search Engine Visibility. She has started her career in web designing and development. Get in touch HTML CSS Line

Pages

HCL

Featured News

On Mouse Event Handling Programe with Color Effects

Monday, 6 May 2013

No comments:

Post a Comment

VIEWS CATEGORIES

Popular Posts

About Me

Labels

Get in Touch with Me

Blogroll

Most Reading

Archives

Tags

Social Networks