native_client_sdk/src/examples/api/mouse_cursor/index.html

   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>