- 締切済み
mouseover 時の連続処理につきまして
kentayosの回答
- kentayos
- ベストアンサー率100% (5/5)
<html> <head> <title>onMouseOver時に加算する実験</title> <script language="JavaScript"> <!-- var flag=false; //マウスポインタが乗っているか、乗っていないかの判定用 function adding(){ if(flag){ num=Number(document.f.t.value); num++; document.f.t.value=String(num); } } //--> </script> </head> <body onLoad="setInterval('adding()',100)"> <form name="f"><input name="t" type="text" value="1"></form> <span onMouseOver="flag=true" onMouseOut="flag=false">ここにマウスをあわせると加算されます</span> </body> </html> こんな感じでどうでしょう？ 上の例は、ただ単純にonMouseOver時に加算するだけですが、参考にはなると思います。 ページが読み込まれた時点ではflagはfalseなので、 0.1秒毎にadding()が呼び出されているわけですが、実際に加算は実行されません。 「ここにマウス・・・」の部分にポインタがのれば、flagはtrueに、離れれば、flagはfalseになるので、乗っている間だけ加算が実行される、という仕組みです。つまりflagで、加算の制御を行っています。 上のタグをコピペして、動作確認してみてください。私はIE6で動作確認いたしました。
関連するQ&A
- location href=""
お世話になります 動作確認をしていてたのですが教えてください <script language="javascript"> <!-- function change(){ location.href="test1.html"; } /--> </script> <input type="button" value="送信" onclick="change()"> IE,Opera,Firefoxで試したのですが、Firefoxではページが切り替わりませんでした 何故でしょう？
- ベストアンサー
- JavaScript
- ＨＰボタンの長さが異なる。
下のボタンが マックの「IE4.5」「IE5.0」「ネスケ4.7」だとちゃんと奇麗に中央に表示されますが、 Windows「IE4.5」「IE5.0」はボタンの長さが異なり ガタガタになります。 windowsでも奇麗に並べるにはどうしたらいいのでしょうか？ よろしくご指導お願いいたします。 テストでアップしてあるＵＲＬですのでご確認してください。 http://watn.jp/test/ <HTML> <HEAD> <TITLE>++++</TITLE> </HEAD> <!------------------- 中身-------------------> <center> 下のボタンがマックの「IE4.5」「IE5.0」「ネスケ4.7」だと<br> ちゃんと中央に表示されますが、Windows「IE4.5」「IE5.0」は<br> ボタンの長さが異なりガタガタになります。 <FORM> <INPUT TYPE="button" VALUE=" ●●・・◇◇◇ " onClick="window.location.href='kituke.html'"><br> <INPUT TYPE="button" VALUE=" ・・◇◇◇◇ " onClick="window.location.href='sadou.html'"><br> <INPUT TYPE="button" VALUE=" ・・◇◇◇◇◇ " onClick="window.location.href='buyou.html'"><br> <INPUT TYPE="button" VALUE=" ●●・・◇◇◇ " onClick="window.location.href='ivent.html'"><br> <INPUT TYPE="button" VALUE=" ・・◇◇◇◇ " onClick="window.location.href='tenjikai.html'"><br> <INPUT TYPE="button" VALUE=" ◇◇◇ " onClick="window.location.href='butai.html'"><br> <INPUT TYPE="button" VALUE=" ◇◇◇◇ " onClick="window.location.href='honten.html'"><br> <INPUT TYPE="button" VALUE=" ◇◇◇◇◇ " onClick="window.location.href='yono.html'"><br> </FORM> </center> </BODY> </HTML>
- ベストアンサー
- その他（インターネット・Webサービス）
- 別なページにジャンプさせたい
ボタンをクリックすると指定のページに飛ぶようにしたいのですが、 <html> <head> <script language="JavaScript"> function jump(){ location.href="index.html"; } </script> </head> <body> <form onSubmit="jump()"> <input type="submit"> </form> </body> </html> でも <html> <head> <script language="JavaScript"> function jump(){ location.href="index.html"; } </script> </head> <body> <form> <input type="submit" onClick="jump()"> </form> </body> </html> でも動きません。（そのページを表示したままです） <body onload="jump()">にしたときは正常にジャンプできるので、クリックのイベントが拾えていないと思うのですが、どのように記述すればいいのでしょうか。 よろしくお願いいたします。
- ベストアンサー
- JavaScript
- ホームページの「パスワード」機能が上手く作動しなくて困っています。
自分のホームページに「パスワード」で 特定の人だけが閲覧できるページを作りたいのですが インターネットで見つけたスクリプト（下記）を ＨＴＭＬに書き込んだのですが、上手くリンク先のページに 飛びません。何が悪いのでしょうか？ ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊以下書き込んだ内容です。 <head></head>の間に <script language="JavaScript" type="text/javascript"> function nextPage(){ pwd=document.form1.pass.value; location.href=pwd+".html"; } </script> そのあと<body></body>の間に <form name="form1"> <input type="textbox" name="pass"> <input type="button" value="パスワード" onClick="nextPage();"> </form> ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊です。 パスワードは、飛ばしたい先の名前が「test.html」 ですので、聞いてきたパスワード欄に test と打つのですが 「表示できません」のメッセージが出ます。 環境は vista でホームページビルダーのvar.5です。 よろしくお願いいたします。
- 締切済み
- フリーウェア・フリーソフト
- JQueryでfunctionに引数としてIDを渡して処理する方法
HTMLの制御にjQueryを使用しています。 functionに引数としてIDを渡して処理をしたいのですが、やりかたが分かりません。 テスト的にtest1Script、test2Scriptを作成しました。 test1と同様の結果を、引数にIDを渡すtest2Scriptでも得たいのですが、 失敗(1)や失敗(2)のように書いた場合、うまくいきません。何か良い方法はないでしょうか。ご教授下さい。 <script type="text/javascript"> function test1Script(){ alert($("#textfield1").val()); } function test2Script(objId){ //alert($("#objId").val()); 失敗(1) //alert($(#objId).val()); 失敗(2) } </script> </head> <body> <input type="text" id="textfield1" value="test1" /> <input type="button" id="button1" value="テスト1" onclick="test1Script();" /> <input type="button" id="button2" value="テスト2" onclick="test2Script('textfield1');" /> </body> </html>
- ベストアンサー
- JavaScript
- イベントハンドラに設定された関数を取得し、実行するには？
<html> <body> <script language="JavaScript" type="text/javascript"> function test(){ alert("testです") } </script> <input id="btntest" type="button" value="test" onclick="test()"/> </body> </html> このhtml文書に対し、 ・test(); ・document.getElementById("btntest").click;（ByTagName等を使用しても同じ方法とする） 上記方法以外にJavaScriptを用いて、 test()を実行するにはどうすればよいでしょうか？ var eventobj = document.getElementById("btntest").onclick; eval(eventobj); 上記みたいな形でevalをよくわからずに試してみましたがダメでした。
- ベストアンサー
- JavaScript
- JavaScriptが表示されません
JavaScriptの練習をしています。 階層型メニューの表示ができるようになりたいのですが、今のところは基礎からと思い、単純なところから初めて・・・みようとしたのですが どしょっぱつから、ひっかかりました ◆例１ <script language="JavaScript"> <!-- document.write(こんにちは); //--> </script> ◇結果 ＩＥ画面上に、なにも表示されません ※以前、全く同じ構文で試したときには こんにちは が表示されました。 ※環境は同じで、変わっていません ◆例２ <form> <input type="button" value="戻る" onclick="history.back()"> <input type="button" value="更新" onclick="location.reload()"> <input type="button" value="進む" onclick="history.forward()"> <input type="button" value="トップページへ" onclick="location.href='http://www.red.oit-net.jp/tatsuya/index.htm'"> </form> ◇結果 これは、表示されました。 何回試しても、ちゃんと表示されます +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ いったい何が問題なのでしょうか？
- 締切済み
- その他（インターネット・Webサービス）
- formタグって必要ですか？
<html> <head> <title>test</title> </head> <body> <form> <input type="button" value="文字" onclick="document.location = 'http://www';" /> </form> </body> </html> でも <html> <head> <title>test</title> </head> <body> <input type="button" value="文字" onclick="document.location = 'http://www/';" /> </body> </html> でも、問題なく動くのですが、formタグって必要ですか？
- ベストアンサー
- HTML
- PHPの囲みかた
以下のPHPが動かない、画面が真っ白になってしまうのですがなぜでしょうか？ また<?php ?>でPHPは囲みますが、一画面で何回も囲んでも構わないでしょうか？ <input name="button" type="button" onclick="location.href='/abc.php'" value="abc"> <?php print ('<input type="button" value="aaa" onClick="location.href='/aaa.php'">'); ?> <input type="button" value="bbb" onClick="location.href='/bbb.php'">
- 締切済み
- PHP
- JavaScript フレーム
Javascriptをふたつ書くことはできないんですか？ ２つ書いたら「い」のほうしか宣言されないんでどうしたらよろしいですか？ Update.java,kensaku2.java syouhin_kensaku.html,syouhin_master.html <html> <head> <title>メニュー</title> </head> <body> <script type="text/javascript"> <!-- function jump(){ // 設定開始（表示するフレーム名とリンク先URLを設定してください） parent.hakusi.location.href = "syouhin_kensaku.html"; parent.hakusi2.location.href = "Update"; // 設定終了 } // --> </script> <a href="#" onClick="jump(); return false;">あ</a> <br> <br> <script> <!-- function jump(){ parent.hakusi.location.href = "syouhin_master.html"; parent.hakusi2.location.href = "kensaku2"; //設定終了 } // --> </script> <br> <a href="#" onClick="jump(); return false;">い</a> <br> <br> </body> </html>
- 締切済み
- JavaScript