Ajaxride.com toppage

  • jQuery-UI によるドラッグ＆ドロップサンプル

    　このドラッグ＆ドロップサンプルページは、jQuery で提供される素材のドラッグ＆ドロップ機能の検証ページです。各ブラウザでお試しください。

    　画面左側にある「アイコン」「商品」の中にある素材をマウスの左ボタンでつかみ、そのままドラッグして、右側のノート部分にドロップします。

    　ドロップされた素材は、ノート画面に張り付き、以後またそこからドラッグして移動して再配置出来ます。ノートに張り付けられている素材をクリックするとその素材の詳細を表示します。

  • jQuery-UI によるタブメニュー

    　タブメニューサンプルは jQuery-UI や Mootools で用意されている機能を使用し、デザイン css は jQuery-UI コミュニティで公開されているサンプルデザインによるものです。

    　html に普通に記述して id で指定するだけのまったく静的なものですが、Javascripts に jQuery("#hoge").tabs(); といった具合に記述するだけでこのようなタブメニューが出来ます。

    　jQuery を使う事により用意されたプラグインを使用しなくても、比較的容易に独自の切替メニューなども作成可能です。

  • ギャラリー

    　ギャラリーサンプルは jQuery-UI や Mootools で用意されている機能を使用し、デザイン css は jQuery-UI コミュニティで公開されているサンプルデザインによるものです。

    　一覧を表示してクリックするものや、スライドショーなど色々なタイプのギャラリーを用意しております。

  • PHP によるサンプル

    　PHP を用いて動的出力するサンプルを用意しました。フォームや画面状態などを分析して動的に PDF を出力したり、当サイトのアクセス状況をグラフ化したり、sendmail との連携で携帯から画像をアップロードする機能などのサンプルです。

    　当サイトは Linux サーバ、 Apache、 MySQL、 PHP によるフレームワークと CMS によるいわゆる LAMP 環境にて構築されています。

  • Ajax によるサンプル

    　Ajax は Asynchronous JavaScript + XML（非同期な javascript と XML）の略です。従来のアクション毎にページ遷移させる動的コンテンツに比べ、必要な部分のみのデータの受信と書き換えが出来る Ajax はサーバ負荷低減が期待出来ます。

  • jQuery-UI によるダイアログサンプル

    　jQuery-UI により提供されるダイアログ表示機能のデモです。

    　当サイトではダイアログ表示指示が発生した際に条件を分析し、Ajax を用いてサーバと非同期通信をし、最新の情報を取得した後に画面に展開させています。