我有一个带有不同图像和描述的数据列表...我希望单击图像并通过 javascript 知道所选行的索引(以制作分页图片)。
我有这个代码,但不起作用......它总是在变量“当前页面”中返回 1。
我的 ASP.NET 代码
<HeaderTemplate>
<table style="width: 100%;">
<tr>
<th style="width: 25%"></th>
<th style="width: 45%">
<asp:Label runat="server" ID="lblLegenda" Text="legenda" />
</th>
<th style="width: 10%;"></th>
</tr>
</HeaderTemplate>
<ItemTemplate>
<tr>
<td style="padding: 5px">
<asp:Image ID="img_gall" onclick="LoadDiv(this.src, this)" Style="cursor: pointer;" runat="server" Width="70px" ImageUrl='imageurl' />
</td>
<td>
<asp:Label runat="server" ID="lblMultimediaDesciprion" Text='description' />
</td>
<td class="icons">
<asp:ImageButton ID="delete_image" ImageUrl="Images/icons/delete.png" runat="server" CommandName='<%# Eval("ID") %>' OnClick="delete_image" />
</td>
</tr>
</ItemTemplate>
<AlternatingItemTemplate>
<tr class="colored">
<td style="padding: 5px">
<asp:Image ID="img_gall" onclick="LoadDiv(this.src, this)" runat="server" ImageUrl='imageurl' /></td>
<td>
<asp:Label runat="server" ID="lblMultimediaDesciprion" Text='description' />
</td>
<td class="icons">
<asp:ImageButton ID="delete_image" ImageUrl="Images/icons/delete.png" runat="server" CommandName='<%# Eval("ID") %>' OnClick="delete_image" />
</td>
</tr>
</AlternatingItemTemplate>
</asp:DataList>
JAVASCRIPT代码
var CurrentPage = 1;
function GetImageIndex(obj) {
while (obj.parentNode.tagName != "TD")
obj = obj.parentNode;
var td = obj.parentNode;
var tr = td.parentNode;
if (td.rowIndex % 2 == 0) {
return td.cellIndex + tr.rowIndex;
}
else {
return td.cellIndex + (tr.rowIndex * 2);
}
}
function LoadDiv(url, lnk) {
CurrentPage = GetImageIndex(lnk.parentNode) + 1;
}
有人可以帮助我吗?