img sec = ""の取得に失敗したとき

解決済

質問者：maru_n
質問日時：2009/11/18 22:15
回答数：5件

みなさんこんばんわ。
早速ですが質問をお願いします。
<table>
・
・
・
<tr><td><a href = "・・・"><img src = "・・・" alt = "・・・"></a></td><td>テキスト</td></tr>
<tr><td><a href = "・・・"><img src = "・・・" alt = "・・・"></a></td><td>テキスト</td></tr>
・
・
・
</table>
こんなテーブルがあります。
<tr>で10行程度画像を立て並びで表示をさせているのですが、
中には取得に失敗して、代わりのaltのテキストが表示される行もあります。

そこで、imgタグでの画像の読み込みに失敗した場合、その行ごと消してしまいたいのですが
良い方法はないでしょうか？
アドバイスを頂ければ助かります。宜しくお願いします

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (5件)

ベストアンサー優先
最新から表示
回答順に表示

No.5ベストアンサー

回答者： steel_gray
回答日時：2009/11/19 13:07

imgにonerrorを付けるってとこまでは#1さんと同じです。

行ごと消す、を、その行を非表示、にしています。

<html>
<head>
<script type="text/javascript">
function sample(Img){
for(var TR=Img;TR&&TR.nodeName!='TR';TR=TR.parentNode);
if(TR)TR.style.display='none';
}
</script>
</head>
<body>
<table>
<tr><td><a href="・・・"><img src="・・・" alt="・・・" onerror="sample(this)"></a></td><td>テキスト</td></tr>
<tr><td><a href="・・・"><img src="・・・" alt="・・・" onerror="sample(this)"></a></td><td>テキスト</td></tr>
<tr><td><a href="・・・"><img src="・・・" alt="・・・" onerror="sample(this)"></a></td><td>テキスト</td></tr>
</table></body>
</html>

ところで・・・
＞取得に失敗して、代わりのaltのテキストが表示される
ってのがまさにaltの役割りなんですけど非表示にしちゃっていいものでしょうか？
もし代替テキストでないんだとしたらaltは空にしてtitleに内容？を書いた方がいいかと思います。
→ <img src="・・・" alt="" title="・・・" onerror="sample(this)">

- 0
- 件

通報する

No.4

回答者： babu_baboo
回答日時：2009/11/19 09:08

ごめんなさい

<img>に altをかいていませんでした。

- 0
- 件

通報する

No.3

回答者： babu_baboo
回答日時：2009/11/19 09:03

もうひとつ

質問を・・・？
回答を・・・では？

node.onerror = null;
を、いれないと、さくじょしたのにえらーになります
それはなぜ？

- 0
- 件

通報する

No.2

回答者： babu_baboo
回答日時：2009/11/19 09:00

わ・・・×

は・・・○

- 0
- 件

通報する

No.1

回答者： babu_baboo
回答日時：2009/11/19 08:55

こういうのは？

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="ja">

<head>
　<meta http-equiv="Content-Script-Type" content="application/javascript">
　<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
　<title>test</title>
</head>

<body>
<table summary="がぞうのいちらんひょうになります" border="1">
　<tr>
　　<td>photo0</td>
　　<td><a href="#"><img src="./img/01.gif" onError="delTR( this )"></a></td>
　</tr>
　<tr>
　　<td>photo0</td>
　　<td><a href="#"><img src="./img/1.gif" onError="delTR( this )"></a></td>
　</tr>
　<tr>
　　<td>photo0</td>
　　<td><a href="#"><img src="./img/2.gif" onError="delTR( this )"></a></td>
　</tr>
</table>

<script type="text/javascript">　　
</script>
</body>
</html>
ぜんかく、くうはくは、はんかくになおしてね