ここから本文です

解決済みの質問

知恵コレに追加する

エリアマップ上にある別窓で開くリンクをクリックした時の点線を消す方法

yoshinekonekoさん

エリアマップ上にある別窓で開くリンクをクリックした時の点線を消す方法

エリアマップ上にある別窓で開くリンクをクリックした時の
点線を消す方法を教えてください。

別窓で開かない場合のリンクだと下記のスクリプトにリンクすることで
点線が表示されなくなったのですが、

window.onload=function(){
a=document.getElementsByTagName("a");
for(i=0;i<a.length;i++){
a[i].onfocus=function(){this.blur();}
}

area=document.getElementsByTagName("area");
for(i=0;i<area.length;i++){
area[i].onfocus=function(){this.blur();}
}
}


別窓で開く場合のリンクでは表示されてしまいます。
ちなみに、ページには下記のように記しています。

<script language="JavaScript">
<!--
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}

function winOpen(winName,url,W,H){
//
var WinD11=window.open(url,winName,'scrollbars=0,resizable=no,width='+W+',height='+H+'');
WinD11.document.close()
}
//-->
</script>

エリアマップ部分は下記のように記しています。

<img src="../images/map.jpg" width="500" height="500" usemap="#map" border="0"><map name="map"><area shape="rect" coords="100,100,100,100" href="javascript:function voi(){};voi()" onClick="winOpen('','map.html',300,300)" alt="map" title="map"></map>

ご教示、宜しくお願い致します。

違反報告

ベストアンサーに選ばれた回答

arenani_sorenaniさん

IEの場合に一瞬 outline が表示されたあと消えます。
それ以外のブラウザでは outline はでません。
たぶん・・・

<script type="text/javascript">
function winOpen(winName,url,W,H){
var WinD11=window.open(url,winName,'scrollbars=0,resizable=no,width='+W+',height='+H+'');
WinD11.document.close()
}
window.onload=function(){
a=document.getElementsByTagName("a");
for(i=0;i<a.length;i++){
a[i].onfocus=function(){this.blur();}
}
area=document.getElementsByTagName("area");
for(i=0;i<area.length;i++){
area[i].onclick=function(){this.blur();}
}
}
</script>

<img src="map.jpg" usemap="#map" border="0">
<map name="map">
<area shape="rect" coords="10,10,50,50" href="javascript:winOpen('','about:blank',300,300);" alt="map" title="map">
</map>



あくせしびりてぃって何?それっておいしいの?


.

  • 違反報告
  • 編集日時:2009/2/20 06:02:18
  • 回答日時:2009/2/19 23:22:42

質問した人からのコメント

  • 成功再びご親切に教えてくださってありがとうございました。
    ページ内にロールオーバーイメージがあると点線が表示されてしまうのですが、
    ロールオーバーイメージがない場合は大丈夫でした。
    (質問に記した内容でもその点は同じでした)
    正直、私自身は点線はあまり気にならないのですが、世の中には細かい事を
    気になさる方がいるもので・・・(^^;) とにかく色々と有り難うございました!m(_ _)m
  • コメント日時:2009/2/21 21:06:15

グレード

この質問・回答は役に立ちましたか?
役に立った!

お役立ち度:お役立ち度 0点(5点満点中)0人が役に立つと評価しています。

ベストアンサー以外の回答

(1件中1〜1件)

 

mue_xさん

>別窓で開くリンクをクリックした時の点線を消す
参考までに、何でこんなどうでもいいことをしたがるのか教えてもらえないだろうか。ユーザーにどこをクリックしたのかわからなくさせて迷わせたいということか。ましてそこに「area[i].onfocus=function(){this.blur();}」なんていう冗談か嫌がらせとしか思えない処理を施しているのはどういう理由か。「デザイン上」なんていう自分勝手で押しつけがましい理由なら、あくせしびりてぃ(こういう語を使うのはいかにもな感じで嫌いなんだが)について少し考え直したほうがいいんでないの。

Yahoo! JAPANは、回答に記載された内容の信ぴょう性、正確性を保証しておりません。

お客様自身の責任と判断で、ご利用ください。

話題のキーワード

[カテゴリ:JavaScript]

ただいまの回答者

02時48分現在

1730
人が回答!!

1時間以内に3,403件の回答が寄せられています。

>>回答ひろばに行く