Scribd Logo
Upload

Welcome to Scribd!

  • Practical No 7

    Uploaded by

    Yuva Neta Ashish Pandey
    10 views4 pages
    The document discusses 4 programs that demonstrate different mouse and form events in HTML. Program 1 uses onclick to display an alert when different buttons are clicked. Program 2 uses ondblclick to display an alert when a button is double clicked. Program 3 uses onmousemove to display an alert when the mouse is moved over a text area. Program 4 uses onmouseover and onmouseout to change the text of a button as the mouse passes over and away from it.

    Original Description:

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    The document discusses 4 programs that demonstrate different mouse and form events in HTML. Program 1 uses onclick to display an alert when different buttons are clicked. Program 2 uses ondblclick to display an alert when a button is double clicked. Program 3 uses onmousemove to display an alert when the mouse is moved over a text area. Program 4 uses onmouseover and onmouseout to change the text of a button as the mouse passes over and away from it.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    10 views4 pages

    Practical No 7

    Uploaded by

    Yuva Neta Ashish Pandey
    The document discusses 4 programs that demonstrate different mouse and form events in HTML. Program 1 uses onclick to display an alert when different buttons are clicked. Program 2 uses ondblclick to display an alert when a button is double clicked. Program 3 uses onmousemove to display an alert when the mouse is moved over a text area. Program 4 uses onmouseover and onmouseout to change the text of a button as the mouse passes over and away from it.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 4

    Practical No7: Create a web page to implement Form Events Part I

    Program No: 1
    onclick:

    <html>
    <head>
    <title>onClick Demo</title>
    </head>
    <script>
    function i1()
    {
    alert("WELCOME TO INDIA");
    }
    function i2()
    {
    alert("WELCOME TO USA");
    }
    function i3()
    {
    alert("WELCOME TO CHINA");
    }
    </script>
    </head>
    <form>
    <input type="button" name="b1" value="India" onclick="i1()">
    <input type="button" name="b2" value="USA" onclick="i2()">
    <input type="button" name="b3" value="China" onclick="i3()">
    </form>
    </html>

    Output:
    Program No:2
    Onbdbclick:

    <html>
    <head>
    <title>ondblClick Demo</title>
    </head>
    <script >
    function message()
    {
    alert("double clicked...");
    }
    </script>
    </head>
    <form>
    <input type="button" name="b1" value="India" ondblclick="message()">
    </form>
    </html>

    Output:

    Program No: 3
    Onmousemove:

    <html>
    <head>
    <title>Mouse event Demo</title>
    </head>
    <script>
    function move()
    {
    alert("Mouse moves");
    }
    </script>
    </head>
    <form name="frm1">
    <textarea name="ta1" rows="10" cols="10" onmousemove="move()">
    write here...
    </textarea>
    </form>
    </html>

    Output:

    Program No:4
    onmouseover & onmouseout:

    <html>
    <head>
    <title>Mouse event Demo</title>
    </head>
    <script>
    function over()
    {
    document.frm1.b1.value="Mouse Over";
    }
    function out()
    {
    document.frm1.b1.value="Mouse Out";
    }
    </script>
    </head>
    <form name="frm1">
    <input type="button" name="b1" value="Click" onmouseover="over()"
    onmouseout="out()">
    </form>
    </html>
    Output:

    You might also like