将onMouseOver Javascript函数添加到Asp.Net动态菜单项
动态创建菜单项时,如何向asp.net菜单项添加mouseover javascript函数?不允许您添加.attributes函数 [Javasript]将onMouseOver Javascript函数添加到Asp.Net动态菜单项,javascript,asp.net,Javascript,Asp.net,动态创建菜单项时,如何向asp.net菜单项添加mouseover javascript函数?不允许您添加.attributes函数 [Javasript] <script type="text/javascript"> function ChangeProjectImage(obj) { var ctrl = document.getElementById(obj.id); ...code... } </script>
<script type="text/javascript">
function ChangeProjectImage(obj) {
var ctrl = document.getElementById(obj.id);
...code...
}
</script>
我最终使用了datagrid控件 HTML JavaScript
function ChangeProjectImage(imgpath, resizeheight) {
var img1 = document.getElementById"MainContent_LeftTopTabContainer_ThumbTabPanel_Image2")
img1.style.height = resizeheight
img1.src = imgpath;
}
您的项目中有JQuery吗?或者你能使用jQuery吗?这个项目中没有jQuery,我还没有用过。在做了大量的研究之后,这似乎是不可能的。我可能不得不使用样式化的无序列表。
Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
If Me.IsPostBack Then
Else
Dim dt As DataTable = Session("dt")
For Each dr As DataRow In dt.Rows
Dim mi As New MenuItem(dr(0), dr(1), "images\folder_03.png")
Menu1.Items.Add(mi)
Next
End If
<div style="clear: left; padding-right: 5px;">
<asp:GridView ID="GridView1" runat="server" ShowHeader="False" GridLines="None" BorderStyle="None" CssClass="MyGridView">
<Columns>
<asp:ImageField>
<ItemStyle Height="16px" Width="16px" />
</asp:ImageField>
</Columns>
</asp:GridView>
</div>
Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
If Me.IsPostBack Then
Else
...code to fill datagrid
For Each gr As GridViewRow In GridView1.Rows
...code
gr.Attributes.Add("onmouseover", "ChangeProjectImage(""productimages/" & gr.Cells(2).Text & """,""" & gr.Cells(3).Text & """)")
gr.Attributes.Add("onmouseout", "ChangeProjectImage(""images/display2.png"",""140"")")
Next
End If
End Sub
function ChangeProjectImage(imgpath, resizeheight) {
var img1 = document.getElementById"MainContent_LeftTopTabContainer_ThumbTabPanel_Image2")
img1.style.height = resizeheight
img1.src = imgpath;
}