Scribd Logo
Upload

Welcome to Scribd!

  • Lecture 109 - Detecting A Click - Clickdothtml

    Uploaded by

    MirunaCatiche
    24 views3 pages
    This document contains HTML and JavaScript code to detect clicks on div elements. It defines two divs with different styles - a green circle and two red squares. A click handler is attached to all divs using jQuery so that an alert pops up whenever a div is clicked, demonstrating how to detect clicks on elements.

    Original Description:

    Detecting a click

    Original Title

    Lecture 109 - Detecting a Click- Clickdothtml

    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
    This document contains HTML and JavaScript code to detect clicks on div elements. It defines two divs with different styles - a green circle and two red squares. A click handler is attached to all divs using jQuery so that an alert pops up whenever a div is clicked, demonstrating how to detect clicks on elements.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pdf or txt
    24 views3 pages

    Lecture 109 - Detecting A Click - Clickdothtml

    Uploaded by

    MirunaCatiche
    This document contains HTML and JavaScript code to detect clicks on div elements. It defines two divs with different styles - a green circle and two red squares. A click handler is attached to all divs using jQuery so that an alert pops up whenever a div is clicked, demonstrating how to detect clicks on elements.

    Copyright:

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

    Detecting A Click: click.

    html
    !
    !

    <!doctype html>
    <html>
    <head>
    <title>Learning jQuery</title>

    <meta charset="utf-8" />
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />

    <script type="text/javascript" src="jquery.min.js"></script>


    <style>

    #circle {
    width:200px;
    height:200px;
    background-color:green;
    border-radius:100px;
    }

    .square {
    width:200px;

    height:200px;
    background-color:red;
    margin-top:10px;
    }

    </style>

    </head>

    <body>

    <div id="circle"></div>

    <div class="square"></div>

    <div class="square"></div>


    <script>

    $("div").click(function() {

    alert("Div Clicked!");


    });

    </script>




    </body>
    </html>

    You might also like