Avatar billede tinaw25 Nybegynder
13. november 2013 - 10:30 Der er 7 kommentarer og
1 løsning

Produkter i en repeater, vil godt have info box ved klik på produkt?

Hej

Jeg 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
Avatar billede keysersoze Guru
13. november 2013 - 12:25 #1
Klikke to gange for at din popup vises eller for at den vises med de korrekte data? Umiddelbart bør din js i hvert fald ændres lidt;

$(function () {
    $('#contactFormContainer').hide();
    $('.showdialog2').click(function () {
        var clickedLink = $(this);
        $("#contactFormContainer").load("bekraeft.aspx?deli_id=" + clickedLink.attr("data-id"));
        $("#contactFormContainer").fadeToggle('slow');
    });
});
Avatar billede tinaw25 Nybegynder
13. november 2013 - 12:34 #2
Den er tom når den åbner op
Avatar billede tinaw25 Nybegynder
13. november 2013 - 12:35 #3
Den der er tom når jeg åbner den op, skal kun trykke en gang. Men der er ingen informationer i min popup box
Avatar billede keysersoze Guru
13. november 2013 - 13:13 #4
Det er den fordi du definerer variablen clickedLink på et forkert tidspunkt - det er løst i mit eksempel.
Avatar billede tinaw25 Nybegynder
13. november 2013 - 13:21 #5
Hele siden vises i min popup box
Avatar billede keysersoze Guru
13. november 2013 - 19:56 #6
det er lidt svært at gætte uden at kunne se det - men du kan jo prøve at se hvad den forsøger at loade i load-metoden og se om det er den forventede URL. Du kan bare benytte din developer toolbar eller Fiddler til det.
Avatar billede tinaw25 Nybegynder
02. februar 2014 - 15:26 #7
Vi har aldrig fået lukket tråden, smid et svar
Avatar billede keysersoze Guru
02. februar 2014 - 16:32 #8
svar
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Kurser inden for grundlæggende programmering

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester