• ベストアンサー

情報バーが表示されてしまいます

マウスオーバー、マウスアウトで画像が切り替わるように、次のように記述しています。 <img src="a.jpg" onmouseover="this.src='b.jpg'" onmouseout="this.src='a.jpg'" /> するとブラウザで開いた際に 「セキュリティ保護のため、コンピュータにアクセスできるアクティブコンテンツは表示されないよう、Internet Explorerで制限されています。オプションを表示するには、ここをクリックしてください」 という情報バーが表示され、「ブロックされているコンテンツを許可」を選択しなければ画像切り替えが有効になりません。 でも、この記述はあるサイトのサンプルを参考にしており、そのサイトでは情報バーは表示されません。 他にも画像切り替えが実装されているサイトをいくつか表示してみましたが、やっぱり情報バーは表示されません。 情報バーが表示されてしまう自分のページと情報バーが表示されないページのソースを見比べてみましたが、原因がさっぱり分かりません。 何故なんでしょうか?

  • TM31
  • お礼率81% (91/111)

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

  • ベストアンサー
  • arexis
  • ベストアンサー率66% (66/99)
回答No.1

自分のファイルはローカルで、しかもサーバー無しで表示してるとかではありませんか? 通常HTMLファイルをただのファイルとしてIEで開くと、JavaScriptが含まれている場合に出る警告だと思いますが。。

TM31
質問者

お礼

> 自分のファイルはローカルで、しかもサーバー無しで表示してるとかではありませんか? その通りです。確認のためローカルで開いてます。 ローカルで表示するとJavaScriptは警告が出るんですね。 知りませんでした。 どうも有難うございました。勉強になりました。

その他の回答 (2)

noname#79554
noname#79554
回答No.3

ツール→インターネットオプション→詳細設定 「セキュリティ」という項目の中の 「マイコンピュータでの、CDのアクティブコンテンツの実行を許可する」と 「マイコンピュータのファイルでのアクティブコンテンツの実行を許可する」にチェックをつけてOK。 ↑のように設定をいじっても、警告が出なくなります。 絶対安全なものしか開かないなら、設定を変えても良いかな、と。

TM31
質問者

お礼

ご回答どうもありがとうございます。 今回はWebサーバーで公開するためのページを作成しておりますので、Webサーバー上で警告が出ないのであれば問題ありません。 皆様、本当にどうも有難うございました。

  • te12889
  • ベストアンサー率36% (715/1959)
回答No.2

えーとね、ローカルに保存したjavaスクリプトを含むHTML文書をInternetExplorerで開くと「警告」が出るというのは1番さんのおっしゃるとおりで、私もそれで悩みました。 で、スクリプトの最初のほうである「宣言」をするとこの警告を回避することができるってのをgoogle検索で見つけて解決できました。 http://support.adobe.co.jp/faq/qadoc/AJ25.nsf/900f7bf03cd385244925696900084026/7b4d8a60f37126af4925713200090b01?OpenDocument 天下の「Adobe」が言ってるんだから、間違いないですよ。

TM31
質問者

お礼

ご回答どうもありがとうございます。 Webサーバー上から表示させると警告が出ないと知って安心しました。 宣言により警告を回避するテクニックもあるんですね。 勉強になります。 どうも有難うございました。

関連するQ&A

  • onMouseOver,onMouseOutを使用すると

    <img>のところに  onMouseOver="this.src='○○.gif'"  onMouseOut="this.src='○○.gif"  として、マウスを乗せたら画像が変わるようにしているのですが、ブラウザで見ると、 「セキュリティ保護のため、コンピューターにアクセスできるアクティブコンテンツは表示されないようInternet Explorerで制限されています。オプションを表示するにはここをクリックしてください」 という情報バーが出てしまいます。 これを出ないようにするにはどうしたらいいのでしょうか?

    • ベストアンサー
    • HTML
  • オンマウスでの拡大画像の位置指定

    サムネイル画像にオンマウスした時の拡大画像の位置指定がよくわかりません。今の状態だとマウスを乗せた時に拡大画像がサムネイル画像とかぶってしまい、他のサムネイルが隠れてしまいます。できたら、拡大画像をサムネイル画像かぶらせず、左側に表示させたいのですがどう指定したらよいのでしょうか?ついでに拡大画像を右側、上、下に指定したい時の表示方法もあわせてアドバイスいただけたらありがたいです。 それと、サムネイル画像の下にちょっとしたコメントを記載したい時はどうしたら良いのでしょうか?どうかよろしくお願いします。 <script> var src1="image01.jpg" var src2="image1.jpg" var src3="image02.jpg" var src4="image2.jpg" var src5="image03.jpg" var src6="image3.jpg" var src7="image04.jpg" var src8="image4.jpg" </script> <p align="center"> <img src="image01.jpg" onmouseover="this.src=src2" onmouseout="this.src=src1"> <br> <br> <img src="image02.jpg" onmouseover="this.src=src4" onmouseout="this.src=src3"> <br> <br> <img src="image03.jpg" onmouseover="this.src=src6" onmouseout="this.src=src5"> <br> <br> <img src="image04.jpg" onmouseover="this.src=src8" onmouseout="this.src=src7"> <br> </p>

    • 締切済み
    • CSS
  • ロールオーバーが表示されない

    ココログでブログを作成しています。 パソコン知識は低いですが、簡単なタグを親切に教えてくれるサイトを参考にがんばってカスタマイズしています。 以下の通りでロールオーバーが簡単にできるとのことでやってみましたがうまくいきません。 【参考にしたタグ】 <img src="★" border="0" onmouseover="this.src='●'" onmouseout="this.src='■'"> ★最初に表示される画像のファイル ●オンマウスで表示される画像のファイル ■マウスをはずしたとき表示される画像のファイル 【私が入力したタグ(??のところにココログのアドレスが入ります】 <IMG src="http://??.cocolog-nifty.com/images/★のファイル.gif" onmouseover="this.src='http://??.cocolog-nifty.com/images/●のファイル.gif'" onmouseout="this.src='http://??.cocolog-nifty.com/m/images/■のファイル.gif'"> 【トラブルの現象】 1)1枚だけ表示されマウスを持っていくと×印になり二度と表示されません。 2)HTMLの編集欄にタグを貼り付け保存→記事の作成で確認→htmlの編集欄に戻ると、タグの順番が逆になる(↓このようになる) <p><img onmouseover="this.src='●'" onmouseout="this.src='■'" src="★" border="0" /></p> うまく表示する方法がございましたら教えて頂けると助かります。 尚、他のサイトのロールオーバーは表示されております。

  • 画像の表示につきまして

    こんにちは。お世話になります。  画像の表示について伺いたいことがございます。  現在、HPを作成しています。そこには、横並びで三つの画像を配置しています。  しかし、そのHPをいつ開いても、表示されるのは一番左の画像のみで、真ん中と右の画像は表示されません。  ただし、マウスポインタを当てると、真ん中の画像も右の画像も表示されるようになり、以降は、画像が消えるような事はないのですが、その後、そのHPを閉じて、また開くと、同じように真ん中と右のみ表示されません。  インターネットオプションの「画像を表示する」にも、きちんとチェックが入っていますし、他のPCで開いても同様の結果になります。  こういう場合、どういった不具合が考えられるでしょうか。また、改善方法はありますでしょうか。  因みに、下記のようなタグを使っており、マウスオーバーすると画像が切り替わるようにしてあります。 <p class="img"><a href="http://●●●"><img width="235" height="120" onmousedown="this.src='http://●●●/img1.jpg'" onmouseout="this.src='http://●●●/img1.jpg'" onmouseover="this.src='http://●●●/img1_on.jpg'" alt="画像" src="this.src='http://●●●/img1.jpg'" / border="0"></a></p>  windowsXP IE6.0を使っております。  皆様、お忙しい中恐れ入りますが、ご教示下さい。宜しくお願い致します。

    • ベストアンサー
    • HTML
  • onmouseoverとoutで画像を切り替えられた・・・けど、何だろう青い枠線;

    お世話になります。 ビルダー11で作成中です。 onmouseover時とonmouseout時に画像を入れ替える処理を入れました。 参考サイトさんを利用して、以下のようなソースです。 <img src="画像.jpg" alt="がぞう" onmouseover="this .src=画像2.jpg';" onmouseout="this .src='画像.jpg';"> でも、上記ソースだと、プレビュー画面で画像の回りに青い枠線が 常時表示されるようになってしまいました(!) ビルダー内蔵のJavaScriptで_HpbImgSwap関数があって、 それを利用していたときはそんなことにはならなかったのですが・・・。 ちなみに、「じゃあ、そっち使えばいいじゃん」とおっしゃる意見も 出ると思うのですが、そちらを利用すると、なんかONMOUSEのときに、 画像が凹む?のです。 それはちょっと都合が悪い、ということで、上記ソースでできるならば、と思いました。 青い枠線を非表示にするには、どうしたらよいでしょうか? ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ よろしくご教示ください。<(_ _)>

    • ベストアンサー
    • HTML
  • HTMLの組み合わせ

    ホームページ作成において 小さいサイズの画像にマウスを重ねると、大きいサイズの画像が出るようにしたのですが、大きいサイズが表示される時に、ブラウザのウィンドウ幅に合わせて最大サイズ表示したい場合、下記のソースを組み合わせれば可能でしょうか? <img src="小さいサイズ.jpg"onmouseover="this.src='大きいサイズ.jpg'"onmouseout="this.src='小さいサイズ.jpg'"> <p class="resizeimage"> <img src="大きいサイズ.jpg" alt="大きいサイズ"></p>

  • document.writeln内でマウスオーバー

    現在、HPを制作中なんですがページ数が増えサイドメニューを javascriptで一括管理するようになりました。(SEO的に不利なのを承知の上) しかし、ナビゲーションの画像を↓ <img src='/img/sonota-1.png' hspace='0' vspace='0' onmouseover='this.src='/img/sonota-2.png'' onmouseout='this.src='/img/sonota-1.png'' width='240' height='65' alt='その他'> のように記述していたのですがdocument.writelnで、これを表示させるとマウスオーバー時の 画像がマウスを重ねても表示されません。 要は、「document.writeln」内で「onmouseover='this.src='/img/sonota-2.png'」使うにはどうしたらいいのでしょうか。

  • this.src等のthisについて

    <img src="a.jpg" onmouseover="this.src='b.jpg'" onmouseout="this.src='a.jpg'"> こんなかんじで、マウスオーバーでjavascriptが作動するソースがあった場合 ここでの”this”は、”自分自身”を指してる事になると思うのですが thisを使わず、絶対的に書こうとした場合なんと書くのでしょうか?

  • 外部ファイルの記述の仕方

    HTMLにリンクを指定している画像にマウスが重なったときに画像を変化するようにHTML文法にJavaScriptを指定しているのですが、外部ファイル化したいのですがどのように記述すればよいでしょうか? <a href="1.html"> <img src="menu01.gif" onMouseOver="this.src=\'menu11.gif\'" onMouseOut="this.src=\'menu01.gif\'" height="30" width="138" > </a> <a href="2.html"> <img src="menu02.gif" onMouseOver="this.src=\'menu12.gif\'" onMouseOut="this.src=\'menu02.gif\'" height="30" width="138" > </a>

  • ページを開くと”セキュリティ保護~”がでる

    ページをひらくと、ツールバーの下に添付画面の確認がでます。 <A href="xxx.html"><IMG src="image/aaa.png" width="191" height="103" border="0" onmouseover= "this.src='image/bbb.png'" onmouseout="this.src='image/aaa.png'"></A> マウスのポイントで、画像が切り替わるようにしている上記の部分が原因ですが、 (この部分を削除すると表示されなくなります)、この機能を有効にして、かつ 確認のバーが表示されなくすることはできないのでしょうか?

    • ベストアンサー
    • CSS

専門家に質問してみよう