質問、更問、更更問、、、というように、単なる質問の羅列ではなく、相手の答えによって、更に質問していくというインターラクティブな質問を行うための、その質問を編集するシステムを作りました。 マトリョーシカ人形のように質問を階層化することができます。 回答者の答えに応じて質問が追加されますから、専門家による診断システムに近いものが作れます。 これからの時代にふさわしいプログラムではないでいでしょうか。 […]
スライダーといえば、プラグインを使って導入するのが普通ですが、JQueryのアニメーションを使えば、簡単にできるはずと思い作ってみました。 ちょうど紙芝居の要領です。 5枚の画像があるとすると、あらかじめ、5枚目から4枚目、3枚目、、、1枚目というように重ねておいて、次の画像を出すときは、一番上にある画像を取っ払い、一番下に移動させます。 反対に、手前の画像に戻す時は、5枚目から1枚目に引っ張り出 […]
JQueryにユーザーインターフェースのためのライブラリであるJQuery UIというのがあるのをご存知ですか。 ちょっとした動きをつけるときなど、JQuery UIを読み込んでおけば、とても簡単にできます。 今回は、JQuery本体についているエフェクト3つと、JQuery UIについているエフェクト14個をご紹介します。 今回は、デモページに跳ぶことなく、このプログのページ上で実演できるように […]
データや写真を並べ替えたいという時は、時々あるのではないでしょうか。 例えば、ToDoリストで、優先度の高いものを最初に移動させたいというような場合があります。 また、お客さんをスタッフに割り当てる際など、スタッフの順序を入れ替えることができれば、そのまま割り当てに用いることができます。 写真の場合も同様です。例えば、美容院のホームページに記載のヘアースタイルの順番を変えたいという時などです。 こ […]
JQueryは「バニラな」(そのままの)JavaScriptに比べて、書式が簡単なので、とても使いやすいと思います。また、アニメーションなども手軽に使えるのでお勧めです。 JQueryの利用の仕方は、難しくありません。インストールなどは不要で、CDN方式を使えば、冒頭のhead内で2,3行読み込めば準備終了です。 今回はJQuery利用の上でもっとも基礎になる、要素の指定の仕方を整理してみましょう […]
このブログでは、私なりに勉強し、また、開発した手法を惜しみなく書いていきたいので、ぜひ訪問してください。 今日は、WEB上でエクセル風に、購入代金を計算できるプログラムを考えてみましょう。 submitで別ファイルにページ遷移して戻ってくるというような方法もありますが、その場合は、画面がちらつきますし、いったん書かれたデータをもう一度書くことになるため、あまりスマートではありません。 ここでは、J […]