Wiki source code of Pagination
Version 3.1 by Ecaterina Moraru (Valica) on 2009/03/25
Show last authors
| author | version | line-number | content |
|---|---|---|---|
| 1 | 1 Pagination | ||
| 2 | |||
| 3 | Insert description here. | ||
| 4 | |||
| 5 | 1.1 Live example | ||
| 6 | |||
| 7 | Put the HTML needed to display a pagination here and the CSS in an SSX object attached to this page. | ||
| 8 | |||
| 9 | 1.1 Upper navigation | ||
| 10 | |||
| 11 | 1.1.1 CSS | ||
| 12 | |||
| 13 | {code} | ||
| 14 | Put CSS code here. | ||
| 15 | {code} | ||
| 16 | |||
| 17 | 1.1.1 HTML Code | ||
| 18 | |||
| 19 | {code} | ||
| 20 | <div class="searchFilters"> | ||
| 21 | <!-- Filters --> | ||
| 22 | <div id="sortFilter"> | ||
| 23 | $msg.get("xe.search.filters.sort") | ||
| 24 | <a href="" id="currentSort" title="$msg.get('xe.search.filters.relevance.title')">$msg.get("xe.search.filters.relevance")</a> | ||
| 25 | <a href="" class="sortType" title="$msg.get('xe.search.filters.date.title')">$msg.get("xe.search.filters.date")</a> | ||
| 26 | <a href="" class="sortType" title="$msg.get('xe.search.filters.rating.title')">$msg.get("xe.search.filters.rating")</a> | ||
| 27 | <a href="" class="sortType" title="$msg.get('xe.search.filters.popularity.title')">$msg.get("xe.search.filters.popularity")</a> | ||
| 28 | </div> | ||
| 29 | |||
| 30 | <div class="paginationFilter"> | ||
| 31 | <span class="resultsNo">$msg.get("xe.search.filters.results") <span class="currentResultsNo">6-30</span> $msg.get("xe.search.filters.results.of") <span class="totalResultsNo">50</span></span> | ||
| 32 | <span class="controlPagination"> | ||
| 33 | <a href="#" title="$msg.get('xe.search.filters.page.prev.title')" class="prevPagination"></a> | ||
| 34 | <a href="#" title="$msg.get('xe.search.filters.page.next.title')" class="nextPagination"></a> | ||
| 35 | </span> | ||
| 36 | <span class="pagination">$msg.get("xe.search.filters.page") | ||
| 37 | <a href="" title="$msg.get('xe.search.filters.page.title',['1'])">1</a> | ||
| 38 | <a href="" class="currentPagination" title="$msg.get('xe.search.filters.page.title',['2'])">2</a> | ||
| 39 | <a href="" title="$msg.get('xe.search.filters.page.title',['3'])">3</a> | ||
| 40 | <a href="" title="$msg.get('xe.search.filters.page.title',['4'])">4</a> | ||
| 41 | <a href="" title="$msg.get('xe.search.filters.page.title',['5'])">5</a> | ||
| 42 | <a href="" title="$msg.get('xe.search.filters.page.title',['6'])">6</a> | ||
| 43 | <a href="" title="$msg.get('xe.search.filters.page.title',['7'])">7</a> | ||
| 44 | <a href="" title="$msg.get('xe.search.filters.page.title',['8'])">8</a> | ||
| 45 | <a href="" title="$msg.get('xe.search.filters.page.title',['9'])">9</a> | ||
| 46 | </span> | ||
| 47 | </div> | ||
| 48 | </div> | ||
| 49 | {code} | ||
| 50 | |||
| 51 | 1.1 Bottom Navigation | ||
| 52 | |||
| 53 | 1.1.1 CSS | ||
| 54 | |||
| 55 | {code} | ||
| 56 | Put CSS code here. | ||
| 57 | {code} | ||
| 58 | |||
| 59 | 1.1.1 HTML Code | ||
| 60 | |||
| 61 | {code} | ||
| 62 | Put HTML code here. | ||
| 63 | {code} | ||
| 64 | |||
| 65 | 1.1 Details | ||
| 66 | |||
| 67 | Add additional details here. |
