truncateの省略から、全体データ表示させる方法は？

Question

index画面の明細表示で、truncateを使って、長いデータを省略して表示しています。

td = truncate(task.naiyou, length: 8)

show画面を表示させないで、index画面上で、全てのデータを表示させたい場合、どのようにすればいいでしょうか。例えば、Javascriptを駆使して、省略部をマウスでクリックすると、吹き出しで全データを表示させるとかを実現したいのですが、やり方についてアドバイスをお願いします。

Comments

[rhiroe]

> 吹き出しで全データを表示させる
「ツールチップ」で検索してみては？

[pyon_kiti_jp]

情報、ありがとうございます。
ツールチップは固定の文字列だけでなく、変数も表示できるのでしょうか。

[rhiroe]

できます。

[pyon_kiti_jp]

ありがとうございます。

Answer 1

rubyなので色々な方法が有りますが、安直でよければ

td.naiyou id="naiyou_${task.id}"
  = truncate(task.naiyou, length: 8)
  .hole_naiyou.hide id="naiyou_${task.id}"
    =task.naiyou

としておいて、CSSにて　hide は {display: none;} にしておきます。
JS にて .naiyou の click イベントで elementのidを得て
.hole_naiyou#そのID から class hide を削除
.hole_naiyou をclickしたら class hide を追加

Comments

[pyon_kiti_jp]

ご回答ありがとうございます。
いちど試してみます。

[pyon_kiti_jp]

コードの解説を頂ければ幸いです。

[winterboum]

slimですよね？
tdのなかに　trancate したデータの他に
<div class="hole_naiyou hide" id="naiyou_12"> </div> で囲って全文を置きます。（12は例えば、です）　.hideにより非表示にして置きます。
後は td.naiyouのclickで処理します。

[pyon_kiti_jp]

ありがとうございます。