かなり長い医療アンケートを含む Web サイトを作成しています。ユーザー/患者は、医学用語にカーソルを合わせたりクリックしたりして、定義を確認できる必要があります。
RoR でこれを達成する方法は何ですか? WordPress にも同様のプラグインがありますが、Rails には見つかりませんでした。
私の考えは、属性「単語」と「定義」を持つ用語モデルを持つことです。次に、私のレイアウトでは、何らかの方法でページをスキャンして定義を出力する必要があります。
かなり長い医療アンケートを含む Web サイトを作成しています。ユーザー/患者は、医学用語にカーソルを合わせたりクリックしたりして、定義を確認できる必要があります。
RoR でこれを達成する方法は何ですか? WordPress にも同様のプラグインがありますが、Rails には見つかりませんでした。
私の考えは、属性「単語」と「定義」を持つ用語モデルを持つことです。次に、私のレイアウトでは、何らかの方法でページをスキャンして定義を出力する必要があります。
Twitterの Bootstrapフレームワークを使用してみませんか。
モーダル
これらは、画像やその他の必要なコンテンツでカスタマイズできます。
ツールチップ
主にテキストの小さなスニペット用。
<a href="#" rel="tooltip" title="Medical Term: This term means this..">Medical Term</a>
ポップオーバー
にはツールチップよりも多くの情報を含めることができますが、モーダルほど用途が広いわけではありません。
Rails 3.0 / 3.2での使用の詳細については、こちらをご覧ください。
複数のアプローチがあります。jquery-tooltip を使用しています。私は同じボートに乗っています。私の場合は医療フォームではなく、保険フォームです。
いくつかの異なるアプローチを調べました。jquery-ui 1.9 に間もなく導入されるツールチップ機能がとても気に入っています。正式にリリースされるまでは、jquery-tooltip を使用しています。
どちらも同じように機能し、要素にタイトルを付けます:
<div id='q12', title='This is number 12'>
What is this?
</div>
それで
$('#q12').tooltip
要素にタイトルを付ける唯一の理由がツールチップを作成することである場合は、次のようなものを使用できます。
$("[title]").tooltip({ position: "center left", predelay:500 });
次に、タイトルが定義されているすべての要素にカーソルを合わせると、スタイル化されたツールチップが表示されます。