Linux websever 5.15.0-153-generic #163-Ubuntu SMP Thu Aug 7 16:37:18 UTC 2025 x86_64
Apache/2.4.52 (Ubuntu)
: 192.168.3.70 | : 192.168.1.99
Cant Read [ /etc/named.conf ]
8.1.2-1ubuntu2.23
urlab
www.github.com/MadExploits
Terminal
AUTO ROOT
Adminer
Backdoor Destroyer
Linux Exploit
Lock Shell
Lock File
Create User
CREATE RDP
PHP Mailer
BACKCONNECT
UNLOCK SHELL
HASH IDENTIFIER
CPANEL RESET
CREATE WP USER
README
+ Create Folder
+ Create File
/
var /
www /
html /
cai /
admins /
sort /
docs /
[ HOME SHELL ]
Name
Size
Permission
Action
assets
[ DIR ]
drwxr-x--x
css
[ DIR ]
drwxr-x--x
fonts
[ DIR ]
drwxr-x--x
img
[ DIR ]
drwxr-x--x
js
[ DIR ]
drwxr-x--x
example-add-rows.html
3.46
KB
-rwxr-x--x
example-ajax.html
2.97
KB
-rwxr-x--x
example-apply-widget.html
3.81
KB
-rwxr-x--x
example-child-rows-filtered.ht...
51.31
KB
-rwxr-x--x
example-child-rows.html
42.24
KB
-rwxr-x--x
example-colspan.html
7.75
KB
-rwxr-x--x
example-css-highlighting.html
14.78
KB
-rwxr-x--x
example-dragtable.html
12.64
KB
-rwxr-x--x
example-empty-table.html
2.48
KB
-rwxr-x--x
example-extending-defaults.htm...
2.28
KB
-rwxr-x--x
example-extractors-parsers.htm...
5.03
KB
-rwxr-x--x
example-header-column-span.htm...
2.81
KB
-rwxr-x--x
example-locale-sort.html
4.48
KB
-rwxr-x--x
example-meta-headers.html
2.9
KB
-rwxr-x--x
example-meta-parsers.html
2.73
KB
-rwxr-x--x
example-meta-sort-list.html
2.86
KB
-rwxr-x--x
example-method-sortreset.html
2.9
KB
-rwxr-x--x
example-multiple-tbodies.html
3.07
KB
-rwxr-x--x
example-option-built-in-parser...
3.86
KB
-rwxr-x--x
example-option-custom-sort.htm...
6.73
KB
-rwxr-x--x
example-option-date-format.htm...
4.62
KB
-rwxr-x--x
example-option-debug.html
2.48
KB
-rwxr-x--x
example-option-delay-init.html
781.24
KB
-rwxr-x--x
example-option-digits.html
3.48
KB
-rwxr-x--x
example-option-render-header.h...
4.62
KB
-rwxr-x--x
example-option-render-template...
4.31
KB
-rwxr-x--x
example-option-selectorsort.ht...
2.85
KB
-rwxr-x--x
example-option-show-processing...
111.69
KB
-rwxr-x--x
example-option-sort-append.htm...
4.13
KB
-rwxr-x--x
example-option-sort-empty.html
4.78
KB
-rwxr-x--x
example-option-sort-force.html
2.41
KB
-rwxr-x--x
example-option-sort-key.html
2.35
KB
-rwxr-x--x
example-option-sort-list.html
3.35
KB
-rwxr-x--x
example-option-sort-order.html
2.19
KB
-rwxr-x--x
example-option-sortreset-sortr...
3.32
KB
-rwxr-x--x
example-option-text-extraction...
3.85
KB
-rwxr-x--x
example-option-textsorter-semv...
4.01
KB
-rwxr-x--x
example-option-theme-bootstrap...
14.26
KB
-rwxr-x--x
example-option-theme-bootstrap...
18.36
KB
-rwxr-x--x
example-option-theme-bootstrap...
13.29
KB
-rwxr-x--x
example-option-theme-materiali...
14.25
KB
-rwxr-x--x
example-option-theme-metro-sty...
8.94
KB
-rwxr-x--x
example-options-headers-digits...
5.63
KB
-rwxr-x--x
example-options-headers-locked...
3.09
KB
-rwxr-x--x
example-options-headers-order....
3.32
KB
-rwxr-x--x
example-options-headers-parser...
3.2
KB
-rwxr-x--x
example-options-headers.html
3.51
KB
-rwxr-x--x
example-pager-ajax.html
19.67
KB
-rwxr-x--x
example-pager-filtered.html
17.67
KB
-rwxr-x--x
example-pager.html
24.41
KB
-rwxr-x--x
example-parsers-advanced.html
4.11
KB
-rwxr-x--x
example-parsers-class-name.htm...
3.6
KB
-rwxr-x--x
example-parsers-date-range.htm...
4.8
KB
-rwxr-x--x
example-parsers-dates.html
8.44
KB
-rwxr-x--x
example-parsers-duration.html
6.11
KB
-rwxr-x--x
example-parsers-feet-inch-frac...
3.33
KB
-rwxr-x--x
example-parsers-file-type.html
7.92
KB
-rwxr-x--x
example-parsers-globalize.html
8.63
KB
-rwxr-x--x
example-parsers-ignore-article...
49.84
KB
-rwxr-x--x
example-parsers-ip-address.htm...
4.46
KB
-rwxr-x--x
example-parsers-jquery-data.ht...
2.89
KB
-rwxr-x--x
example-parsers-leading-zeros....
4.83
KB
-rwxr-x--x
example-parsers-metric.html
6.06
KB
-rwxr-x--x
example-parsers-named-numbers....
4.95
KB
-rwxr-x--x
example-parsers-roman.html
8.33
KB
-rwxr-x--x
example-parsers.html
6.86
KB
-rwxr-x--x
example-trigger-sort.html
9.72
KB
-rwxr-x--x
example-triggers.html
109.58
KB
-rwxr-x--x
example-update-all.html
3.07
KB
-rwxr-x--x
example-update-cell.html
3.15
KB
-rwxr-x--x
example-widget-align-character...
16.6
KB
-rwxr-x--x
example-widget-bootstrap-theme...
966
B
-rwxr-x--x
example-widget-build-table.htm...
38.32
KB
-rwxr-x--x
example-widget-chart.html
22.81
KB
-rwxr-x--x
example-widget-column-selector...
40.93
KB
-rwxr-x--x
example-widget-columns.html
5.68
KB
-rwxr-x--x
example-widget-css-sticky-head...
29.02
KB
-rwxr-x--x
example-widget-current-sort.ht...
3.39
KB
-rwxr-x--x
example-widget-editable.html
23.5
KB
-rwxr-x--x
example-widget-filter-any-matc...
12.42
KB
-rwxr-x--x
example-widget-filter-childrow...
7.42
KB
-rwxr-x--x
example-widget-filter-custom-s...
16.56
KB
-rwxr-x--x
example-widget-filter-custom-s...
6.45
KB
-rwxr-x--x
example-widget-filter-custom.h...
21.8
KB
-rwxr-x--x
example-widget-filter-external...
7.9
KB
-rwxr-x--x
example-widget-filter-formatte...
33.97
KB
-rwxr-x--x
example-widget-filter-formatte...
14.05
KB
-rwxr-x--x
example-widget-filter-formatte...
7.78
KB
-rwxr-x--x
example-widget-filter-selectme...
6.16
KB
-rwxr-x--x
example-widget-filter.html
54.19
KB
-rwxr-x--x
example-widget-formatter.html
8.52
KB
-rwxr-x--x
example-widget-grouping-filter...
8.06
KB
-rwxr-x--x
example-widget-grouping.html
49.92
KB
-rwxr-x--x
example-widget-header-titles.h...
13.69
KB
-rwxr-x--x
example-widget-lazyload.html
15.95
KB
-rwxr-x--x
example-widget-mark.html
20.68
KB
-rwxr-x--x
example-widget-math.html
43.66
KB
-rwxr-x--x
example-widget-output.html
61.47
KB
-rwxr-x--x
example-widget-pager-ajax.html
15.23
KB
-rwxr-x--x
example-widget-pager.html
24.57
KB
-rwxr-x--x
example-widget-print.html
14.87
KB
-rwxr-x--x
example-widget-reflow.html
31.35
KB
-rwxr-x--x
example-widget-reflow1.html
3.39
KB
-rwxr-x--x
example-widget-reflow2.html
8.09
KB
-rwxr-x--x
example-widget-reflow3.html
3.63
KB
-rwxr-x--x
example-widget-resizable.html
19.12
KB
-rwxr-x--x
example-widget-savesort.html
4.55
KB
-rwxr-x--x
example-widget-scroller.html
46.42
KB
-rwxr-x--x
example-widget-sort-tbodies.ht...
22.76
KB
-rwxr-x--x
example-widget-sort-to-hash.ht...
29.17
KB
-rwxr-x--x
example-widget-static-row.html
11.06
KB
-rwxr-x--x
example-widget-sticky-header.h...
37.16
KB
-rwxr-x--x
example-widget-toggle-tablesor...
7.54
KB
-rwxr-x--x
example-widget-ui-theme.html
7.96
KB
-rwxr-x--x
example-widget-vertical-group....
4.05
KB
-rwxr-x--x
example-widget-view.html
20.95
KB
-rwxr-x--x
example-widget-zebra.html
3.5
KB
-rwxr-x--x
example-widgets.html
11.71
KB
-rwxr-x--x
index.html
427.02
KB
-rwxr-x--x
themes.html
8.48
KB
-rwxr-x--x
Delete
Unzip
Zip
${this.title}
Close
Code Editor : example-css-highlighting.html
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>jQuery tablesorter 2.0 - CSS Column & Row Highlights</title> <!-- jQuery --> <script src="js/jquery-latest.min.js"></script> <!-- Demo stuff --> <link rel="stylesheet" href="css/jq.css"> <link href="css/prettify.css" rel="stylesheet"> <script src="js/prettify.js"></script> <script src="js/docs.js"></script> <!-- Tablesorter: required --> <link rel="stylesheet" href="../css/theme.blue.css"> <script src="../js/jquery.tablesorter.js"></script> <style> html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } .block { width: 33.3%; float: left; padding: 10px; } @media all and (max-width: 1300px) { .block { width: 50%; } } @media all and (max-width: 900px) { .block { float: none; width: 100%; } } .hover-hl { color: #990; } .focus-hl { color: #3aa3c5; } </style> <style id="css">/* TABLE BACKGROUND color (match the original theme) */ table.hover-highlight td:before, table.focus-highlight td:before { background: #fff; } /* ODD ZEBRA STRIPE color (needs zebra widget) */ .hover-highlight .odd td:before, .hover-highlight .odd th:before, .focus-highlight .odd td:before, .focus-highlight .odd th:before { background: #ebf2fa; } /* EVEN ZEBRA STRIPE color (needs zebra widget) */ .hover-highlight .even td:before, .hover-highlight .even th:before, .focus-highlight .even td:before, .focus-highlight .even th:before { background-color: #fff; } /* FOCUS ROW highlight color (touch devices) */ .focus-highlight td:focus::before, .focus-highlight th:focus::before { background-color: lightblue; } /* FOCUS COLUMN highlight color (touch devices) */ .focus-highlight td:focus::after, .focus-highlight th:focus::after { background-color: lightblue; } /* FOCUS CELL highlight color */ .focus-highlight th:focus, .focus-highlight td:focus, .focus-highlight .even th:focus, .focus-highlight .even td:focus, .focus-highlight .odd th:focus, .focus-highlight .odd td:focus { background-color: #d9d9d9; color: #333; } /* HOVER ROW highlight colors */ table.hover-highlight tbody > tr:hover > td, /* override tablesorter theme row hover */ table.hover-highlight tbody > tr.odd:hover > td, table.hover-highlight tbody > tr.even:hover > td { background-color: #ffa; } /* HOVER COLUMN highlight colors */ .hover-highlight tbody tr td:hover::after, .hover-highlight tbody tr th:hover::after { background-color: #ffa; } /* ************************************************* */ /* **** No need to modify the definitions below **** */ /* ************************************************* */ .focus-highlight td:focus::after, .focus-highlight th:focus::after, .hover-highlight td:hover::after, .hover-highlight th:hover::after { content: ''; position: absolute; width: 100%; height: 999em; left: 0; top: -555em; z-index: -1; } .focus-highlight td:focus::before, .focus-highlight th:focus::before { content: ''; position: absolute; width: 999em; height: 100%; left: -555em; top: 0; z-index: -2; } /* required styles */ .hover-highlight, .focus-highlight { overflow: hidden; } .hover-highlight td, .hover-highlight th, .focus-highlight td, .focus-highlight th { position: relative; outline: 0; } /* override the tablesorter theme styling */ table.hover-highlight, table.hover-highlight tbody > tr > td, table.focus-highlight, table.focus-highlight tbody > tr > td, /* override zebra styling */ table.hover-highlight tbody tr.even > th, table.hover-highlight tbody tr.even > td, table.hover-highlight tbody tr.odd > th, table.hover-highlight tbody tr.odd > td, table.focus-highlight tbody tr.even > th, table.focus-highlight tbody tr.even > td, table.focus-highlight tbody tr.odd > th, table.focus-highlight tbody tr.odd > td { background: transparent; } /* table background positioned under the highlight */ table.hover-highlight td:before, table.focus-highlight td:before { content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: -3; }</style> <script id="js">$(function() { // call the tablesorter plugin $("table").tablesorter({ theme: 'blue' }); // Make table cell focusable // http://css-tricks.com/simple-css-row-column-highlighting/ if ( $('.focus-highlight').length ) { $('.focus-highlight').find('td, th') .attr('tabindex', '1') // add touch device support .on('touchstart', function() { $(this).focus(); }); } });</script> </head> <body> <div id="banner"> <h1>table<em>sorter</em></h1> <h2>CSS Column & Row Highlights</h2> <h3>Flexible client-side table sorting</h3> <a href="index.html">Back to documentation</a> </div> <div id="main"> <p class="tip"> <em>NOTE!</em> </p> <ul> <li>The css in this demo only works with <a href="http://caniuse.com/#feat=css-gencontent">modern browsers</a> (IE9+).</li> <li>This css is originally from this <a href="http://css-tricks.com/simple-css-row-column-highlighting/">CSS-Tricks</a> article; it has been modified to work with tablesorter themes.</li> <li> It does not work properly on cells with <code>rowspan</code> or <code>colspan</code> within the <code>tbody</code> (I am referring to info-only tbodies, since tablesorter does not yet support sorting with these spans); if you do need a script to highlight spanned columns & rows, then take a look at the <a href="https://github.com/gajus/wholly">wholly</a> plugin. <p></p> </li> <li>To add <strong class="hover-hl">Hover</strong> Highlighting: <ul> <li>Add a class name of <code>"<span class="hover-hl">hover-highlight</span>"</code> to the <code>table</code> to enable hover row and column highlighting.</li> <li>Include the CSS shown on this page.</li> <li>If needed, modify the table background color & zebra striping row colors.</li> <li>Modify the hover highlight row and/or column color definitions as desired (they can be different colors).</li> </ul> <p></p> </li> <li>To add <strong class="focus-hl">Focus</strong> Highlighting: <ul> <li>Add a class name of <code>"<span class="focus-hl">focus-highlight</span>"</code> to the <code>table</code> to enable focused cell with row and column highlighting.</li> <li>Click on a table cell in the demo below to see the highlight; only <em>one element</em>, per page, can be active at a time.</li> <li>Include the CSS and the extra javascript shown on this page to make table cells focusable.</li> <li>If needed, modify the table background color & zebra striping row colors.</li> <li>Modify the focus highlight row and/or column color definitions as desired (they can be different colors).</li> </ul> </li> </ul> <h1>Demo</h1> <div id="demo"> <div class="block"> <h1><span class="hover-hl">Hover</span> + <span class="focus-hl">Focus</span> Highlight</h1> <table class="tablesorter hover-highlight focus-highlight"> <thead> <tr><th>Account #</th><th>First Name</th><th>Last Name</th><th>Age</th><th>Total</th><th>Discount</th><th>Diff</th></tr> </thead> <tbody> <tr><td>A43</td><td>Peter</td><td>Parker</td><td>28</td><td>9.99</td><td>20.3%</td><td>+3</td></tr> <tr><td>A255</td><td>John</td><td>Hood</td><td>33</td><td>19.99</td><td>25.1%</td><td>-7</td></tr> <tr><td>A33</td><td>Clark</td><td>Kent</td><td>18</td><td>2.89</td><td>44.2%</td><td>-15</td></tr> <tr><td>A1</td><td>Bruce</td><td>Almighty</td><td>45</td><td>153.19</td><td>44%</td><td>+19</td></tr> <tr><td>A102</td><td>Bruce</td><td>Evans</td><td>56</td><td>$153.19</td><td>23%</td><td>+9</td></tr> <tr><td>A256</td><td>John</td><td>Clark</td><td>44</td><td>($19.89)</td><td>25.1%</td><td>(5)</td></tr> <tr><td>A23</td><td>Elvis</td><td>Presley</td><td>24</td><td>($9.99)</td><td>50%</td><td>(22)</td></tr> <tr><td>A10</td><td>Frank</td><td>Carter</td><td>40</td><td>-12.99</td><td>20%</td><td>(6)</td></tr> </tbody> </table> </div> <div class="block"> <h1><span class="hover-hl">Hover</span> Highlight Only</h1> <table class="tablesorter hover-highlight"> <thead> <tr><th>Account #</th><th>First Name</th><th>Last Name</th><th>Age</th><th>Total</th><th>Discount</th><th>Diff</th></tr> </thead> <tbody> <tr><td>A43</td><td>Peter</td><td>Parker</td><td>28</td><td>9.99</td><td>20.3%</td><td>+3</td></tr> <tr><td>A255</td><td>John</td><td>Hood</td><td>33</td><td>19.99</td><td>25.1%</td><td>-7</td></tr> <tr><td>A33</td><td>Clark</td><td>Kent</td><td>18</td><td>2.89</td><td>44.2%</td><td>-15</td></tr> <tr><td>A1</td><td>Bruce</td><td>Almighty</td><td>45</td><td>153.19</td><td>44%</td><td>+19</td></tr> <tr><td>A102</td><td>Bruce</td><td>Evans</td><td>56</td><td>$153.19</td><td>23%</td><td>+9</td></tr> <tr><td>A256</td><td>John</td><td>Clark</td><td>44</td><td>($19.89)</td><td>25.1%</td><td>(5)</td></tr> <tr><td>A23</td><td>Elvis</td><td>Presley</td><td>24</td><td>($9.99)</td><td>50%</td><td>(22)</td></tr> <tr><td>A10</td><td>Frank</td><td>Carter</td><td>40</td><td>-12.99</td><td>20%</td><td>(6)</td></tr> </tbody> </table> </div> <div class="block"> <h1><span class="focus-hl">Focus</span> Highlight Only <small>(click on a tbody cell)</small></h1> <table class="tablesorter focus-highlight"> <thead> <tr><th>Account #</th><th>First Name</th><th>Last Name</th><th>Age</th><th>Total</th><th>Discount</th><th>Diff</th></tr> </thead> <tbody> <tr><td>A43</td><td>Peter</td><td>Parker</td><td>28</td><td>9.99</td><td>20.3%</td><td>+3</td></tr> <tr><td>A255</td><td>John</td><td>Hood</td><td>33</td><td>19.99</td><td>25.1%</td><td>-7</td></tr> <tr><td>A33</td><td>Clark</td><td>Kent</td><td>18</td><td>2.89</td><td>44.2%</td><td>-15</td></tr> <tr><td>A1</td><td>Bruce</td><td>Almighty</td><td>45</td><td>153.19</td><td>44%</td><td>+19</td></tr> <tr><td>A102</td><td>Bruce</td><td>Evans</td><td>56</td><td>$153.19</td><td>23%</td><td>+9</td></tr> <tr><td>A256</td><td>John</td><td>Clark</td><td>44</td><td>($19.89)</td><td>25.1%</td><td>(5)</td></tr> <tr><td>A23</td><td>Elvis</td><td>Presley</td><td>24</td><td>($9.99)</td><td>50%</td><td>(22)</td></tr> <tr><td>A10</td><td>Frank</td><td>Carter</td><td>40</td><td>-12.99</td><td>20%</td><td>(6)</td></tr> </tbody> </table> </div> <div class="block"> <h1>Zebra + <span class="hover-hl">Hover</span> + <span class="focus-hl">Focus</span> Highlight</h1> <table class="tablesorter hover-highlight focus-highlight widget-zebra"> <thead> <tr><th>Account #</th><th>First Name</th><th>Last Name</th><th>Age</th><th>Total</th><th>Discount</th><th>Diff</th></tr> </thead> <tbody> <tr><td>A43</td><td>Peter</td><td>Parker</td><td>28</td><td>9.99</td><td>20.3%</td><td>+3</td></tr> <tr><td>A255</td><td>John</td><td>Hood</td><td>33</td><td>19.99</td><td>25.1%</td><td>-7</td></tr> <tr><td>A33</td><td>Clark</td><td>Kent</td><td>18</td><td>2.89</td><td>44.2%</td><td>-15</td></tr> <tr><td>A1</td><td>Bruce</td><td>Almighty</td><td>45</td><td>153.19</td><td>44%</td><td>+19</td></tr> <tr><td>A102</td><td>Bruce</td><td>Evans</td><td>56</td><td>$153.19</td><td>23%</td><td>+9</td></tr> <tr><td>A256</td><td>John</td><td>Clark</td><td>44</td><td>($19.89)</td><td>25.1%</td><td>(5)</td></tr> <tr><td>A23</td><td>Elvis</td><td>Presley</td><td>24</td><td>($9.99)</td><td>50%</td><td>(22)</td></tr> <tr><td>A10</td><td>Frank</td><td>Carter</td><td>40</td><td>-12.99</td><td>20%</td><td>(6)</td></tr> </tbody> </table> </div> <div class="block"> <h1>Zebra + <span class="hover-hl">Hover</span> Highlight Only</h1> <table class="tablesorter hover-highlight widget-zebra"> <thead> <tr><th>Account #</th><th>First Name</th><th>Last Name</th><th>Age</th><th>Total</th><th>Discount</th><th>Diff</th></tr> </thead> <tbody> <tr><td>A43</td><td>Peter</td><td>Parker</td><td>28</td><td>9.99</td><td>20.3%</td><td>+3</td></tr> <tr><td>A255</td><td>John</td><td>Hood</td><td>33</td><td>19.99</td><td>25.1%</td><td>-7</td></tr> <tr><td>A33</td><td>Clark</td><td>Kent</td><td>18</td><td>2.89</td><td>44.2%</td><td>-15</td></tr> <tr><td>A1</td><td>Bruce</td><td>Almighty</td><td>45</td><td>153.19</td><td>44%</td><td>+19</td></tr> <tr><td>A102</td><td>Bruce</td><td>Evans</td><td>56</td><td>$153.19</td><td>23%</td><td>+9</td></tr> <tr><td>A256</td><td>John</td><td>Clark</td><td>44</td><td>($19.89)</td><td>25.1%</td><td>(5)</td></tr> <tr><td>A23</td><td>Elvis</td><td>Presley</td><td>24</td><td>($9.99)</td><td>50%</td><td>(22)</td></tr> <tr><td>A10</td><td>Frank</td><td>Carter</td><td>40</td><td>-12.99</td><td>20%</td><td>(6)</td></tr> </tbody> </table> </div> <div class="block"> <h1>Zebra + <span class="focus-hl">Focus</span> Highlight Only <small>(click on a tbody cell)</small></h1> <table class="tablesorter focus-highlight widget-zebra"> <thead> <tr><th>Account #</th><th>First Name</th><th>Last Name</th><th>Age</th><th>Total</th><th>Discount</th><th>Diff</th></tr> </thead> <tbody> <tr><td>A43</td><td>Peter</td><td>Parker</td><td>28</td><td>9.99</td><td>20.3%</td><td>+3</td></tr> <tr><td>A255</td><td>John</td><td>Hood</td><td>33</td><td>19.99</td><td>25.1%</td><td>-7</td></tr> <tr><td>A33</td><td>Clark</td><td>Kent</td><td>18</td><td>2.89</td><td>44.2%</td><td>-15</td></tr> <tr><td>A1</td><td>Bruce</td><td>Almighty</td><td>45</td><td>153.19</td><td>44%</td><td>+19</td></tr> <tr><td>A102</td><td>Bruce</td><td>Evans</td><td>56</td><td>$153.19</td><td>23%</td><td>+9</td></tr> <tr><td>A256</td><td>John</td><td>Clark</td><td>44</td><td>($19.89)</td><td>25.1%</td><td>(5)</td></tr> <tr><td>A23</td><td>Elvis</td><td>Presley</td><td>24</td><td>($9.99)</td><td>50%</td><td>(22)</td></tr> <tr><td>A10</td><td>Frank</td><td>Carter</td><td>40</td><td>-12.99</td><td>20%</td><td>(6)</td></tr> </tbody> </table> </div> </div> <br class="clear"/> <h1>Page Header</h1> <div> <pre class="prettyprint lang-html"><!-- Add any theme; the css for highlighting may need modification to match the selected theme, if it isn't the "blue" theme --> <link href="css/theme.blue.css" rel="stylesheet"> <script src="js/jquery.min.js"></script> <script src="js/jquery.tablesorter.js"></script></pre> </div> <h1>CSS</h1> <div id="css"> <pre class="prettyprint lang-css"></pre> </div> <h1>Javascript</h1> <div id="javascript"> <pre class="prettyprint lang-javascript"></pre> </div> </div> <script> /* highlight hover & focus selectors in the syntax highlighted code */ $(window).on('load', function() { setTimeout(function() { // css $('.pln:contains(highlight)').each(function() { var $this = $(this), $prev = $this.prev().prev(), text = $prev.text() || '', type = /hover/.test(text) ? 'hover-hl' : /focus/.test(text) ? 'focus-hl' : ''; if (type) { $this.html(function(i,h) { return h.replace('highlight', '<span>highlight</span>'); }); // "highlight".. "-" .... "hover"/"focus" ... "." $this.find('span').add( $prev ).add( $this.prev() ).add( $prev.prev() ).addClass(type); } }); // js $('.str:contains(focus-highlight)').addClass('focus-hl'); }, 500); }); </script> </body> </html>
Close