このカテゴリで人気のQ＆A

今週
1週間前

毎日見よう！教えて!gooトゥディ

べんりQ&A特集

教えて！ウォッチャー

▼ゴキブリはなぜ「怖い」？
ゴキブリはなぜ「怖い」？

日刊オシエテ

5/19 「かさぶた」を取りたくなる理由

教えて！gooからのお知らせ

質問
質問者：noname132 リンクを選択すると現れる点線枠
困り度：
  • 困ってます
 リンクを選択すると現れる点線枠
IEでリンクをクリックすると現れる点線枠を消すため

<a href="リンク先URL" onfocus="this.blur();">○○</a>

と、【onfocus="this.blur();"】をAタグ内に追加していますが、サイト内のリンクが多すぎるため、ごちゃごちゃになってしまいます。これを一括指定させたいのですが、どのように書けばいいのでしょうか。または外部スタイルシートで書くことはできますか。
質問投稿日時：2004/11/22 18:38
質問番号：1095664
この質問に対する回答は締め切られました。
最新から表示 ｜ 回答順に表示 ｜ 良回答のみ表示

回答

良回答20pt
回答者：leaz024 CSS2にはそのような点線枠（＝アウトライン）の設定を行う outline という属性があるのですが、現在はごく一部のブラウザしか対応していないので、利用価値は低いでしょう。

ですので、No.1 のように JavaScript を使って各リンクの onfocus を設定するのが簡明です。ただ、No.1 のスクリプトでは動かないような気がするので、別の方法を書いておきます。

# 以下を <head> ～ </head> 内に追加。
<script type="text/javascript">
<!--
function disable_links_outline() {
　　var blur = function () { this.blur() };
　　for (var i = 0; i < document.links.length; i++)
　　　　document.links[i].onfocus = blur;
}
//-->
</script>

# <body> タグを変更。
<body onload="disable_links_outline()">

※スクリプトをコピーする場合は、全角空白をタブなどに置換してください。
回答日時：2004/11/22 20:06
回答番号：No.2
参考URL： http://tohoho.wakusei.ne.jp/css/reference.htm#Outline
この回答へのお礼 早速試してみましたら、点線枠が出ずに一括指定ができました。わかりやすく教えてくださってありがとうございました。

回答

良回答10pt
回答者：BLUEPIXY 試してないけど、多分、以下でいけると思います。
<script type="text/javascript">
<!--
function setLinks(){
var AObj=document.links;
for(i=0;i<AObj.length;i++){
AObj(i).onfocus=="this.blur();";
}
}
// -->
</script>
<body onload="setLinks()">

「リンクをクリックすると現れる点線枠」がよくわからないんですけど、
もしかすると、スタイルシートでできるかもしれません。
回答日時：2004/11/22 19:08
回答番号：No.1
この回答へのお礼 わかりにくい質問にもかかわらず、お早い回答をありがとうございました。javascriptで指定することさえ知らなかったので参考になりました。
最新から表示 ｜ 回答順に表示 ｜ 良回答のみ表示
このページのトップへ