File: image-map.html

package info (click to toggle)
webkit2gtk 2.46.1-2~bpo12%2B1
  • links: PTS, VCS
  • area: main
  • in suites: bookworm-backports
  • size: 420,212 kB
  • sloc: cpp: 3,538,579; javascript: 195,655; ansic: 170,215; python: 45,490; ruby: 18,411; asm: 18,016; perl: 16,533; xml: 4,605; yacc: 2,359; sh: 2,068; java: 1,711; lex: 1,327; pascal: 366; makefile: 316
file content (31 lines) | stat: -rw-r--r-- 688 bytes parent folder | download | duplicates (16)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
        <style>
        body {
            width: 100%;
            height: 100%;
            margin: 0;
        }

        img {
            width: 320px;
            height: 320px;
        }

        h1 {
            font-size: 50px;
        }
        </style>
</head>

<body>
    <img src="icon.png" usemap="#imgmap">
    <map name="imgmap"><area href="https://www.apple.com" coords="0,0,400,400" shape="rect"></map>
    <h1 id="h1">Hello world</h1>
    <script>
    function selectTextNode(text)
    {
        getSelection().setBaseAndExtent(text, 0, text, text.data.length);
    }
    </script>
</body>