• ベストアンサー

ツールチップの表示時間の調整

HTMLでWEBページを作り始めた初心者です。Javaなどの高等技術はまだ習得していません。純粋にHTMLでの記述での質問ですが、 WEB表示されたテキストや画像の上にマウスを持ていくとそのテキストや画像の説明文を出すことができるとのですが(ツールチップ「title="xxxxx"」を挿入)、このポップアップみたいに出てくる説明文、同じIEを使って参照しても出方が異なるように見えます。 ・マウスが乗っかっている間ずっと表示されている。 ・マウスを乗せて数秒表示された後消える。 HTML内では、先のtitle="xxxxx"で指定しているだけなのですが、表示に違いが出るのはなぜなんでしょうか。 IEの何らかの設定が関係するのでしょうか、それともHTMLの記述に関係するのでしょうか。IEの設定で表示が制御できるのであればその方法をお教えいただけないでしょうか。

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

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

  • ベストアンサー
  • UKY
  • ベストアンサー率50% (604/1207)
回答No.2

title="xxxxx" でツールチップが表示されるのはたまたま多くのブラウザがそういう風になっているだけです。 title 属性はその名の通り要素のタイトルを示しているに過ぎません。title 属性はツールチップとして表示されるなどという決まりはどこにもありません。 title 属性をツールチップとして表示するというのはブラウザが勝手にやっていることですので、ブラウザによって挙動が違うでしょうし、そもそもツールチップを表示しないブラウザだってあります。当然 HTML でその表示の仕方を制御することなど不可能です。 ブラウザによってはツールチップの出し方などを設定できる可能性はありますが、IE ではできないようです。

keroripu
質問者

お礼

ありがとうございます。 title属性でツールチップが表示されるのは、HTMLのマナーに則った標準的な挙動じゃないんですね。 勉強になりました。ありがとうございます。

その他の回答 (1)

  • if_else
  • ベストアンサー率33% (9/27)
回答No.1

ツールチップの表示時間を設定することは出来ません。 JavaScript等を使うしかないでしょう。

keroripu
質問者

お礼

ありがとうございます。 JavaScriptで、制御できるというのは聞いた事がありましたが、純粋にHTMLでは制御できないんですね。 JavaScript勉強します。

関連するQ&A

  • ツールチップのことで・・・。

    以前、ホームページを作ってもらったのですが(2年ぐらい前です)、 その時は画像の上にカーソルを持っていったときに、ツールチップ(画像の説明文)が出ていたのですが、最近出ないことに気がつきました。 特に、HTMLは触っておりません。 どこか不都合があるのでしょうか?突然こう言うことがおこるのでしょうか? 回答宜しくお願いします。

    • ベストアンサー
    • HTML
  • 【HTML】ツールチップを強制的に非表示にする方法

    Web制作の仕事をしております。 例えば、 <a href="index.html" title="トップページ"> などと記述するとIEなどで黄色くツールチップが出るわけですが、これを強制的に非表示にする方法はありますでしょうか。 JavaScriptか何かでできればいいのですが、私の調べた限りでは方法がみつかりません。 不可能という回答でもOKです。 よろしくお願いいたします。

  • html alt 代替テキストが表示されない

    Windows7、IE11です。 ソースでは、alt="画像" と記述しています。 しかし、ページをUPしても、画像にマウスを乗せても代替テキストが表示されません。 オプションの「ユーザー補助」→「常にaltテキストを展開」にはチェックが入っています。 同じくオプションの「マルチメディア」→「画像を表示する」のチェックを外して再読み込みすると、画像の箇所に代替テキストが表示された為、タグの記述に間違いは無いようです。 原因が分からず、何処を直せばいいのか分かりません。

  • Firefoxで変な設定になってしまったのですが・・・

    例えば画像にマウスカーソルを合わせるとそ の画像の説明文(HTMLのaltやtitle)が表示されますが、 それがマウスカーソルの下に小さい四角が表示されるだけで 文章等が表示されなくなりました。 他に、マウスカーソルを英単語にあわせると その訳を表示してくれるアドオンなども同様に効かなくなり、 カーソルの下に小さい四角が表示されるだけになりました。 どの設定を変えれば元に戻るのでしょうか? よろしくお願いします。

  • ait表示について

    OS win7 32bit IE8を使っていますが、いろいろなサイトの中にあるimage画像にマウスをあてると、alt設定していればテキストが表示されると思いますが、それが表示されません。 何か設定が必要なのでしょうか? ちなみに、XPも使っていますが、そちらではalt表示がされています。

  • FireFoxで画像が表示できないのですが

    FireFoxで画像が表示できないのですが 初心者ですが、Web画面を製作中に発生した以下の現象で困っておりまして、上級者の方にご教示お願いしたいと存じます。 まず環境は以下の通りです。 OS WindowsXP pro SP3 ここでC:ドライブのフォルダ内にHTML文書とCSSを記述して、IE(8.06)で画面を確認していきながら、満足いく結果を得たので、FireFox(3.6.9)でも確認してみました。 すると、CSSで以下のような記述をした画像データがFFではブラウザ画面に表示されません。 *** { background:url("PC内で画像ファイル格納したフォルダの絶対パス\画像ファイル名.jpg") no repeat; } そこで、以下の通りHTML内にimgタグで直接記述してみました。 <img src ="PC内で画像ファイル格納したフォルダの絶対パス\画像ファイル名.jpg"> その結果、やはりFFでは画像が表示されず、IEでは期待した通りの画像は表示されました。 そこで、画像のファイルをHTMLを格納したフォルダ内に移して、パスを全て消して以下のように記述しました。 <img src ="画像ファイル名.jpg"> その結果、FFでもIEでも画像が表示されました。 そこでCSSも以下のように書き換えてみました。 *** { background:url("画像ファイル名.jpg") no repeat; } この結果もFFとIEの両方で画像が表示されました。 ということは、パスを指定した時の私の書き方が問題なのでしょうか? しかしながら、これはIEのアドレス窓の内容をコピペしただけで、IEでは問題無いので違っているとは思えないのですが。 この事態を打開するには、どう記述したらよいのでしょうか?それともこれはFFの設定の問題でしょうか? 知恵袋の過去問や、Web上の専門サイトは一応探しましたが、こういう事態についての記述は見つけられませんでした。 恐らく、非常に初歩的な質問をしているのだろとは思いすが、早急な解決の必要もあって、申し訳ありませんがごご存知の方からのご教示をお願いできませんでしょうか? 何卒よろしくお願いいたします。

  • オンマウスで出てる説明文を非表示にしたい

    IE6を使用しているのですが、オンマウスでテキストボックスのような枠に入った説明文が出てることがあります。 例えばツールバーのボタンも、今はボタン名を表示していないようにしているのですが、 ここにマウスカーソルを乗せるとそのボタン名が出てきます。 ページ本文でもタイトルやアイコンにカーソルを乗せるとその説明やタイトルが出てきたりします。 おそらく製作された方の親切心からだと思うのですが、時々閲覧に邪魔な事があります。 これを一時的に非表示にする方法はあるのでしょうか?

  • 画像の上にマウスが乗ったときに、指定した場所にテキストを表示させる方法!

    画像の上にマウスが乗っている時に、指定した別の場所に、任意のテキストを表示したいのですが、このようなことができるJavaScriptはあるのでしょうか? 例えば、写真集のようなものを作るときに、その写真の上にマウスを合わせると、決まったところに、その説明文がテキストで表示されるようにしたいのです。 もしあるようであれば、ぜひ教えてください。

  • ロールオーバーの上にテキストを表示するには?

    JavaScriptでロールオーバーを設置したのですが、その画像の上にテキストで説明を表示するにはどうしたらよいのか教えていただけるでしょうか。(テキストはマウスと関係なく常時表示) よろしくお願いします。

  • アクセス・カウンタのツールチップについて

    今、アクセス・カウンタを自作して HTML ソースに埋め込もうとしています。 最初はテキストタイプ、次にグラフィックタイプを作成する予定ですが 作るにあたってツールチップを出せるように考えています。 カウンタの仕様は (1)テキスト、グラフィック共に5桁の累計カウンタを表示 (2)カウンタの上にマウスを乗せると今日の訪問者数、昨日の訪問者数を表示 (3)クリックするとアクセス解析のページに移動 という仕組みを考えています。 質問内容: (1)カウンタの上にマウスを乗せたときにツールチップを出す方法 (2)ツールチップで表示する文字列で改行する方法(有るのならば知りたい) (3)クリップしたときに別ページに(リンク)移動する方法 上記の3つはどのように作り上げればよろしいでしょうか? 補足情報: ・私の現時点でのスキルは Perl-CGI を HTML ソースに埋め込める程度です。  別の質問より SSI の #exec 以外で CGI を動かす方法が分かりました。  (ちなみに http://oshiete1.goo.ne.jp/qa3364805.html です) ・HTML、CSS、JavaScript、Perl-CGI、SSI の基本を少々分かる程度です。  Perl-GCI でタグを document.write() で標準出力すれば出来ますかね。 グラフィック・カウンタのイメージ(画像)の場合どのようにすべきか 一番お聞きしたいです。 それでは回答をお待ちしています。 よろしくお願いいたします。

    • ベストアンサー
    • CGI

専門家に質問してみよう