jQuery Mobile 入門 - jQuery 入門
モバイル向けウェブサイト、モバイル向け Web アプリケーションを開発するために、jQuery Mobile があります。 jQuery Mobile を利用すると、現代的なスマートフォンのネイティブアプリケーションが備えているルックアンドフィールを簡単に実装できます。 jQuery Mobile の基本的な使い方 ここでは jQuery Mobile を使ってモバイル・スマートフォン向けのウェブサイトを作るために大変便利な jQuery Mobile の紹介、 およびその簡単な利用方法を示します。基本的な事柄だけですが、これだけでもモバイル対応がグッと進むことに驚かれることでしょう。 jQuery Mobile でのページへのリンク jQuery Mobile でページをリンクすると、自動的にモバイルのネイティブアプリらしい画面遷移効果が利用できます。 navbar ウィジェット ～ j
jQuery UI - ダイアログ - jQuery 入門
ダイアログボックスでは、ユーザーにメッセージを表示する、入力を促す、などします。 簡単な一行程度の入力を促すのなら、 prompt でもいいでしょうが、複数のデータの入力を促すのに複数回の prompt をするのでは、 ユーザーに対してちょっと古くさいプログラムであるという印象を与えかねません。 jQuery によるダイアログの表示 次のボタンをクリックすると、ダイアログボックスを表示します。 OK ボタンをクリックした時に、そのクリックイベントを処理してダイアログを閉じています。 このダイアログボックスの作成手順を説明します。 まずはダイアログの中身を div として作成します。 <div id="dialogdemo1"> <p>Hello, jQuery UI Dialog!</p> </div> 次にこの要素を dialog メソッドでダイアログにしますが、このときにオプションをい
jQuery UI - デートピッカー - jQuery 入門
日付を入力する時には、カレンダーをみながら入力したい場合が多いものですよね。 最近のアプリケーションでは日付の入力項目では、キーボードからの入力を許可すると同時にカレンダーが表示される場合も少なくありません。 jQuery UI のデートピッカーウィジェットを使うと、簡単にカレンダーを利用できます。 基本的な利用方法 次のテキストボックスを日付の入力項目とします。 このテキストボックスに日付を入力するために、テキストボックスにフォーカスがきたときに、カレンダーを表示しています。 カレンダーから日付を選択すると、カレンダーが閉じて選択した値がテキストボックスに入ります。 ちなみに、このカレンダーは Ctrl + 矢印キーなどでキーボードからも操作可能です。 このようなカレンダーの表示をどのようにしたら実現できるでしょうか。実はこの動作はデフォルトの操作そのままなので、ほんの一行でできてしまい
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQuery UI の利用 - jQuery 入門
