テーブルに検索、ソート、ページ分け機能をつけて便利にしてくれる「Dable」:phpspot開発日誌
Dable テーブルに検索、ソート、ページ分け機能をつけて便利にしてくれる「Dable」 依存ライブラリがゼロなのも使いやすく、Bootstrapなサイトでも使えるスタイルが入ってます。 以下がBootstrapなサイトでも使えるスタイル。 残念ながらレスポンシブには非対応。 ライブラリを配布する場合は、Bootstrapでも使えてレスポンシブだとライブラリの価値が上がりますね。 関連エントリ BootstrapベースのフラットUI実装フレームワーク「Furatto」 Bootstrapのselectをカッコよくできる「Bootstrap-select」 BootstrapをベースとしたフリーのUIKit「Flat UI」 Twitter BootStrap に追加できる５つのコンポーネントパック「FuelUX」 BootStrapのフォーム入力をもっと便利にするための「Bootstrap
これは超使いやすいページネーションの次世代UI:phpspot開発日誌
Slider Pagination Concept - with jQuery UI Slider これは超使いやすいページネーションの次世代UI。 普通、リストページのページネーションといえば、「 1 , 2, 3, 4 ,5 次へ> 」みたいなUIが基本ですが、そもそもこのUI疑ってかかってもいい時期なのかも。 要は現在のページ番号と、ページを前後と、ページ指定で送れればいい、という要件を満たせばいいわけでもっとシンプルに出来るはず。 今回紹介するページネーションのデモ ページ番号の部分はボタン風になっているので押してみましょう。 するとスライダーになってドラッグ＆ドロップでページ指定が簡単に出来ます。 30までドラッグ＆ドロップして話すと30ページ目が開く、というようなイメージ 次へ、前へ、といった直感的に分かりやすいボタンも実装されていて必要十分。 従来のページネーションは作る場合
【CSS】ページ送りナビゲーションには display:inline-block が超便利 | バシャログ。
こんばんは、ishidaです。 CSS2.1 で定義されている displayプロパティの値、inline-blockの使いどころを探してみたところ、ページ送りにかなり使えそうです。 まずは以下のサンプルをご覧下さい。Yahoo 検索結果のページ送りデザインをまねています。 ページ送りのサンプル 1 2 3 4 5 6 7 8 9 10 次へ> XHTML のサンプルは以下です。とてもシンプルです。 <ul class="pager"> <li><strong>1</strong></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li><a href="#">5</a></li> <li><a href="#">6</a></li> <li><a href="#">
この先生きのこるには
ちょっとページング処理を入れる必要が出てきて、PEAR::PagerでもいいんだけどCakeのinclude_pathってPEARと相性悪いのでさてさてどうしようと思ってぐぐったらtoyosystem | CakePHP::Pagenation(ページャ、ページング処理)という記事が出てきて、paginationコンポーネント、ヘルパー、エレメントを指定の場所に置いてテケテケっとするとページングが出来るという内容で、「私が探し求めていたのはまさにこれだ！」というわけで速攻で使ったのですが、すべて実装が終わったあとにPaginatorの使い方。CakePHP1.2 – CPA-LABテクニカルなどというエントリを発見。1.2からはpager内蔵らしいです。 使い方は内蔵されてる分paginationよりさらに簡単。 controllerはこんな感じ。5件ずつ表示したい。 function i
PEAR::Pager で Digg っぽいページャを作る
PEAR::Pager で Digg っぽいページャを作る 2007-12-02-1: [PHP] UI Patterns で紹介されているように Digg のページャは見た目にも綺麗だし、わかりやすいと思います。 以下の画像が Digg のページャです。 そこで、PEAR::Pager を使って Digg っぽいページャを作ってみました。 - スクリーンショット - デモページ http://pocari.org/demo/digg-pager/ 完全に一緒というわけではありませんが、これくらいならば結構簡単に作ることができました。 ソースは以下のようになります。 <?php require_once 'Pager/Pager.php'; $params = array( 'mode' => 'sliding', 'perPage'
PEAR :: Manual :: Pager::Pager
非推奨 コンストラクタは非推奨となっており、 PHP5との互換性のためにも、 新しいfactory()メソッドを使用してください。 パラメータ Pager コンストラクタは、 引数としてパラメータの連想配列を1つ受け取ります。 以下は、これらオプションの完全なリストです: itemData [array] ページ付けするアイテムの配列を指定します。 totalItems [integer] ページ付けするアイテムの数を指定します （itemDataが指定されなかった場合のみ使用されます）。 perPage [integer] ページごとに表示するアイテムの数を指定します。 delta [integer] 現在のページの前後に表示するページ番号の数を指定します。 mode [string] "ジャンプ型" あるいは "スライド型" ウィンドウを指定します。 ページャーの動作を決
Trashsuite.org
Trashsuite.org This Page Is Under Construction - Coming Soon! Why am I seeing this 'Under Construction' page? Related Searches: Dental Plans Online classifieds Anti Wrinkle Creams Top Smart Phones Accident Lawyers Trademark Free Notice Review our Privacy Policy Service Agreement Legal Notice Privacy Policy
Pear::Pagerの使い方 (Nega Diary)
Nega Diary 人生とは記憶の蓄積。日々の記録とは、日々の行動・思考を書き記し、自分の存在を確かめる行為。 以前、DB_Pagerの使い方というので記事を書いたけれど、実はDB_Pager 自体がそうとう古く、メンテもされてないので、これからは PEAR :: Package :: Pager 使うのが吉。 ということで、早速、使い方を調べて、制作中のアプリに組み込んでみました。 require_once "Pager/Pager.php"; $db = DB_DataObject::factory("tableName"); $db->find(); while($db->fetch()){ $html[] = $db->toArray(); } $params = array( 'mode' => 'sliding', 'perPage' => 20, 'delta
PEAR :: Manual :: 導入
Pager とは? Pagerは、データの配列にページを付けるクラスです。 入力として受け取り、様々なパラメータによってページ付けを行います。 また、Pagerは、指定された範囲でリンクを生成し、 出力は完全にカスタマイズ可能です（たとえ、 mod_rewriteと併用していても動作します）。 Pager バージョン.1.xと Pager_SlidingのAPIには互換性があります。 <?php require_once 'Pager.php'; $params = array( 'mode' => 'Jumping', 'perPage' => 3, 'delta' => 2, 'itemData' => array('a','b','c','d','e',[...omissis...],'z') ); $pager = & Pager::factory
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
PHP＆MySQL＋jQueryでページ送りを実装するチュートリアル:phpspot開発日誌
Welcome to atseason.com
IDEA * IDEA
http://www.revulo.com/blog/20070808.html
Welcome to atseason.com
Welcome to atseason.com
Manual :: Creates a pager instance
http://www.ryuzee.com/contents/php/smarty