ステータスバーまたはリンク先を、非表示にするには? - ホームページ・Web制作 - 専門家プロファイル

専門家の皆様へ 専門家プロファイルでは、さまざまなジャンルの専門家を募集しています。
出展をご検討の方はお気軽にご請求ください。

ステータスバーまたはリンク先を、非表示にするには?

法人・ビジネス ホームページ・Web制作 2012/11/07 12:31

リンク先にマウスを重ねると、ステータスバーにリンク先URLが表示されますが、
この表示を別の表示に変えるか、
もしくはステータスバーそのものを非表示にしたいのですが、できるのでしょうか?

別に、訪問者を悪質サイトへ誘導しようという目的ではありません。
ただ、リンク先ごとに、「正解」「不正解」という異なるページへ行くわけですが、クリックするまでそれを伏せておきたいのです。

以下に、自分なりに試した結果を記載します。
しかしどれも上手く行きませんでした。

方法1:onmouseoverとwindow.statusの組み合わせ
<a href="http://www.xxxx.html" onmouseover="window.status='リンク先は秘密だよ'; return true;">

結果:
オフラインで試した場合はうまく動作しますが、オンラインで試すとステータスバーに何も表示されませんでした。
せめて、設定したメッセージ(この場合「リンク先は秘密だよ」)を、表示させたいのです。

方法2:ステータスバー非表示の新規ウィンドゥとして起動する
window.open("xxxx.html", "newwin" ,"status=0");

結果:これもオフラインでは上手く行きましたが、オンラインではステータスバーが表示されてしまいます。

ちなみに当方のブラウザはIE7を使っています。
よろしくお願いします。

補足

2012/11/07 12:31

井上様
ありがとうございます。試してみたところ、
オフラインでは「http:///C:/それは秘密です」と表示され、
オンラインでは「http://XXXXXX(自サイトドメイン)/それは秘密です」と表示されました。

当方がやりたいのは、「飛び先が自サイトドメインであることも隠し、かつ、別の文字を表示させる」ということです。
なので残念ながら、この方法は使えませんでした…。

Hajestiaさん ( 長野県 / 男性 / 31歳 )

回答:2件

小菅 太郎 専門家

小菅 太郎
ITコンサルタント

1 good

<head>内に埋め込みステータスバーのアドレスを非表示にする

2012/11/07 13:31 詳細リンク
(2.0)

はじめまして。アイナパルの小菅と申します。

IE7ではデフォルトでステータスバーテキストの変更が禁止されていると思います。

IE7での動作検証が出来ないのですが・・・

ステイタスバーのテキストを非表示にさせることは下記にて可能です。

下記を<head>と</head>の中に埋め込みます。
ただし、この場合、そのページ全てにおき有効になりますので、注意下さい。

<script type="text/javascript">
<!--
function nonbar(){
window.status = '';
return true;
}
if (document.layers)
document.captureevents(event.mouseover | event.mouseout);
document.onmouseover = nonbar;
document.onmouseout = nonbar;
// -->
</script>

お試し下さい。

補足

補足です。
先ほどの記載はIEにのみ有効で、他のブラウザではアドレスは表示されます。

埋め込み

評価・お礼

Hajestiaさん

2012/11/07 17:18

ご回答ありがとうございます。
試してみました。
オフラインでは上手く行きましたが、オンラインでは、
document.onmouseover = nonbar;
document.onmouseout = nonbar;
の2つとも、JavaScriptではエラーとなってしまいます。

回答専門家

小菅 太郎
小菅 太郎
(東京都 / ITコンサルタント)
アイナパル 代表取締役

魅せるホームページ、オンリーワンのWebデザイン

WordPress(ワードプレス)を利用したホームページ制作、WordPress(ワードプレス)のテーマのカスタマイズ、アメブロテンプレートカスタマイズ、Facebookページ制作・運用代行はアイナパルにお任せください。

小菅 太郎が提供する商品・サービス

メール相談

ホームページSEO診断

ホームペーイjの内部SEOに特化したサービス

メール相談

アメブロデザインテンプレートカスタマイズ承ります。

アメブロを個性豊かなデザインにしませんか?

質問やお悩みは解決しましたか?解決していなければ...

※あなたの疑問に専門家が回答します。質問の投稿と閲覧は全て無料です。
井上 みやび子

井上 みやび子
Webエンジニア

- good

onclick でURLを開けばステータスバーのリンク先を隠せます

2012/11/07 13:07 詳細リンク
(2.0)

始めまして。Webシステム開発などを行っております すぐ使える株式会社の井上と申します。

私の環境ではIE7がすぐに出て来なくて動作検証できないのですが、以下のように href の方は "#" にしておいて onclick でページ遷移すれば、ステータスバーへの表示は表示中のページのURLとなり、リンク先の表示は抑えられるはずです。

<a href="#" onclick="window.location.href='seikai.html'">回答内容</a>

お試し下さい。

HTML

評価・お礼

Hajestiaさん

2012/11/07 17:17

ご回答ありがとうございます。
<a href="#" onclick="window.location.href='seikai.html'" onmouseover="window.status='秘密'; return true;">回答内容</a>
で試してみましたが、
やはりステータスバーには「秘密」の文字が表示されません。
(オフラインでは表示されるけどオンラインだとダメです)
リンク先を表示させないだけでなく、メッセージが表示されるようにしたいのです。

アンカーに限らず、どうもステータスバーの表示自体を設定変更すること自体、できないようです。
ステータスバーの表示を、サイト開発者の自由に設定できると悪用される危険性があるため、設定変更できないようにIE7から仕様変更されたみたい?…らしいです…。
しかし必ず悪用されるというわけではないでしょうに…。

井上 みやび子

井上 みやび子

2012/11/08 11:04

なるほど。メッセージの表示の方がメインなのですね。

ステータスバーの自由な書換えはやはりセキュリティ上の問題がありますので、メッセージを伝えたい、という事がメインの目的であれば、文法等度外視ですが、以下のようにしてみてはいかがでしょうか?

<a href="/それは秘密です" onclick="window.location.href='seikai.html';return false;">回答内容</a>

表示中に http:// とホスト名は残ってしまいますが、日本語の場合、並べれば日本語文字は目立つので、制作者の意図は利用者に伝わると思います(笑)。

ご参考になれば幸いです。

(現在のポイント:-pt このQ&Aは、役に立った!

このQ&Aに類似したQ&A

なぜアンチエイリアスを無効にできないのか? Hajestiaさん  2012-12-10 21:29 回答1件
トップページを検索でヒットさせる方法 よっきーさん  2010-01-16 10:04 回答2件
自サイトに、見知らぬクッキーが…! Hajestiaさん  2013-01-23 22:46 回答1件
フリーでやっていける条件って。 mikoriさん  2011-10-27 22:08 回答3件
専門家に質問する

タイトル必須

(全角30文字)

質問内容必須

(全角1000文字)

カテゴリ必須

ご注意ください

[1]この内容はサイト上に公開されます。

  • ご質問の内容は、回答がついた時点でサイト上に公開されます。
  • 個人や企業を特定できる情報や、他人の権利を侵害するような情報は記載しないでください。

[2]質問には回答がつかないことがあります。

  • 質問の内容や専門家の状況により、回答に時間がかかる場合があります。
気になるキーワードを入力して、必要な情報を検索してください。

表示中のコンテンツに関連する専門家サービスランキング

メール相談

ホームページSEO診断

ホームペーイjの内部SEOに特化したサービス

小菅 太郎

アイナパル

小菅 太郎

(ITコンサルタント)

メール相談

アメブロデザインテンプレートカスタマイズ承ります。

アメブロを個性豊かなデザインにしませんか?

小菅 太郎

アイナパル

小菅 太郎

(ITコンサルタント)

メール相談

ホームページ(SEO対策)診断

貴社ホームページのSEO対策を診断します

中沢 伸之

ストークデザイン

中沢 伸之

(Webプロデューサー)

その他サービス 格安ホームページ制作
中沢 伸之
(Webプロデューサー)