2012-12-23 79 views
0
<script language="javascript" type="text/javascript"> 
function resize() 
{ 
//alert("ok"); 
     var e = document.GetElementById("ImageEdit"); 
     e.style.width = "500px"; 

} 
</script> 


<asp:Image ID="ImageEdit" runat="server" BorderWidth="4" Width="120px" Height="120px" name="Image1" /></td></tr> 

<input id="Button1" type="button" value="button" onclick="resize();" /> 

爲什麼不ImageEdit變化幅度如何更改asp控件的寬度/高度?

+0

這個媽媽的任何更新? – Seany84

回答

2

是:

getElementById() 

,而不是:

GetElementById() 

不能相信我沒有發現更早。

完整的代碼示例:

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
    <title></title> 
    <script language="javascript" type="text/javascript"> 
     function resize() { 
      var x = '<%= ImageEdit.ClientID %>'; 
      alert(x); 
      var e = document.getElementById('<%= ImageEdit.ClientID %>'); 
      e.style.width = "500px"; 
     } 
    </script> 
</head> 
<body> 
    <form id="form1" runat="server"> 
     <asp:Image ID="ImageEdit" runat="server" BorderWidth="4" Width="120px" Height="120px" name="Image1" /> 

     <input id="Button1" type="button" value="button" onclick="resize();" /> 
    </form> 
</body> 
</html> 
+0

我使用2.0版本。我設置ClientInstanceName =「ImageEdit」,這是行不通的 – mum

+0

你可以試試'ClientID'屬性,看看是否起作用?所以,ClientID =「ImageEdit」。 – Seany84

+0

一旦通過驗證,您能否將其標記爲答案。謝謝 – Seany84

1

Seany84的答案是正確的,但是如果你打算使用很多java腳本在你的項目我會建議使用jQuery。它使得使用Java腳本工作在公園裏散步!

<head runat="server"> 
    <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script> 
    <script language="javascript" type="text/javascript"> 
     $(document).ready(function() { 
      $("#Button1").click(function() { 
       $("#ImageEdit").width("500px"); 
      }); 
     }); 
    </script> 
    <title></title> 
</head> 
<body> 
    <form id="form1" runat="server"> 
    <asp:Image ID="ImageEdit" runat="server" BorderWidth="4" Width="120px" Height="120px" name="Image1" /> 
    <input id="Button1" type="button" value="button" /> 
    </form> 
</body> 
相關問題