zoukankan      html  css  js  c++  java
  • .net中服務器端與客戶端代碼交替使DIV展開或收縮

    在實際應用中,點擊某圖片時,客戶端代碼與服務器端事件都能使一個DIV展開或收縮,實現如下。
    先創建一個圖片,如下:
    <IMG alt="To down" id="ImageButton1" class="CursorIsHand" runat="server" src="../Images/Toolbar/Arrow_down.gif">
    寫Javascript函數,如下:
    function PlusMinusDiv()
    {
        
    var objDiv = document.getElementById("divGrid");
        
    var objImg = document.getElementById("ImageButton1");
        
    //alert(objDiv.style.height);
        if(objDiv.style.height == '0px')
        
    {
            objDiv.style.height 
    = 150;
            objImg.src 
    = "../Images/Toolbar/Arrow_up.gif"
            objImg.alt 
    = "To top";
        }

        
    else
        
    {
            objDiv.style.height 
    = 0;
            objImg.src 
    = "../Images/Toolbar/Arrow_down.gif"
            objImg.alt 
    = "To down";
        }

    }

    寫(!this.IsPostBack) 中 寫this.ImageButton1.Attributes.Add("onclick","PlusMinusDiv();");
    寫C#代碼,以在點擊某按鈕後展開DIV
    private void DivGridVisible()
    {
        ImageButton1.Src 
    = "../Images/Toolbar/Arrow_up.gif";
        ImageButton1.Alt 
    = "To Top";
        
    this.divGrid.Style.Add("height","150");
          divGrid.Visible 
    = true;
    }


     
  • 相关阅读:
    PHP 输出true false
    code::blocks 注释快捷键
    GDAL 网址
    wine qq2011安装
    C++ ACM解题
    C++内存分配秘籍—new,malloc,GlobalAlloc详解(Zhuan)
    grub4dos初级教程-入门篇(Z)
    GDAL 编译(转)
    ubuntu双系统安装
    shapfile格式说明(转)
  • 原文地址:https://www.cnblogs.com/brawei/p/548353.html
Copyright © 2011-2022 走看看