名称がわからないのですが・・・

質問

いまHTMLでテーブルを作ってます。
あるセル内に入る文字列が長すぎると、
一定文字以降は省略されるようにしようと思います。

で、省略されてるセルのテーブルの端を押下すると文字列が全文字表示されるようにしたいのです。
ツールチップって言うんでしたっけ？？
（自信なし）

Windowsのエクスプローラー表示なんかも
タイトルが長すぎると略して表示されますよね？
でも「ファイル名」ってとこの右端とかダブルクリックすると
全体表示になる・・・・あのイメージです。

これをJaveScriptで作ることは可能でしょうか？？

回答No.2

leap_day · ベストアンサー

こんにちは

こんなやつですか？

<script language="javascript"><!--
function tdch(textname,pushname) {
h = document.getElementById(textname);
p = document.getElementById(pushname);
if(h.style.height == "") {
h.style.height="50px";
p.value="すべて表示";
}else {
h.style.height="";
p.value="縮小表示";
}
}

//--></script>

<table>
<tr>
<td>
<div style="width:100px; height:50px; overflow:hidden;" id="text1">
あ<br>
い<br>
う<br>
え<br>
お<br>
か<br>
き<br>
く<br>
け<br>
こ
</div>
<input type="button" value="すべて表示" onClick="tdch('text1','push1')" id="push1">
</td>
<td>
<div style="width:100px; height:50px; overflow:hidden;" id="text2">
あ<br>
い<br>
う<br>
え<br>
お<br>
か<br>
き<br>
く<br>
け<br>
こ
</div>
<input type="button" value="すべて表示" onClick="tdch('text2','push2')" id="push2">
</td>
</tr>
</table>

縦横逆かな？
・・・それだったらwidth:50px;height:16px;(div)とかにしてjavascript内をheight→widthのようにすればいいかな？

お礼

おお、これです。
わかりやすい回答ありがとうございます。

回答No.1

noname#39970

可能

展開メニュー系
http://www.google.co.jp/search?q=html%20javascript%20display%20%E9%9D%9E%E8%A1%A8%E7%A4%BA&hl=ja&lr=lang_ja

ツールチップ系
http://www.google.co.jp/search?q=javascript%20%E3%83%84%E3%83%BC%E3%83%AB%E3%83%81%E3%83%83%E3%83%97&hl=ja&lr=lang_ja

お礼

回答ありがとうございます。