制約オプションを使用したドラッグアンドドロップ

説明

このオプションは、ドラッグ可能な方向（horizontal_または_vertical）を制限するために使用されます。デフォルトはnullで、自由な動きを意味します。

構文

_constraint_オプションを使用する簡単な構文を次に示します。

new Draggable('element', {constraint:null, "horizontal" or "vertical"});

例

<html>
   <head>
      <title>Draggables Elements</title>

      <script type = "text/javascript" src = "/javascript/prototype.js"></script>
      <script type = "text/javascript" src = "/javascript/scriptaculous.js"></script>

      <script type = "text/javascript">
         window.onload = function() {
            new Draggable('myimage', {constraint:"horizontal"});
         }
      </script>
   </head>

   <body>
      <p>Try to drag the following image and see the result and later
         change constraint to vertical and then repeat the exercise</p>

      <img id = "myimage" src = "/images/scriptaculous.gif"/>
   </body>
</html>

これにより、次の結果が生成されます–

Script.aculo.us-scriptaculous-constraint-example

制約オプションを使用したドラッグアンドドロップ

説明

構文

例

目次