diff --git a/examples/basic_init/alt_pagination.html b/examples/basic_init/alt_pagination.html index aa18b448..e54a88f0 100644 --- a/examples/basic_init/alt_pagination.html +++ b/examples/basic_init/alt_pagination.html @@ -407,6 +407,48 @@ - A + + Misc + Dillo 0.8 + Embedded devices + - + X + + + Misc + Links + Text only + - + X + + + Misc + Lynx + Text only + - + X + + + Misc + IE Mobile + Windows Mobile 6 + - + C + + + Misc + PSP browser + PSP + - + C + + + Other browsers + All others + - + - + U + diff --git a/media/css/demo_table.css b/media/css/demo_table.css index fcb46bd7..db8ebfa5 100644 --- a/media/css/demo_table.css +++ b/media/css/demo_table.css @@ -71,34 +71,55 @@ } .dataTables_paginate { - width: 44px; - * width: 50px; float: right; text-align: right; } /* Pagination nested */ -.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next { +.paginate_disabled_previous, .paginate_enabled_previous, +.paginate_disabled_next, .paginate_enabled_next { height: 19px; - width: 19px; - margin-left: 3px; float: left; + cursor: pointer; + *cursor: hand; +} +.paginate_disabled_previous:active, .paginate_enabled_previous:active, +.paginate_disabled_next:active, .paginate_enabled_next:active { + outline: none; +} + +.paginate_disabled_previous, +.paginate_disabled_next { + color: #666; +} +.paginate_disabled_previous, .paginate_enabled_previous { + padding-left: 23px; +} +.paginate_disabled_next, .paginate_enabled_next { + padding-right: 23px; + margin-left: 10px; } .paginate_disabled_previous { - background-image: url('../images/back_disabled.jpg'); + background: url('../images/back_disabled.png') no-repeat top left; } .paginate_enabled_previous { - background-image: url('../images/back_enabled.jpg'); + background: url('../images/back_enabled.png') no-repeat top left; +} +.paginate_enabled_previous:hover { + background: url('../images/back_enabled_hover.png') no-repeat top left; } .paginate_disabled_next { - background-image: url('../images/forward_disabled.jpg'); + background: url('../images/forward_disabled.png') no-repeat top right; } .paginate_enabled_next { - background-image: url('../images/forward_enabled.jpg'); + background: url('../images/forward_enabled.png') no-repeat top right; +} +.paginate_enabled_next:hover { + background: url('../images/forward_enabled_hover.png') no-repeat top right; } diff --git a/media/images/back_disabled.jpg b/media/images/back_disabled.jpg deleted file mode 100644 index 1e73a546..00000000 Binary files a/media/images/back_disabled.jpg and /dev/null differ diff --git a/media/images/back_disabled.png b/media/images/back_disabled.png new file mode 100644 index 00000000..881de797 Binary files /dev/null and b/media/images/back_disabled.png differ diff --git a/media/images/back_enabled.jpg b/media/images/back_enabled.jpg deleted file mode 100644 index a6d764c7..00000000 Binary files a/media/images/back_enabled.jpg and /dev/null differ diff --git a/media/images/back_enabled.png b/media/images/back_enabled.png new file mode 100644 index 00000000..c608682b Binary files /dev/null and b/media/images/back_enabled.png differ diff --git a/media/images/back_enabled_hover.png b/media/images/back_enabled_hover.png new file mode 100644 index 00000000..d300f106 Binary files /dev/null and b/media/images/back_enabled_hover.png differ diff --git a/media/images/forward_disabled.jpg b/media/images/forward_disabled.jpg deleted file mode 100644 index 28a9dc53..00000000 Binary files a/media/images/forward_disabled.jpg and /dev/null differ diff --git a/media/images/forward_disabled.png b/media/images/forward_disabled.png new file mode 100644 index 00000000..6a6ded7d Binary files /dev/null and b/media/images/forward_disabled.png differ diff --git a/media/images/forward_enabled.jpg b/media/images/forward_enabled.jpg deleted file mode 100644 index 598c075f..00000000 Binary files a/media/images/forward_enabled.jpg and /dev/null differ diff --git a/media/images/forward_enabled.png b/media/images/forward_enabled.png new file mode 100644 index 00000000..a4e6b538 Binary files /dev/null and b/media/images/forward_enabled.png differ diff --git a/media/images/forward_enabled_hover.png b/media/images/forward_enabled_hover.png new file mode 100644 index 00000000..fc46c5eb Binary files /dev/null and b/media/images/forward_enabled_hover.png differ diff --git a/media/js/jquery.dataTables.js b/media/js/jquery.dataTables.js index 0574c6f8..c8d07e51 100644 --- a/media/js/jquery.dataTables.js +++ b/media/js/jquery.dataTables.js @@ -9918,14 +9918,14 @@ }; var sAppend = (!oSettings.bJUI) ? - ''+ - '' + '
'+oLang.sPrevious+'
'+ + '
'+oLang.sNext+'
' : - ''+ - ''; + '
'+ + '
'; $(nPaging).append( sAppend ); - var els = $('a', nPaging); + var els = $('div', nPaging); var nPrevious = els[0], nNext = els[1] diff --git a/media/src/ext/ext.paging.js b/media/src/ext/ext.paging.js index 154b1375..0f93a0f0 100644 --- a/media/src/ext/ext.paging.js +++ b/media/src/ext/ext.paging.js @@ -31,14 +31,14 @@ $.extend( DataTable.ext.oPagination, { }; var sAppend = (!oSettings.bJUI) ? - ''+ - '' + '
'+oLang.sPrevious+'
'+ + '
'+oLang.sNext+'
' : - ''+ - ''; + '
'+ + '
'; $(nPaging).append( sAppend ); - var els = $('a', nPaging); + var els = $('div', nPaging); var nPrevious = els[0], nNext = els[1]