JavaScript大小控件不工作在兒童頁面

我想添加一個母版頁到現有的頁面來創建一個站點範圍的標題。不幸的是，一些JavaScript尺寸控制停止工作，當我添加母版頁引用到Default.aspxJavaScript大小控件不工作在兒童頁面

function ChangePanelHeight(){ 
    var MyPanel; 
    var NewHeight=(screen.height*.45); 
    MyPanel = document.getElementById('pnlContainer'); 
    MyPanel.style.height = NewHeight + "px"; 
}

的JavaScript函數（它嵌入在內容頁面上）的作品，當我添加母版頁，但調整大小纔不是。換句話說，JavaScript觸發器中的alert('Hey!');就好，但由於某種原因面板高度保持不變。沒有它，它工作得很好。母版頁是這樣的：

<%@ Master Language="VB" AutoEventWireup="false" CodeBehind="Site.master.vb" Inherits="PropertyManagementSystem.Site" %> 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
    <title></title> 
    <asp:ContentPlaceHolder ID="head" runat="server"> 
    </asp:ContentPlaceHolder> 
</head> 
<body> 
    <form id="form1" runat="server"> 
    <div id="header"> 
    <table> 
    <tr> 
     <td><h1>Property Management System</h1></td> 
    </tr> 
    <tr> 
     <td><h2>All Your Property - Managed At The Palm Of Your Hand</h2></td> 
     <td><h2>Welcome <asp:Label ID="lblWhoName" runat="server"/></h2></td> 
    </tr> 
    <tr> 
     <td><a id="lHome" href="Default.aspx">Home</a></td> 
     <td><a id="lManageDevices" href="ManageDevices.aspx">Manage Devices</a></td> 
     <td><a id="lManageLookupTables" href="ManageLookups.aspx">Manage Lookups</a></td> 
     <td><a id="lHelp" href="Help.aspx">Help</a></td> 
     </tr> 
    </table> 
    </div> 
    <div> 
     <asp:ContentPlaceHolder ID="MainContent" runat="server"> 
     </asp:ContentPlaceHolder> 
    </div> 
    </form> 
</body> 
</html>

來源

2013-08-02 ReimTime

試試這個（使.getElementID的元素ID指的是控制的客戶端ID）：

function ChangePanelHeight(){ 
    var MyPanel; 
    var NewHeight=(screen.height*.45); 
    MyPanel = document.getElementById('<%=pnlContainer.ClientID %>'); 
    MyPanel.style.height = NewHeight + "px"; 
}

來源

2013-08-02 13:22:24

我不記得，如果你需要單引用是否 –

謝謝！你幫我找到了答案。顯然，「ct100_MainContent_」會在客戶端呈現時附加到ID的前面，所以您的回答是沿着正確的軌道。 – ReimTime

沒問題！是的，這有點痛苦，最近我有這個問題。每當控件是父控件的子控件時，它都附加在客戶端，但控件的「ClientID」將始終引用該完整字符串。 –

JavaScript大小控件不工作在兒童頁面

回答

相關問題