De tablesorter

, de invoering van tablesorter,,,,,,,,,, 25, 6 - eenheid,,,,,,,, de delen van het netwerk, maandag wat in tuts + koers zal dalen tot slechts drie dollar.Niet' niet missen.,,,,,, je creëert, tablesorter is een eenvoudig: « plug­in » waarin dynamische opgenomen in je: //europa.eu.int /comm /- tafel en piepen.Dit is een goede manier om een tafel, geschreven en de gebruikers hebben   opfrissen.Je kan ook, als je het gebruik van Ajax aanvragen.,, deze handleiding zal presenteren van de code en het gebruik van tablesorter drie gevallen.Je kan in de github   download - code.Let op,   tablesorter downloaden vermist is de Pieper, grafische wat foto 's, dus misschien wil je gebruik maken van mijn github   dossier.,,,,, - 1: de tablesorter, mijn eerste voorbeeld toont aan hoe het gebruik van tablesorter te koop aangeboden interconnectie van de domeinnaam kunnen sorteren van de lijst.Hier zie je de presentatie en de code hier.,, er zijn een paar onderdelen die we nodig hebben om tot tablesorter.Ten eerste moeten we laden. En tablesorter plug - ins.Ik ben ook de belasting zijn blauw, < CSS - Blair, het script type = "tekst /javascript" src = "./js/jquery-latest.js" > < /script> < script type = "tekst /javascript" src = "./js/jquery.tablesorter.min.js" > < /script> < Link rel = "stylesheet": /./themes/blue/style.css "=" text/css "media=" print, projectie, het />. ";,,, we bouwen de table bestaande,, < table =" domainsTable "=" tablesorter "> < thead> < tr> < th> gebied name< /th> < th> gTld< /th> < th> Category< /th> < th>; Price< /th> < th> contact < /th> < /tr> < /thead> < tbody> < tr> < td> < a: /uur;TTP://geogram. In totaal "> geogram GmbH < /> < /O > < O > co - < /O > < O > Internet < /O > < o > 49 dollar < /TD *; < OTO > < href =" mailto:[email protected]?Betreft: geogram als domeinnaam voor. In totaal "> de aankoop van < /> < /O > < /TR > < tr > < O > < href = 'http: //newscloud. COM" > newscloud COM < /> < /- > < O > COM < /O > < O > News < /O > < O > 19999 dollar < /O > < O > < href = "mailto:[email protected]?Voor de domeinnaam die thema 's: newscloud. COM "> aankoop van < /> < /O > < /TR > < tr > < O > < href =' http: //popcloud. COM" > popcloud COM < //- > < > < O > COM < /O > < O > muziek < /O > < O > 14999 dollar < /O > < O > < href = "mailto:[email protected]?Voor de domeinnaam die thema 's: popcloud. COM "> aankoop van < /> < /O > < /TR > <.-...- > < /TBODY > < /tabel >,, na dat, we moeten starten tablesorter laden blz.:,, < script> $(document). Voorbereiding (functie) ($("# domainstable"). Tablesorter ({sortlist:[[3], [0]]});}); < /scripts > < /body >,,, in dit geval de mijn vierde kolom, dit is   prijs in afnemende volgorde van de kolom,    , en ik   is geregeld in de derde kolom, dit is   programma,   in oplopende volgorde.  ,, als je dat doet, moet je dit zien...:,,,,, als je je horloge niet laden van dynamische uit de database, misschien   zou zijn als er een eenvoudiger manier om uit de lange lijst van de code: //europa.eu.int /comm /vorm.Is er!I describe it in How to Park, List and Sell Your Domains.,,Basically, I'm using a Google Drive spreadsheet which lists my domains, categories, and prices, and I use concatenate functions to generate Apache server aliases, JavaScript pricing code, and the Tablesorter table row HTML:,,,,,Here's what a concatenate function looks like in Google Drive:,,=CONCATENATE("<tr>","<td>",F2,"</td>","<td>",B2,"</td>","<td>",D2,"</td>","<td>$", TO_DOLLARS(E2),"</td>","<td>",G2,"</td>","</tr>"),,I use the Domena theme available at Envato Market as landing pages for each domain:,,,,,I've customized JavaScript in the theme to change the price based on the domain that's loaded. Ik wil de nieuwe versie met meerdere gebieden domena eleganter.,, gevallen van 2: een oproep   tablesorter, nu zullen we je laten zien hoe dat met tablesorter oproep.Je ziet hier en hier de demonstratie van de code.Het ziet er als volgt uit:,,,,, en deze keer, zullen we in het starten van tablesorter, < hoofd > de etikettering.Ik ook nog de Tablesorter « plug­in »:,, het script = < "tekst /javascript" src = "./js/jquery.tablesorter.pager.js" > < /script> < script type = "tekst /javascript" > $(functie) ($("ja").Tablesorter ({widthFixed: waar, widgets: ['zebra']}).TablesorterPager ({container: $("#pager")});}); < /script>,, ik plaats de: //europa.eu.int /comm /, div, voor de onder de table:, Pieper, < /table> < div = "Pieper" = "Pieper" > < form> < IMG - src = "./addons/pager/icons/first.png" = "de eerste" worden /> < src = "./addons/pager/icons/prev.png" = "preventief" /> - = < de tekst "=" pagedisplay "/> < IMG - src ="./addons/pager/icons/next.png "=" Next "/>< IMG - src = "/« /Pieper /ICO /def. Van Papoea - Nieuw - Guinea" = "eindelijk" /> < de keuze van de klas van 'per bladzijde "> < opties =" keuze "=" 10 "> 10 < /optie BT; < de waarde van de optie" 20 "= &% GT% 20 < /opties > < de waarde van de optie =" 30 "> 30 < /opties > < de waarde van de optie =" 40 "> 40% LT% /opties > < /selectie > < /vorm > < /div. > < /body >,,,,, dat vond ik een Pieper,   icoon is tablesorter github van websites te verwijderen, dus ik heb ze handmatig demonstratie.Je kan die versie van TUTS +   bibliotheek om ze te laden.,, gevallen van 3:Ajax, we zien hoe dit   gebruik tablesorter tabel in te vullen.Ten eerste, we starten een tablesorter TABEL io gebied.Het ziet er als volgt uit:,,,,, als je een klik, toe te voegen. COM domein, banden, zie je de tafel uit te breiden. COM domein.,, zie je hier laten zien en de code hier.En jax verzoek: //europa.eu.int /comm /. COM domein is hier, hier, de reactie op de code door gebeurtenissen, Ajax - aanvullende regels:,, P > < een id = "toe te voegen aan de domeinnaam" href = "#" > toevoeging van com domein door Ajax. < /P > < script> $(document). Voorbereiding (functie) ($("# domainstable"). Tablesorter ({sortlist:[[3], [0]]}); $("# toe te voegen aan de domeinnaam"). Daarna (functie) ($, (". /Com domein. Functie: //europa.eu.int /comm /" (http: //europa.eu.int) {///////Ajax zal extra "" de gegevens in tabel (tabel ", en" element). Aanvullende (http: //europa.eu.int); ///////- laten weten wat we gedaan hebben voor een verlenging van de $(") (" "), een update");///////- kolom en richting is, kan dit in de derde en de in de tweede kolom van variabelen = [[3], [0]]; $(""). De trekker ("sorton" [...]);});% (dit). De huid (); terugkeer valse;});}); < /scripts >, indien goed gebruikt, kan de gebruiker meer ervaring tablesorter absoluut.,, ik wil dat je deze handleiding nuttig hebben gevonden.   alsjeblieft na correctie, vragen of opmerkingen.Je kan ook op Twitter   @ les Hoffman   of     ik e - mail   rechtstreeks contact met me op.,,, tablesorter banden, de github, tablesorter,

Final product image
Download the code for this Tablesorter demo at Github
Basic tablesorter
My Google Drive HTML Generating Spreadsheet
My Domains for Sale page powered by Domena Theme
Paging with Tablesorter
The AJAX Tablesorter Demo



Previous:
Next Page: