• ベストアンサー

リンクを選択すると現れる点線枠

IEでリンクをクリックすると現れる点線枠を消すため <a href="リンク先URL" onfocus="this.blur();">○○</a> と、【onfocus="this.blur();"】をAタグ内に追加していますが、サイト内のリンクが多すぎるため、ごちゃごちゃになってしまいます。これを一括指定させたいのですが、どのように書けばいいのでしょうか。または外部スタイルシートで書くことはできますか。

  • HTML
  • 回答数2
  • ありがとう数10

質問者が選んだベストアンサー

  • ベストアンサー
  • leaz024
  • ベストアンサー率75% (398/526)
回答No.2

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()"> ※スクリプトをコピーする場合は、全角空白をタブなどに置換してください。

参考URL:
http://tohoho.wakusei.ne.jp/css/reference.htm#Outline
noname132
質問者

お礼

早速試してみましたら、点線枠が出ずに一括指定ができました。わかりやすく教えてくださってありがとうございました。

その他の回答 (1)

  • BLUEPIXY
  • ベストアンサー率50% (3003/5914)
回答No.1

試してないけど、多分、以下でいけると思います。 <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()"> 「リンクをクリックすると現れる点線枠」がよくわからないんですけど、 もしかすると、スタイルシートでできるかもしれません。

noname132
質問者

お礼

わかりにくい質問にもかかわらず、お早い回答をありがとうございました。javascriptで指定することさえ知らなかったので参考になりました。

関連するQ&A

  • リンクボタンを押すときに出てくる周りの点線について

    質問させていただきます。 次のページへっと下記のようなものを <a href="○○○.html">次のページへ</a> 押すと同時に出てくる 点線のボックスを消す方法はないのでしょうか? スタイルシートで消せるのかそれとも javascriptで消せるのか それとも消す方法がないのかわかりません。 点線を消す利点として、 画面上にいくつかのリンクが隠されていたとき、 ボタンを押してもそのボタンの大きさや領域などをわからないようにしたいと思っています。 何か方法がないものかと探っては見ましたが、 未だに解決できずにいます。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • リンクのフォーカスの点線枠を表示させたい

    windos7/ie10です。 ブラウザでリンク先の点線枠を表示させるにはどうしたらいいのでしょうか。 具体的には、リンクがいっぱいある時に、そのうちの1つをクリックしてページが変わったあと、戻るボタンで戻った際に、どのリンクをクリックしていたか、わかるようにしたいのです。 よろしくお願いします。

  • リンクの際に枠がついてしまい邪魔で困っています

    FC2でホームページを開設しているのですが、 画像をクリックしてリンクをさせたい時に、画像に枠がついてしまって困っています。 画像のまわりに必ず、その画像を囲むように四角く紫色や青色の太線の枠がついてしまいます。 色々タグをいじってみたのですが消えてくれません。 どなたか解決策がありましたら教えて頂きたいです…。 詳細:リンクをさせる際のタグは<a href="ファイル名" ><img src="about.gif" /></a> という形のものを使用しているのですがこれには問題はありませんよね…。 後は、新しいファイルを作る時に背景の色やLink色、VLink色等を決めますよね。 それが原因かと思い、↓のタグを消してみたりしたのですが、やはり枠は消えてくれませんでした。 <!-- body { color: #000000; background-color: #000000; } a.link { color: #000000; } a.visited { color: #000000; } a.active { color: #000000; } --> </style> 一体どのようなタグが原因で、枠がついてしまうのでしょうか?

  • HTML Documentにタグを書き込む方法

    50個程のHTML Documentへ一発でタグを書き足したいのですが何か良い方法はありますでしょうか? ちなみに、書き足したいタグは2箇所です。 imgタグの中に galleryimg="no" と、 Aタグの中に onfocus="this.blur()" という属性を追加したいのです。

  • リンク選択時の点線囲いを消したいのですが

    はじめまして、よろしくお願いします ブラウザでリンクを選択してクリックすると、 <a>タグ部分が点線で囲まれますが、 その機能をページ側で停止することは出来ますか?

    • ベストアンサー
    • CSS
  • ページに点線の枠を

    こんにちは。 BODY{ border-width :1px 1px 1px 1px; border-style :dashed dashed dashed dashed; border-color :#000000;} スタイルシートで↑のようなかんじでページに枠をつけたのですが、線(border)はdashedに指定しても点線にはならないのでしょうか?(solidとかわりません) いろいろ書き方をかえてみましたが、できません。 もし可能な場合は、どのようにするか教えて下さるとうれしいです。 よろしくおねがいします!

    • ベストアンサー
    • HTML
  • 画像を使ってでのリンクで発生する枠について

    画像を使ってのリンクに関するご質問です。 楽天フォトにアップした画像を使い、<a href=""></a>のタグを使いリンクさせた際に、 画像に枠が引かれてしまいます。 一年前に同じ作業を行なった際には、枠は引かれませんでした。 以下のページをご参照ください。 http://plaza.rakuten.co.jp/kagosima2kazuyan/6000 「SHADOW Slasher」のリンクは一年前に作成したもので、枠が引かれてません。 「XL-883R」のリンクは先日作成したもので、枠が引かれています。 なお、このページ意外でも新たに画像でリンクを作成すると、枠が引かれてしまいます。 この枠を消す方法を教えてください。 宜しくお願い致します。

  • 表の枠を点線にする方法とは?(ホームページビルダー12)

    ホームページビルダー12を使っています。 挿入した表の枠を点線にする方法ってあるのでしょうか? スタイルシートを使えばできると思うのですが、ビルダーの基本設定では無理なのでしょうか? よろしくお願いいたします。

  • htmlでHP作成・1つのページに複数の小窓を出すには・・・

    メモ帳を使い、タグを打ち込んでHPを作っています。 1つのページに3つのリンク元を置いて、それぞれ違う 小窓が出るようにしたいのですが、やってみたら 全部同じ小窓が出てしまいます。何度やっても直りません。 打ち込んだタグはこれです。(<BODY></BODY>内に) 同じタグを、リンク先のURLとリンク元の文を変えただけで3つ続けて書き込みました。 これだと、どのリンク元を押しても3つめの小窓が開いてしまいます。 ちゃんと個々の小窓が開くようにするにはどうすればいいのでしょうか??教えてください!! <SCRIPT language=JavaScript><!-- function subWin1(){ window.open("1つめ.html","window2","resizable=no,menubar=no,directories=no,status=no,location=no,scrollbars=yes,toolbar=no,width=500,height=500"); } --> </SCRIPT><A href="javascript:subWin1();" STYLE="text-decoration:none" title="" onfocus="this.blur()"><font color=gold size="1" face="verdana"onMouseOver="this.style.color='red'" onMouseOut="this.style.color = 'GOLD'">1つめリンク元</font></a>

  • 画像をリンクすると枠がついてしまう・・・。

    パソコン初心者です。はじめてHPを作成しています。 HTMLの本で見ながら悪戦苦闘してます。 以下のようなタグで画像からメールへのリンクをはると、画像に青色の枠がついてしまいます。どうしたら消すことができるのでしょうか? <A HREF="mailto:xxxxxxx@mail.goo.ne.jp"> <IMG SRC="http://www.xxxxx.?????.ne.jp/??????/emailrote.gif"></a> お願いします。

    • ベストアンサー
    • HTML

専門家に質問してみよう