1<!DOCTYPE html>
2<html>
3  <!--
4  Copyright (c) 2013 The Chromium Authors. All rights reserved.
5  Use of this source code is governed by a BSD-style license that can be
6  found in the LICENSE file.
7  -->
8<head>
9  <meta http-equiv="Pragma" content="no-cache">
10  <meta http-equiv="Expires" content="-1">
11  <title>{{title}}</title>
12  <script type="text/javascript" src="common.js"></script>
13  <script type ="text/javascript" src="example.js"></script>
14  <style>
15    embed {
16      border: 1px solid #ccc;
17      margin-top: 20px;
18    }
19  </style>
20</head>
21<body {{attrs}} data-width="400" data-height="400">
22  <h1>{{title}}</h1>
23  <h2>Status: <code id="statusField">NO-STATUS</code></h2>
24  <p>
25    This example shows how to change the mouse cursor. Move the mouse over
26    the box below to see the mouse pointer change.
27  </p>
28  <p>
29    <em>hint: to see all of the cursors quickly, click on the select box, and
30      use the keyboard to change the current selection.</em>
31  </p>
32  <label>Cursor Type:</label>
33  <select>
34    <option value="-1">PP_MOUSECURSOR_TYPE_CUSTOM</option>
35    <option value="0">PP_MOUSECURSOR_TYPE_POINTER</option>
36    <option value="1">PP_MOUSECURSOR_TYPE_CROSS</option>
37    <option value="2">PP_MOUSECURSOR_TYPE_HAND</option>
38    <option value="3">PP_MOUSECURSOR_TYPE_IBEAM</option>
39    <option value="4">PP_MOUSECURSOR_TYPE_WAIT</option>
40    <option value="5">PP_MOUSECURSOR_TYPE_HELP</option>
41    <option value="6">PP_MOUSECURSOR_TYPE_EASTRESIZE</option>
42    <option value="7">PP_MOUSECURSOR_TYPE_NORTHRESIZE</option>
43    <option value="8">PP_MOUSECURSOR_TYPE_NORTHEASTRESIZE</option>
44    <option value="9">PP_MOUSECURSOR_TYPE_NORTHWESTRESIZE</option>
45    <option value="10">PP_MOUSECURSOR_TYPE_SOUTHRESIZE</option>
46    <option value="11">PP_MOUSECURSOR_TYPE_SOUTHEASTRESIZE</option>
47    <option value="12">PP_MOUSECURSOR_TYPE_SOUTHWESTRESIZE</option>
48    <option value="13">PP_MOUSECURSOR_TYPE_WESTRESIZE</option>
49    <option value="14">PP_MOUSECURSOR_TYPE_NORTHSOUTHRESIZE</option>
50    <option value="15">PP_MOUSECURSOR_TYPE_EASTWESTRESIZE</option>
51    <option value="16">PP_MOUSECURSOR_TYPE_NORTHEASTSOUTHWESTRESIZE</option>
52    <option value="17">PP_MOUSECURSOR_TYPE_NORTHWESTSOUTHEASTRESIZE</option>
53    <option value="18">PP_MOUSECURSOR_TYPE_COLUMNRESIZE</option>
54    <option value="19">PP_MOUSECURSOR_TYPE_ROWRESIZE</option>
55    <option value="20">PP_MOUSECURSOR_TYPE_MIDDLEPANNING</option>
56    <option value="21">PP_MOUSECURSOR_TYPE_EASTPANNING</option>
57    <option value="22">PP_MOUSECURSOR_TYPE_NORTHPANNING</option>
58    <option value="23">PP_MOUSECURSOR_TYPE_NORTHEASTPANNING</option>
59    <option value="24">PP_MOUSECURSOR_TYPE_NORTHWESTPANNING</option>
60    <option value="25">PP_MOUSECURSOR_TYPE_SOUTHPANNING</option>
61    <option value="26">PP_MOUSECURSOR_TYPE_SOUTHEASTPANNING</option>
62    <option value="27">PP_MOUSECURSOR_TYPE_SOUTHWESTPANNING</option>
63    <option value="28">PP_MOUSECURSOR_TYPE_WESTPANNING</option>
64    <option value="29">PP_MOUSECURSOR_TYPE_MOVE</option>
65    <option value="30">PP_MOUSECURSOR_TYPE_VERTICALTEXT</option>
66    <option value="31">PP_MOUSECURSOR_TYPE_CELL</option>
67    <option value="32">PP_MOUSECURSOR_TYPE_CONTEXTMENU</option>
68    <option value="33">PP_MOUSECURSOR_TYPE_ALIAS</option>
69    <option value="34">PP_MOUSECURSOR_TYPE_PROGRESS</option>
70    <option value="35">PP_MOUSECURSOR_TYPE_NODROP</option>
71    <option value="36">PP_MOUSECURSOR_TYPE_COPY</option>
72    <option value="37">PP_MOUSECURSOR_TYPE_NONE</option>
73    <option value="38">PP_MOUSECURSOR_TYPE_NOTALLOWED</option>
74    <option value="39">PP_MOUSECURSOR_TYPE_ZOOMIN</option>
75    <option value="40">PP_MOUSECURSOR_TYPE_ZOOMOUT</option>
76    <option value="41">PP_MOUSECURSOR_TYPE_GRAB</option>
77    <option value="42">PP_MOUSECURSOR_TYPE_GRABBING</option>
78  </select>
79  <div id="listener"></div>
80</body>
81</html>
82