Click here to Skip to main content
Rate this: bad
good
Please Sign up or sign in to vote.
Welcome all:
 
I would like to ask you about this javascript, this is a peace of code:
<ItemTemplate>
                    <td id="Td2" runat="server" style="border:solid; width:inherit; border-color:white; font-size:medium;">
                        name:
                        <asp:Label ID="nameLabel" runat="server" Text='<%# Eval("name") %>' />
                        <br />
                        category:
                        <asp:Label ID="categoryLabel" runat="server" Text='<%# Eval("category") %>' />
                        <br />
                        available_quantity:
                        <asp:Label ID="available_quantityLabel" runat="server" Text='<%# Eval("available_quantity") %>' />
                        <br />
                        <asp:Image ID="product_image" runat="server" ImageUrl='<%# Eval("photo") %>'  style="cursor:pointer" class="magnify" width="150" height="150" align="Bottom" />
                        <br />
                        Detailes:
                        <a href='<%# "ProductDetailes.aspx?product_id="+ Eval("product_id")  %>' rel="ajaxpanel" > See product details..</a>
                        <br />
                    </td>
                </ItemTemplate>
and this is a DataPager for this ListView:
<asp:DataPager ID="DataPager1" runat="server" PageSize="15" >
                                    <Fields>
                                        <asp:NextPreviousPagerField ButtonType="Link" ShowFirstPageButton="True" ShowNextPageButton="False" ShowPreviousPageButton="False" />
                                        <asp:NumericPagerField />
                                        <asp:NextPreviousPagerField ButtonType="Link" ShowLastPageButton="True" ShowNextPageButton="False" ShowPreviousPageButton="False" />
                                    </Fields>
                                </asp:DataPager>
I installed a script in the page:
<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'></script>
<link rel="stylesheet" type="text/css" href="scripts/ddajaxsidepanel.css" />
<script src="scripts/ddajaxsidepanel.js">
it opens a new web page in nice panel, but it requires to add the property rel="ajaxpanel" for any link you would like to open it in this panel. I added this property in the listview as you can see from the code above.
 
the script works fine ONLY in the first page of listview, but when you hit 2 (page two) in the DataPager it doen't work, rather, it opens the link in the same page.
 
you can get the script from here:
http://www.dynamicdrive.com/dynamicindex17/ajaxsidepanel.htm[^]
 
please any help to make the script works for all pages in the listview would be appreciated Smile | :)
Best regards.
Posted 12-May-13 2:56am
Edited 17-May-13 13:54pm
v8

1 solution

Rate this: bad
good
Please Sign up or sign in to vote.

Solution 1

Please see my recent answer: Get ListView elements into JavaScript Array[^].
 
—SA
  Permalink  

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

  Print Answers RSS
0 George Jonsson 215
1 Kornfeld Eliyahu Peter 169
2 Zoltán Zörgő 139
3 PIEBALDconsult 130
4 OriginalGriff 120
0 OriginalGriff 6,165
1 DamithSL 4,658
2 Maciej Los 4,107
3 Kornfeld Eliyahu Peter 3,649
4 Sergey Alexandrovich Kryukov 3,342


Advertise | Privacy | Mobile
Web04 | 2.8.141220.1 | Last Updated 17 May 2013
Copyright © CodeProject, 1999-2014
All Rights Reserved. Terms of Service
Layout: fixed | fluid

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100