前台代码
<asp:DataList ID="DataList1" runat="server" RepeatColumns="3" Width="100%"
BorderColor="#FF3300" Font-Size="Larger" >
<ItemTemplate>
<asp:image ID="Image1" runat="server" width="180" ImageUrl='<%#"cpimage/" +Eval("Name")%>' ToolTip='<%#Eval("Name").ToString().Replace(".jpg","")%>' />
<br />
<br />
<asp:Label ID="Label1" runat="server" Text='<%#Eval("Name").ToString().Replace(".jpg","")%>' ForeColor="Fuchsia" BackColor="#FF9900" Font-Size="Larger" CssClass="mid" BorderColor="Aqua" BorderStyle="Double"></asp:Label>
<br />
<br />
</ItemTemplate>
</asp:DataList>
<asp:ListBox ID="ListBox1" runat="server" Height="300px" Width="200px">
</asp:ListBox>
后台代码
DirectoryInfo imagesfile = new DirectoryInfo(Server.MapPath("./cpimage"));
DataList1.DataSource = imagesfile.GetFiles("*.jpg");
DataList1.DataBind();
请问怎么实现单击图片就在listbox1中添加image1的tooltip的值
------解决方案--------------------------------------------------------
用JS吧
每个img加个ID
$("#listbox1").val($("#img1").attr("ToolTip"))
------解决方案--------------------------------------------------------
你的第一个贴我都给你回了,两个做法一样的。
<asp:image ID="Image1_<%#Eval("id")>" runat="server" onclick="save(<%#Eval("id")>)" width="180" ImageUrl='<%#"cpimage/" +Eval("Name")%>' ToolTip='<%#Eval("Name").ToString().Replace(".jpg","")%>' />
ID="Image1_<%#Eval("id")>" id是数据库唯一字段
function save(id)
{
$("#listbox1").val($("#iImage1_"+id).attr("ToolTip"))
}
------解决方案--------------------------------------------------------
修改显示模板
<ItemTemplate>
//这里加上单击事件
<asp:image ID="Image1" runat="server" width="180" ImageUrl='<%#"cpimage/" +Eval("Name")% OnClick='Image_Click'>' ToolTip='<%#Eval("ToolTip").ToString().Replace(".jpg","")%>' />
//cs处理代码中添加
protected void Image_Click(object o,EventArgs e)
{
System.Web.UI.Image image=null;
if(o is System.Web.UI.Image)
image=o as System.Web.UI.Image;