ステータスバーにリンクにマウスを乗せたときの文字列を表示する方法

このQ&Aのポイント
  • ステータスバーに文字列を表示する方法やリンクにマウスを乗せたときに表示される文字列の問題について質問します。
  • ステータスバーに文字列を表示する方法とリンクにマウスを乗せたときに表示される文字列の併用に関する問題についてお伺いします。
  • ステータスバーに文字列を表示する方法とリンクにマウスを乗せたときに表示される文字列の併用時に文字列が一瞬しか表示されない問題について教えてください。
回答を見る
  • ベストアンサー

ステータスバーに。

ごめんなさい、先日似たような質問をしたのですが、締め切ってしまったので 新しく投稿させていただきます。 ステータスバーに文字列を表示する リンクにマウスを乗せたときにステータスバーに文字列を表示する どちらも単独でなら普通に使えるのですが、併用するとリンクにマウスを乗せ たとき、一瞬しか文字列が表示されません。 どうしたらいいでしょう? タグはこんな感じで打ってます。 <HTML lang="ja"><HEAD> <LINK REL="stylesheet" HREF="design.css" TYPE="text/css"> <SCRIPT LANGUAGE=javascript> <!-- pid = window.setInterval("stats()",100); function stats() { window.status="ようこそ~" } //--> </SCRIPT> </HEAD> <BODY> <a href="○○.html" onmouseover="window.status='ENTER'; return true;" onmouseout="window.status=''; return true;">ENTER</a> </BODY></HTML>

  • rui37
  • お礼率65% (81/123)
  • HTML
  • 回答数6
  • ありがとう数4

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

  • ベストアンサー
  • ittochan
  • ベストアンサー率64% (2667/4137)
回答No.6

<HTML> <HEAD> <SCRIPT LANGUAGE=javascript> <!-- function window_onload() { aa(); var a = document.getElementsByTagName("A"); for(i=0;i<a.length;i++){ a[i].onmouseout = aa; a[i].onmouseover = bb; } } function aa(){window.status="ようこそ~"} function bb(){window.status="ENTER";return true;} //--> </SCRIPT> </HEAD> <BODY LANGUAGE=javascript onload="return window_onload()"> <P>これでどう?<BR>InternetExplorer6<BR>NN7で動きました。</P> <P>&lt;A&gt;タグを普通に書けます。<BR>すべての&lt;A&gt;タグに適用されますよ。</P> <P> <A href="○○.html">ENTER</a> </P> </BODY> </HTML>

その他の回答 (5)

  • ittochan
  • ベストアンサー率64% (2667/4137)
回答No.5

><META~> Microsoft Script Editorで書いているんですが、 新しいページを作成すると勝手に追加しちゃうんです。 よくわかんないんです。 Visual InterDev で使うみたいなんですが 私はこれ、インストールしていません。 無くても動きますよ。

rui37
質問者

お礼

そうなんですかー。 無くても問題無いようですね。 ありがとうございました!!

  • ittochan
  • ベストアンサー率64% (2667/4137)
回答No.4

<HTML lang="ja"><HEAD> <META name=VI60_defaultClientScript content=JavaScript> <LINK REL="stylesheet" HREF="design.css" TYPE="text/css"> </HEAD> <BODY onload="window.status='ようこそ~'"> <P>ANo.#3だとページが読み込まれたときに<br> 「ようこそ~」が出ませんね。<br> これでどう?</P> <a href="○○.html" onmouseover="window.status='ENTER'; return true;" onmouseout="window.status='ようこそ~'; return true;">ENTER</a> </BODY></HTML>

rui37
質問者

お礼

再びの回答ありがとうございます。 きちんとできました。 <META~>は何を表してるのでしょう? よろしかったら教えてください。 ご迷惑かけてすいません。

  • ittochan
  • ベストアンサー率64% (2667/4137)
回答No.3

<HTML lang="ja"><HEAD> <LINK REL="stylesheet" HREF="design.css" TYPE="text/css"> </HEAD> <BODY> <P>これでは駄目なの?</P> <a href="○○.html" onmouseover="window.status='ENTER'; return true;" onmouseout="window.status='ようこそ~'; return true;">ENTER</a> </BODY></HTML>

  • a-kuma
  • ベストアンサー率50% (1122/2211)
回答No.2

どこまで JavaScript が分かっているのかしら。 関数 stats() は、setInterval() によって、0.1秒ごとにステータスバーに "ようこそ~" と書きに行っているのですから、そりゃあ 'ENTER' の文字も すぐ消されちゃいますよね。 関数 stats() では、リンクの中にマウスが入っているかどうかを判断しなきゃ。 試してないけど、こんな感じかな。 <script> var out_link = true; pid = window.setInterval("stats()",100); function stats() { if (out_link) { window.status="ようこそ~" } } </script> <a href="○○.html" onmouseover="window.status='ENTER'; out_link = false; return true;" onmouseout="window.status=''; out_link = false; return true;">ENTER</a> # 試してないので、自信無しとしておきます

rui37
質問者

お礼

お早い回答ありがとうございました。 これだとマウス外したときに「ようこそ~」が表示されませんね。 Javascript、ほとんど分かってないです。すいません。 >関数 stats() は、setInterval() によって、0.1秒ごとにステータスバーに >"ようこそ~" と書きに行っているのですから、そりゃあ 'ENTER' の文字も >すぐ消されちゃいますよね。 確かにそうですよね…。 すいませんでした。 やっぱりJavascriptきちんと学ばなきゃ駄目ですね。

  • LemonT
  • ベストアンサー率49% (39/79)
回答No.1

こんにちは。 タイマーを使う意味が不明なので、求められているものと違うかも。。。 <HTML lang="ja"><HEAD> <LINK REL="stylesheet" HREF="design.css" TYPE="text/css"> <SCRIPT LANGUAGE=javascript> <!-- //pid = window.setInterval("stats()",100); function stats() { window.status="ようこそ~" } //--> </SCRIPT> </HEAD> <BODY onLoad="stats()"> <a href="○○.html" onmouseover="window.status='ENTER'; return true;" onmouseout="stats()"; return true;">ENTER</a> </BODY></HTML>

rui37
質問者

お礼

早い回答ありがとうございました。 きちんとできました! ありがとうございます。 タイマーを使う意味…じ、自分にもよく(苦笑) javascriptはよく分かっていないもので…すいません。

関連するQ&A

  • retuun trueの意味

     例えば、リンク文字列をポイントしたときに、ステータスバーに任意の文字列を表示する際、 <a href="http://www.yahoo.co.jp" onMouseover="window.status=('やふー');return true" onMouseout="window.status=('')">やふー</a>  というように入力した場合のreturn trueの意味がわかりません。  これを使わないとうまく動作しないので・・ということで使ってはいるのですが、改めて考えた場合、どういう仕組みでこのreturn trueが必要なのか、よくわかりません・・。

  • ステータスバーの表示について

    ステータスバーの表示について、リンク先のアドレスをみせないようにしたいのですがうまくいきません。 内容はマウスオーバーをした状態、マウスでクリックしてる最中の状態の二通りをリンク先が表示されないようにしたいのですが、 ソースは <span onMouseOver="window.status='a';return true;" onMousedown="window.status='b';return true;"><a href="javascript:void(0)"><img src=batu.gif></a></span> imgを入れるとうまくいかない気がします。 よろしくお願いします。

  • ブラウザ下部に出るリンク先URLを非表示にしたい。

     サイトに隠しリンクを作りたいのですが、リンクを入れた文字にカーソルを置くとブラウザ下部(ステータスバー?)にリンク先URLが表示されるのでそれでバレそうで、出来ればURLを非表示にしたいのです。 <a onclick="location.href='**.html';">を使えば表示されないのですが、フレームを使っているのでtargetが使え無くて困り、javaスクリプトを一々書くほど大層でも無いしなと悩み、 色々と探して<a href="**.html" onmouseover="window.status=''; return true;" onmouseout="window.status=''; return true;">と言ったタグも入れてみたのですが、特に変化も無く……。 どうすれば良いのかまったく分らなくなったので質問させていただきました。 もし方法が分かる方は、ご助言、お願いいたします。 ちなみに確認はオフラインのみですが、使用したブラウザはクローム・オペラ・火狐です。

  • ステータスバーに表示されるリンク先について

    リンク上にマウスを乗せると、ブラウザの左下、ステータスバーにリンク先がでます。 この表示をなくせないでしょうか。 Javascriptで試したみましたがどうやらダメみたいです。 ご存知の方いましたらご回答ください。 ちなみに使用したスクリプトは、 <html> <body> <script language="javascript"> <!-- function over(){ window.status=" "; } --> </script> <a href="http://www.goo.ne.jp"onMouseover="over()">gooへ</a> </body> <html> にしてみましたが、マウスをリンクに乗せた時はどうしてもリンク先がステータスバーにでてしまいます。

  • IE7でステータスバーに表示されるリンク先を非表示にしたい

    ステータスバーに表示されるリンク先を非表示にしたいのですが、 IE7の場合IE6以前なら消えていた以下のタグを入れても表示が消えませんでした。IE7にも対応するタグがわかる方教えていただきたいです。 <script type="text/javascript"> <!-- function hihyouzi(){ window.status = ''; return true; } if (document.layers) document.captureevents(event.mouseover | event.mouseout); document.onmouseover = hihyouzi; document.onmouseout = hihyouzi; // --> </script>

  • ステータスバーにリンクのURLを出したくない

    HTMLで文中にリンクを貼りますが、リンクの文字の上にマウスをもっていくと、IEの左下ステータスバーのところにURLがでてしまいます。 これはタグの書き方やJavaスクリプトかなにかで、出ないようにすることはできるのでしょうか。

  • このスクリプトの問題

    <a href="javascript:void(0)" STYLE="text-decoration:none" onMouseOver="window.status='入り口';return true" onClick="window.open('flash.html','sub','width=650,height=500,scrollbars=no,resize=no')"> これは、ENTERを押したときにサブウィンドウにflash.htmlの内容が展開されるようにしたスクリプトです。ENTERを押したときにサブウィンドウが画面の中央(上下左右共に)くるように直したいのですが、どこをどう編集すればそれは、可能ですか?おしえてください。

  • 「ブラウザのツールバー・メニューを消す」のステータスバー

    http://www.broadband-xp.com/hidesource/windowopen.html 上記サイトのツールバーなどを消すタグを使ったのですが、文字などが下の方にあるのに何故かインターネット上にアップした状態だとHTMLのスクロールバーが表示されません。 パソコン内にある状態でHTMLを見ると何故かスクロールバーはちゃんと表示されます。 どうすればインターネット上でスクロールバーが表示されるようになるのでしょうか?。 使用したのは以下のタグです(ツールバーやサイズ指定以外は特にいじってはいない状態で使用しています) <script language="JavaScript"> <!-- function winopen(url){ win=window.open(url,"host","scrollbars=1,width=780,height=480"); } //--> </script> ---------------------------------------------------------- <a href="#" onClick="Javascript:window.open('index.html','hoge','status=1,toolbar=1,scrollbars=1,width=500,height=500,location=1,menubar=1,directories=1,resizable=1');return false;">ここをクリック</a>

  • 指定した時間になると現れるリンク

    こんにちは。質問させて頂きます。 こちらが指定した時間にリンク表示させるにはどうしたらいいのでしょうか。 他のサイトで見掛けたのですが、普段は別のページへのリンク文字が出ていて、とある時間になると別のリンクになっていました。 失礼と思いつつ、ソースを覗かせて頂きましたが、いわゆる「時間によって違うHTMLを表示する」スクリプトではありませんでした。 ↓これなのですが・・・ <script language="JavaScript"> <!--------------- var m1 = "● SPECIAL" var m2 = "" // function geth(t){ if (t<=1) document.write( m2 ); else { if (t<=4) document.write( m1 ); else { if (t<=23) document.write( m2 ); }} } //--------------> </SCRIPT> まず上記タグをヘッド内に入れて <A HREF="special.htm" onmouseover="status='スペシャルコーナー';return true" onmouseout="status='SPECIAL';return true" ><B><font color="#cc0000" size="2"> <script language="JavaScript"> <!-------------- h = new Date(); document.write(""); geth(h.getHours()); //-------------> </SCRIPT> </font></B></A> これを表示させたい所に記述するみたいです。 問題なのは時間で、このサイトでは夜中の2時から朝の5時まで表示させるようにしているらしいのですが、head内のタグを見ても、具体的にどうやって時間指定するのか、全然判りません。 どなたかこのスクリプトの判る方、このスクリプトをどこかで見掛けた方、いらっしゃいましたら教えて頂けないでしょうか? 宜しくお願い致します。

  • iframeで呼び出した先のステータスバーについて

    iframeで呼び出した子ページがjavascriptでステータスバーに文字を表示させているのですが、 これによって親ページのステータスバーにも同じ文字が表示されてしまいます。 これを消すためにリンク先を非表示にするようなスクリプトを試しましたが効果が交互に出てくるようでチカチカして駄目でした。 このような子ページのステータスバー表示を消すことは可能なのでしょうか? よろしくお願いします。

専門家に質問してみよう