次の方法で共有

Sys.UI.DomElement の setVisibilityMode メソッド

  • [アーティクル]

更新 : 2007 年 11 月

Sys.UI.DomElement.setVisible メソッドの呼び出しによって非表示になっているときの DOM 要素のレイアウト特性を設定します。これは静的メンバで、クラスのインスタンスを作成しなくても呼び出すことができます。

Sys.UI.DomElement.setVisibilityMode(element, Sys.UI.VisibilityMode.hide);

パラメータ

名前

定義

element

対象 DOM 要素。

value

Sys.UI.VisibilityMode 列挙値。

解説

setVisibilityMode メソッドは、Sys.UI.DomElement.setVisible メソッドの呼び出しによって非表示になっているときの DOM 要素のレイアウト特性を設定するために使用します。たとえば、value が Sys.UI.VisibilityMode.collapse に設定されている場合、その要素を非表示にするために setVisible メソッドが呼び出されると、その要素はページ上のスペースをまったく使用しません。

使用例

setVisibilityMode メソッドを使用する方法の例を次に示します。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<script runat="server">
</script>

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>Example of setVisibilityMode Method</title>
</head>
<body>
  <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" 
       runat="server" 
      EnableScriptGlobalization="true" />
    <asp:UpdatePanel ID="UpdatePanel1" 
      runat="server" 
      ChildrenAsTriggers="False" 
      UpdateMode="Conditional">
      <ContentTemplate>
        <asp:Panel ID="Panel1" 
          runat="server" 
          GroupingText="Update Panel">
          <br />
          <asp:Label ID="Label1" runat="server" 
            BackColor="Blue" 
            ForeColor="White" 
            Text="Label1"></asp:Label>
          <p></p>
          <asp:Button ID="Button1" 
            runat="server" 
            Text="Toggle Visibility of Label1" />
          <asp:Button ID="Button2" 
            runat="server" 
            Text="Toggle VisibilityMode of Label1" />
        </asp:Panel>
      </ContentTemplate>
    </asp:UpdatePanel>
  </form>
</body>
</html>

<script type="text/javascript">
    // Add handlers using the $get shortcut to the 
    // Sys.UI.DomElement.getElementById method
    $addHandler($get("Button1"), "click", toggleVisible);
    $addHandler($get("Button2"), "click", toggleVisibilityMode);
    
    // This method is called when Button2 is clicked.
    function toggleVisible() {
        var anElement = $get("Label1");
        if (Sys.UI.DomElement.getVisible(anElement)){
             Sys.UI.DomElement.setVisible(anElement, false);  
        }
        else{
             Sys.UI.DomElement.setVisible(anElement, true);  
        }
    }
    
    // This method is called when Button1 is clicked.
    function toggleVisibilityMode() {
        var anElement = $get("Label1");
        
        var visMode = Sys.UI.DomElement.getVisibilityMode(anElement); 
         
         var status = visMode
         
        if (visMode === 0){
           Sys.UI.DomElement.setVisibilityMode(anElement, 
               Sys.UI.VisibilityMode.collapse); 
           if (document.all)
           {
                anElement.innerText = 
                "Label1  VisibilityMode: Sys.UI.VisibilityMode.collapse";
            }
            else{
                //Firefox
                anElement.textContent = 
                "Label1  VisibilityMode: Sys.UI.VisibilityMode.collapse";
            }
        }
        else{
           Sys.UI.DomElement.setVisibilityMode(anElement, 
               Sys.UI.VisibilityMode.hide); 
           if (document.all)
           {
                anElement.innerText = 
                "Label1  VisibilityMode: Sys.UI.VisibilityMode.hide";
           }
           else{
               //Firefox
               anElement.textContent = 
               "Label1  VisibilityMode: Sys.UI.VisibilityMode.hide";
           }
        }
    }
</script>

参照

参照

Sys.UI.DomElement クラス

その他の技術情報

言語リファレンス