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