タグ

Ajaxに関するYam-Namのブックマーク (4)

  • Realtime validation using Ajax - masuidrive

    Ajaxで、フォームの検証をリアルタイムに行います。 イベントハンドラの指定もjavascript側で行うので、既存のフォームに加える場合もメッセージ表示用のdivタグを追加するだけでOKです。

    Yam-Nam
    Yam-Nam 2011/12/13
    リアルタイムで入力補助するsample
  • Ajax簡易投票所

    Ajax簡易投票所は、投票所をウェブページ内に設置できる、無料のPHPスクリプトです。 Ajaxで書かれているので、投票する際にページ遷移は起きません。投票所が埋めこまれた場所で 投票結果が表示されます。ページ内の他のコンテンツを表示したまま、投票所をページに追加したい時に便利です。 Ajax簡易投票所は、インストールしたサイトで完全に独立して動作するスクリプトです。外部のサイトに依存いたしません。

    Ajax簡易投票所
    Yam-Nam
    Yam-Nam 2011/03/22
    選択式アンケート(その場で推移)
  • jQueryとAjaxで作るスムーズページング (1/3)

    Googleの検索結果のように、長いリスト項目を複数のページに分割して表示することを「ページング」(Paging)と言います。ページング処理では下部にナビゲーションリンクを配置し、クリックされた番号のページを表示しますが、ページ全体をリロードして切り替えるには時間がかかります。そこで今回は、スムーズにページングさせるためにAjaxを利用して更新が必要な部分のみを外部ファイルから読み込んで書き換え、ユーザーのストレスを軽減する方法を紹介しましょう。 データのHTMLを用意する 今回は、数が多い商品情報のリストを複数のページに分割して表示するサンプルを作成します。はじめにAjaxで読み込むコンテンツデータを用意します。Ajaxは、XMLやJSON(JavaScript Object Notation)、テキストなどさまざまデータを扱えますが、今回はもっとも手軽なHTMLを使いましょう。コンテン

    jQueryとAjaxで作るスムーズページング (1/3)
    Yam-Nam
    Yam-Nam 2010/01/15
     ページング
  • jQuery入門 (ver 1.2.1)

    このページはAjaxライブラリの1つであるjQueryライブラリを勉強したい人向けに用意されています。 ミスや間違いなどがありましたらopenspc@po.shiojiri.ne.jpまでお願いします。 jQueryはバージョンによってメソッドが異なるため、バージョン別に入門ページを用意してあります。ここでは、バージョン1.2.1を基準としています。 Ajaxライブラリ (JavaScriptライブラリ) としてはPrototypeライブラリ (prototype.js) が有名です。Prototypeライブラリはプログラマに多く利用されており、JavaScriptの機能を拡張することで使いやすくなるように設計されています。jQueryはエレメントへのアクセスをスタイルシートと同じようにすることで非常に分かりやすくコンパクトな記述ができるようになっています。

    Yam-Nam
    Yam-Nam 2009/10/01
     jquery入門
  • 1