• 締切済み

ステータスバーについて

１ 画像にマウスをおくと、ステータスバーに詳細が表示されるように設定したのですが、マウスをはずしても表示されっぱなしになります。マウスをはずしたら、何も表示されないようにするにはどうしたらいいのでしょうか？ ２ 「１」で、表示したものをスクロールさせたいのですが、スクリプトをどうくみあわせればいいのかわかりません。教えてください。 「１」のスクリプトを表示するので、できればこれをもとにおしえてください。 <SCRIPT language="JavaScript"> <!-- function msg(num){ switch(num){ case 0: text = "ρ(^^ )ノ サァドーゾ!!"; break; case 1: text = "ｅ(^。^)ｇ_ファイト!!"; break; case 2: text = "(;^_^A アセアセ・・・"; break; case 3: text = "(^ー^)ノ　ヨロシク　"; break; case 4: text = "さようなら～(^o^)/~"; break; } document.form1.text1.value = text; } //--> </SCRIPT>

  • bori
  • お礼率67% (40/59)

みんなの回答

noname#25358
noname#25358
回答No.2

　補足見ました。 　onMouseOverが＜img＞タグ内にあると思っていました(^_^; 　＜A＞タグにonMouseOverを記述しているようですので、onMouseOutもそこに記述してください。 　＜a href=”......” onMouseOver=”msg(2)” onMouseOut=”status='';”＞

bori
質問者

補足

年末年始でバタバタしていてお礼をいうのが遅くなってすいません。すぐにお返事くださってありがとうございました。 ２度目の回答後実施してみたのですが、できません。何かまちがっているのでしょうか？？ A href="javaScript:void(0)"の「void(0)」のせいでしょうか？あとスクロール表示するにはどうしたらいいのかも教えてください。 何度も何度もすいません・・・ｍ（．＿．）ｍ ペコッ

noname#25358
noname#25358
回答No.1

　画像を表示させているタグのところに、消す処理をいれなければいけません。 　具体的には、各<img>タグに下記のオプションを追加してください。 　　onMouseOut="status='';"

bori
質問者

補足

早速ありがとうございました。が、教えていただいたスクリプトをどこに追加していいのかわかりません。 さらに詳しく教えてください。 <A HREF="javaScript:void(0)" onmouseover="msg(2)"><IMG src="btn2_10_02.gif" width="107" height="46" border="0"></A>

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • 入力した文字をステータスバーに流したい

    フォームに入力された文字をステータスバーに流したいのですがどうしてもわかりません。（動かさずに表示させることは出来ました。） <html> <body> <form method="post"> 文章を入力してください<br> <input type="text" size="30" onchange="a(this)"> </form> </body> </html> <script language="javascript"> function a(t){ tt=t.value; nagasa=tt.length; text=tt.substring(2,nagasa) + tt.substring(0,2); window.status=text; setTimeout("a('"+text+"')",1000); } 自分でも何かおかしいと思うのですがどうしても思いつけません。 わかる方教えてください。よろしくお願いします。

  • ステータスバーに。

    ごめんなさい、先日似たような質問をしたのですが、締め切ってしまったので 新しく投稿させていただきます。 ステータスバーに文字列を表示する リンクにマウスを乗せたときにステータスバーに文字列を表示する どちらも単独でなら普通に使えるのですが、併用するとリンクにマウスを乗せ たとき、一瞬しか文字列が表示されません。 どうしたらいいでしょう？ タグはこんな感じで打ってます。 <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='ＥＮＴＥＲ'; return true;" onmouseout="window.status=''; return true;">ＥＮＴＥＲ</a> </BODY></HTML>

    • ベストアンサー
    • HTML
  • ステータスバーに表示されるリンク先について

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

  • スクロールの中の文章を日ごとにかえる

    JavaScriptをつかってテキストボックス内の文字をスクロールさせる方法ってありますよねぇ・・・この文字列を日ごとに変える方法ってあるのでしょうか？ <script language="Javascript"> <!-- msg="この部分に文字列を入力します　　　　"; function scrollText() { document.myForm.scroll.value = msg; msg = msg.substring(1,msg.length)+msg.substring(0,1); } //--> </script> <body onload="setIntereval('scroll()',200)"> <form name="myForm"> <input type="text" name="scroll" size="50"> </form> SSIを使えれば、CGIスクリプトをつかって、日ごとに表示させる文字列、すなわちmsgの部分を書き換えて変更できるのですが・・・データベースから引っ張ってきて表示させるJavaScriptを使うとユーザー側の負担が大きいのも気になりますが・・・

  • テキストボックスにスクロールする文字列を表示する。

    テキストボックスにスクロールする文字列を表示する方法を知りました。^^ これはできたのですが、同じページで、「★メッセージ1」の他に 「別の表示」をさせたいのですがどうしたらいいんでしょうか? 例えば、「★メッセージ2」。など　 <HTML> <HEAD> <TITLE></TITLE> <SCRIPT language="JavaScript"> <!-- msg="★メッセージ1　　　　　"; function scroll(){ msg=msg.substring(1,msg.length)+msg.substring(0,1); document.myform.mytext.value=msg; setTimeout("scroll()",300); } //--> </SCRIPT> </HEAD> <BODY onLoad="scroll()"> <CENTER> <FORM name="myform"> <INPUT name="mytext" size="20"> </FORM> </CENTER> </BODY> </HTML>

  • javaスクリプトでリンク付のスクロールテキストを作成したいのですが、

    javaスクリプトでリンク付のスクロールテキストを作成したいのですが、困っております。 参考サイトを探し、下記の状態まで作成しております。 <html> <head> <script language="JavaScript"> <!----- var msg = "テキスト"; msg = msg + "　　　　　"; msg = msg + "テキス2"; msg = msg + "　　　　　"; var speed = 200; function textDisp(){ msg = msg.substring(1,msg.length) + msg.substring(0,1); document.form1.text1.value = msg; setTimeout("textDisp()",speed); } var winTarget = "_self"; var url = "http://www.yahoo.co.jp/"; function textlink(){ open(url, winTarget); } //-----> </script> </head> <body bgcolor="white" onLoad="textDisp();"> <form name="form1"> <input type="text" name="text1" size="60" onclick="textlink();" style="cursor:hand;border:none;color:#ff3399;" onMouseover="this.style.color='#ffcc00'" onMouseout="this.style.color='#ff3399'"> </form> </body> </html> 表示時に”テキスト”と”テキスト2”を独立してそれぞれ、違うリンク先に飛ばすには どのようにすればよろしいでしょうか？ また、空白をのぞき、リンク部分だけに下線をつけたいです。 CSSで指定をすると文字から空白まですべてに下線が付いてしまいます。 説明が悪いかもしれませんが、もしお分かりになる方おられましたら、参考サイトでも かまいませんのでお教えいただけますと幸いです。

  • HTML内でJavaScriptの変数を使いたい

    <script language="JavaScript"> <!-- function fnc_prompt(){ var msg; msg = window.prompt("URL",""); } //--> で、msgにURLを代入して、 <form action="&{msg};" method="post"> フォームタグ内でその変数を使いたいのですが可能でしょうか。 よろしくお願いします。

  • jsについて

    html外部ｊｓファイルを読むとき１行目と２行目違う内容を同時読み取る場合どうしたらいいですか html <html> <head> <meta http-equiv="content-type" content="text/html;charset=Shift_JIS"> <style media="screen" type="text/css"></style> <SCRIPT type="text/javascript" src="1.js"></SCRIPT> <body bgcolor="aliceblue" onLoad="dismsg1(0)"> <SCRIPT language="Javascript"> <!-- //イメージ、文章の切り替え function dismsg1(num){ document.all("mymsg").innerHTML=eval("msg"+[num]); document.all("mymsg1").innerHTML=eval("msg"+[num]); }; // --> </SCRIPT> <div id="mymsg"></div> <div id="mymsg1"></div> </body> </html> jaデータ var msg0="<font style='color:#800000;font-size:10pt'>　一行目</font>"; var msg1="<font style='color:#800000;font-size:10pt'>　二行目</font>"; ブログラム終了 上記の場合は"一行目"二回繰り返し表示するだけ msg1とmag2の内容を一行目と二行目表示したいです よろしくお願いします

  • JavaScriptの文字表示速度

    こんにちは。 JavaScriptの事でお聞きしたい事があります。 まではこれを見てください。 <SCRIPT language="JavaScript"> <!-- msg = "ここにメッセージを入力すると、途中から少しだけ早くなる"; stcnt = 0; wid =60; blnk = ""; for(i=0; i<wid; i++) blnk += " "; str = blnk + msg ; timeID = 10; function scroller() { document.guide.message.value = str.substring(stcnt++,stcnt+wid); if (stcnt>msg.length + wid) stcnt=0; clearTimeout(timeID); timeID = window.setTimeout("scroller()",100); } // --> </SCRIPT> -------------------- 文字を出したいところに <SCRIPT language="JavaScript"> <!----- document.write("<CENTER><FORM NAME='guide'>") document.write("<INPUT TYPE='text' NAME='message' SIZE=40></FORM></CENTER>") scroller(); // --> </SCRIPT> -------------- と張ります。 このスクリプトですが、htmlに張ると小さい文字表示の部分が出てきて 右から左にむかって文字が流れていきますが、途中から 文字の表示速度が速くなっています。 これてなぜか自分でもいろいろとやってみたのですが、いまいちよくわかりません。 説明をお願いできますでしょうか。 よろしくお願いします。

  • ファンクションキー制御？

    こんにちわです。 タイトル通りなのですが、 JSでは、 function kdown(e) {var msg =""; var flg = 1; switch(window.event.srcElement.tagName){ case "INPUT" :if(event.srcElement.type != "text" && event.srcElement.type != "password" && event.keyCode!=9 && event.keyCode!=16 && event.keyCode!=32){return false;}else{flg=0;}break; case "TEXTAREA" :flg = 0;break; case "SELECT" :flg = 0;break; case "A" :flg = 2;break; } switch(event.keyCode){ case 8 :msg = "BS";break; case 78 :if(event.ctrlKey){msg = "Ctrl+N";}break; case 82 :if(event.ctrlKey){msg = "Ctrl+R";}break; case 116 :msg = "F5";break; case 122 :msg = "F11";break; } if(event.altKey){msg = "Alt";} if (flg == 0 ){switch(event.keyCode){case 8 :msg = "";break;case 13 :msg = "";break;}} else if (flg == 2 && event.keyCode==13)msg = ""; if(msg != ""){event.keyCode = 0;return false;}else{return true;} } document.onkeydown = kdown; こんな感じに制御するのを、 アクションスクリプトで制御出来ますか？ HTMLにこのJS埋め込んでも、FLASHの所クリックして、 各キー押すと意味なくなってしまうので・・ F5やF11など使用されたくないのですが・・・ 入れ替えなどでも良いのですが。。。 宜しくお願いします。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する