Produkter i en repeater, vil godt have info box ved klik på produkt?
HejJeg har en masse produkter, som bliver vist med en datalist. Når man klikker på produktet vil jeg godt have den til at vise nogle informationer i den popup box som høre til det produkt.
Den løsning jeg har nu, skal man trykke to gange for at den popup box kommer op, og det er absolut ikke holdbart. Jeg har kigget lidt på nogle forslag ude på nettet, og har prøvet med dette her. Men min popup box er tom når jeg åbner den, og kan virkelig ikke gennemskue hvad det er jeg mangler eller gør forkert.
Sådan her ser min viste produktliste ud:
<HeaderTemplate>
<p class="overskrift_bestil">Ekstra varer</p>
</HeaderTemplate>
<ItemTemplate>
<td><asp:TextBox ID="TextBox_deli" runat="server" Width="15" Height="15"></asp:TextBox></td>
<td><p><%#Eval("deli_navn") %></p></td>
<td>
<a href="#" class="showdialog2" data-id='<%#Eval("deli_navn") %>'>info</a>
</td>
</ItemTemplate>
Mit Jquery:
$(function () {
var clickedLink = $(this);
$('#contactFormContainer').hide();
$('.showdialog2').click(function () {
$("#contactFormContainer").load("bekraeft.aspx?deli_id=" + clickedLink.attr("data-id"));
$("#contactFormContainer").fadeToggle('slow');
});
});
Min popup box;
<div id="contactFormContainer">
<div id="contactForm">
<a class="close" href="#close" ><img src="Image/closebuttom.png" alt="Close"/></a>
<asp:Repeater ID="Repeater1" runat="server" DataSourceID="SqlDataSource2">
<ItemTemplate>
<div class="tekst_info">
<p><%#Eval("deli_navn") %> <br />
<%#Eval("tekst") %></p>
</div>
<div class="tekst_pris">
<p> <%#Eval("ml") %>, <%#Eval("pris") %> kr.</p>
</div>
<div class="billede_info">
<img src="Images/upload/Thumbs/<%#Eval("billede") %>" onerror="this.onerror=null; this.src='Images/upload/Thumbs/no_image.jpg';" />
</div>
</ItemTemplate>
</asp:Repeater>
</div>
</div>
Håber nogle har lyst og kan hjælpe mig.
/Tina