| <!DOCTYPE html> |
| <html> |
| <!-- |
| Copyright (c) 2013 The Chromium Authors. All rights reserved. |
| 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> |