JQuery Datatables plugin example with Php & Mysql - Share My Code jQuery＋PHP＋MySQLでデータグリッドを作るサンプル。 PHPでMySQLのデータを出すことってあったりしますが、単にテーブルで出すとかっこわるいですね。 次のようなインタフェースで出してあげると、検索やソート、ページング処理がついてくるので便利そうです。 単に出力するのはやめてこうしたライブラリの力を借りれば少ないステップで簡単に便利な機能を提供できそうです。 サクッと保存されているデータを確認したい、けどphpMyAdmin程の機能は必要ないし、ちょっと危ないみたいな場合に使えそうですね。 関連エントリ かっこいいページ送り付きのグリッドを簡単につくれる「OpenJS Grid」 好みのグリッドを作成してPNGやPhotoshop形式でダウンロー

スマートフォンからのアクセスをJavaScript, jQuery, node.js, PHP, ASP, Perlなどで検出する -Detect Mobile Browsers Detect Mobile Browsers [ad#ad-2] 現在、配布されているのは15種類です。 Apache ASP.NET ColdFusion C# IIS JSP JavaScript jQuery nginx node.js PHP Perl Python Rails いくつかコードもご紹介。 Apache RewriteEngine On RewriteBase / RewriteCond %{HTTP_USER_AGENT} android.+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobil

MyjQueryPlugins : QapTcha : jQuery draggable captcha system with jQuery UI - MyjQueryPlugins iPhoneのロック解除風UIでCAPTCHAするjQueryプラグイン「QapTcha」。 iPhoneのロック画面は指で押してスライドさせることで解除できるようなUIにになっていますが、それをフォームの送信にも使ってしまおうというのがこのプラグイン。 CAPTCHAはなんだか読めないってこともよくあるのですが、この仕組みを使えばCAPTCHA程の強固さはないにせよ、スパムの対策にはなりそうです。 右にスライドさせると送信可能に。 色々なCAPTCHAがあるものですね。数年後のCAPTCHAは今では考えられないような仕組みになっていそう。 関連エントリ PHPとGDを使ってCaptchaを自作するチュート

jqmPhp | HTML Code Generator for jQuery Mobile Framework | jqmPhp jQueryモバイル用のコードをPHPで簡単ジェネレートできる「jqmPhp」。 次のようなコードにより、簡単にjQueryモバイルのページを作れます。 <?php include 'lib/jqmPhp.php'; $j = new jqmPhp(); $j->addBasicPage('', 'Hello World', 'It's works!'); echo $j; ?> addBasicPageメソッドによって、jQueryモバイルでのページを簡単作成可能。 単にページの追加だけではなく、ボタンを追加したり、各種コントロールの追加がPHPで出来るところが特徴です。 以下、jqmPhpで作ったページデモ。実際に動作するデモページはこちら このスマートフ

複数ファイルの一括選択OKなプログレスバー付きアップローダ実装jQueryプラグイン「jQuery File Upload」 2011年01月25日- jQuery File Upload Demo 複数ファイルの一括選択OKなプログレスバー付きアップローダ実装jQueryプラグイン「jQuery File Upload」。 「Upload files」ボタンを選択するとダイアログが開き、複数ファイルを一括して選択。その後すぐアップロードが始まり、プログレスバーを通して進捗を表示、アップされたファイルのサムネイルも次のように表示してくれるという、ファイルアップロードのフルセットを提供してくれます。 アップされたファイルの横に表示されているごみ箱アイコンをクリックすればすぐさま削除も可能。 HTML5ベースなプラグインなのでFlashも不要です。 アップロードの受け口としてphpのソースも同

MyjQueryPlugins : jRating - Ajax rating system with jQuery 使いやすくデザインもよい星型レーティング実装jQueryプラグイン「jRating」。 デザインは次のように、綺麗な星のデザインになっており、個性が強すぎず、弱すぎずという感じで汎用に使えそうです。 isDisabledオプションを true にすると、星だけ表示して投票禁止にすることも出来るので、ログインユーザのみに限定したい場合なんかにも使えそうです。 更に次のような小さな星にすることも出来ます。 次のように、成功、失敗時のイベントハンドラを設定することも可能。 $(".exemple6").jRating({ onSuccess : function(){ jSuccess('Success : your rate has been saved :)',{ Horiz

jQuery Plugin: jQuery-Notes 1.0.8 画像の上に落書きできるjQueryプラグイン「jQuery-Notes」。 次のようにFlickrっぽく画像の上に落書きする機能を簡単に提供することが出来ます。 jQueryプラグインだけでなく、ちゃんと保存できるようにサーバサイド用のphpスクリプトも含まれています。 実装も簡単で $(element).jQueryNotes({ options }); でOK 関連エントリ Flickrみたいに写真内に枠を作ってコメントできるようにするjQueryプラグイン CSSのみで画像に違和感なく注釈を入れるサンプル

jQuery & PHP Powered User Manager BitsNTuts.Com jQuery | CSS | PHP | MySQL Tutorials & Articles jQueryとPHPを使ったモダンなユーザ管理機能実装デモ。 ユーザ登録、ログインといった機能は画面遷移するのが通常ですが、jQueryを使い画面遷移なしのモダンなログイン機能・ユーザ登録を実現するためのコードです。 デモということでそのまま本番プログラムとして使う場合にはチェックはした方がよいですが、ダウンロードして使うことが出来ます。 ページヘッダーに表示されるログインのタブ クリックするとニョキっと表示され、そのままログイン。 「Not Registerd?〜」の部分を押すと登録画面がLightBox風に表示されます。 ユーザデータがMySQLに保存される部分までのPHPコードも同梱されており、

Making a shoutbox with PHP, MySQL and jQuery | CodeForest PHP＆MySQL＆jQueryで構築するチャットボックス実装デモとチュートリアルが公開されています。 Ajaxベースのチャットスクリプトが欲しいという方は覚えておいてもよさそうです。 デモページ 投稿すると画面遷移せずにアニメーションしつつ、そのまま画面に表示されます。 ソースのDLが可能で、プログラム自体もそこまで難しいものではないため、改造して使うのも簡単そうです。 関連エントリ あなたの空き状況が一目でわかるカレンダー実装PHPスクリプト「Ajax Availability Calendar」 あなたのドロップボックスにアップロードが可能なPHPスクリプト PHPスクリプト1つでできる簡単サーバ監視

1つのselectボックスに連動させて2個目のselectボックスの内容を変えるjQueryサンプル 2010年08月09日- Dynamic Dependent Select Box using Jquery and Ajax 1つのselectボックスに連動させて2個目のselectボックスの内容を変えるjQueryサンプルが公開されています。 これは、国を選んだ後、都市を選ぶような場合に使われますが、データをAjaxで取得するので、HTMLが肥大化せずに便利に使えます。 日本だと、東京都を選んだ後、何区を選ぶようなシチューエーションで使えますね。 サーバサイドのスクリプトはPHP+MySQLで組まれていて、データ量が多くなっても対応できそうです。 利用前に注意点として、配布されているphpのソースではSQLインジェクションの問題があるので、もし実際に利用する場合は書き換えてあげる必要

Identicon5 | Francis Shanahan[.com] MD5の値をユニークなアイコンに変換してくれるjQueryプラグイン「Identicon5」。 071e3f61671e790fc492b583a01ae22b のような32バイトのmd5値を、次のようなユニークなイメージに変換してくれるプラグインです。 canvasによって描画されるのでサーバ側のCPUリソースは食いません。 IDを視覚的に同一と認識する場合、32バイトの文字情報を人間の目で比較するのは非常に分かりづらいですが、こうして画像にすることで認識しやすくなりますね。 色々と応用できそうです。 PHPでの実装はこちらにあるそうです 関連エントリ 画像のリサイズに便利なPHPクラスライブラリ Symfony2にも入っているPHP 5.3ベースの超便利ライブラリ集 携帯用HTML〜絵文字、デコメ用PHPライブラリ

Ajax Poll Script With PHP, MySQL & jQuery その場で投票して結果をアニメーション表示できる投票スクリプトが公開されています。 サーバサイドはPHP+MySQLで、jQueryを用いて構築されています。 ブログを読み終わった後の感想やちょっとした投票に、画面遷移しなくてその場でお手軽に投票できるということでなかなか使えそうです。 投票画面は次のように、サイドバーに組み込んでも良さそうです。 投票すると結果がアニメーションでそのまま選択肢の下に表示されます。 ブログだけでなく、CGMサイトや、利用者アンケートなんかに使えそうです。 関連エントリ jQueryとPHPでダイナミックな投票スクリプトを作成 Ajax+PHP+MySQLな投票ウィジェット 投票用PHPスクリプト : TxtPoll

これで自前でGoogleカレンダーを持てる！jQuery＆PHPで実現されたプログラム 2010年06月07日- Plugins | jQuery Plugins これで自前でGoogleカレンダーを持てる！jQuery＆PHPで実現されたプログラム。 なかなかリッチなUIとGoogleカレンダーばりの操作性を持つ便利なスクリプトになっています。 Googleカレンダーに登録するのもよいのですが、ちょっと外部に流したくないこととかも結構あるので、自前で構築したいというニーズもあるのではないでしょうか。 タイムライン上をドラッグ＆ドロップして予定を入れられます。ポップアップがでるので予定を入れます。日本語もOK 見ての通りUIもなかなかいい感じです。 スケジュール管理等に活用できますね。 関連エントリ GoogleカレンダーみたいなカレンダーをjQueryで一瞬で作成できる「jquery-w

サムネイル表示のあるフォトギャラリーを作りたい。 そんなときに参考になるのが、『Fresh Sliding Thumbnails Gallery with jQuery and PHP』。jQueryとPHPで作るサムネイルがスライドするギャラリーです。 マウスオーバー状態でカーソルを動かすことで、サムネイルをスライドさせることができます。クリックすると、大きくプレビュー表示されますね。 右上のドロップダウンで、アルバム管理もできるようなので、複数のセットを見せることができます。 デモは以下から。 View demo ソースもダウンロードできるので、一度見てみてください。 Fresh Sliding Thumbnails Gallery with jQuery and PHP iPhone版も作られています。 Awesome Mobile Image Gallery Web App やっと

Log in or Sign up with Jquery and PHP jQueryとPHPを使ったサインアップとログイン兼用のログインフォーム作成チュートリアルが公開されています。 まず、E-mail を入力し、アカウントを持っているかもっていないかのradioを選択することで新規登録か、ログインかを切り替えることが出来ます。 jQueryでは、エレメントの表示/非表示を設定しており、サーバ側のPHPでは送られてきたパラメータを見てログインか新規登録かを判別します。 そのまま使っても便利ですが、PHPやjQueryの入門用としても使えるかもしれませんね 新規登録の場合 ログインの場合 関連エントリ ナビゲーションメニューを1歩進んだものに引き上げるjQueryチュートリアル集 アニメーションの残像が残るjQueryアニメーションチュートリアル PHPとjQueryのAjax連携の学習

jdmweb.com | How to build a youtube video manager with PHP, MYSQL & jQuery PHP＋MySQL＋jQueryでYoutube動画マネージャを作るサンプルプログラムが公開されています。 Youtube動画の紹介サイトのヘッドラインなんかに使えそうです。紹介したいプレイリストを作って公開する場合にも使えますね。 閲覧者には、サムネイルがドロップシャドウ付で表示されます。 クリックすれば、LightBoxで動画が再生されます。 管理画面もあって、追加、編集、削除が簡単に行えます。 覚えておくと使える時があるかもしれませんね。