ボタンをクリックしてタイマーを起動して1秒後にマウスカーソルを変更するソースを考えています。
ボタンを押した後はマウスを動かしません。

1秒後のタイマーになってから、マウスカーソルを変更する部分のソースを教えてください。

A 回答 (4件)

こんな感じに変更します。



window.document.body.style.cursor = "crosshair";

この回答への補足

変更できませんでした。

補足日時:2003/09/21 12:16
    • good
    • 0

↓をみると


Netscape Navigatorではできないようですね。

参考URL:http://www.openspc2.org/reibun/javascript/mouse/ …
    • good
    • 0
この回答へのお礼

ありがとうございました。
同じソースで、IEだとできました。

お礼日時:2003/09/21 19:44

>JavaScriptでは無理かもしれません。


残念です。"(ノ_・、)"

私の環境ではできたんですけど
WindowsXP+InternetExplorer6 Sp1
です。
    • good
    • 0

ちなみに全ソースは



<HTML>
<HEAD>
<TITLE></TITLE>
<SCRIPT LANGUAGE=javascript>
<!--
function changeC() {
window.document.body.style.cursor = "crosshair"
}
function btn_onclick() {
window.setTimeout("changeC()",1000);
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<P><INPUT id=btn type=button value=クリック name=btn LANGUAGE=javascript onclick="return btn_onclick()"></P>
</BODY>
</HTML>

こんな感じでしょうか
InternetExplorerでしか検証していません。

この回答への補足

1行加えましたができません。
JavaScriptでは無理かもしれません。

<HTML>
<HEAD>
<TITLE></TITLE>
<SCRIPT LANGUAGE=javascript>
function changeC() {
window.document.body.style.cursor = "crosshair"
btn.style.cursor = "crosshair"
}
function btn_onclick() {
window.setTimeout("changeC()",1000);
}
</SCRIPT>
</HEAD>
<BODY>
<P><INPUT id=btn type=button value=クリック name=btn LANGUAGE=javascript onclick="return btn_onclick()"></P>
</BODY>
</HTML>

補足日時:2003/09/21 12:26
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Qマウスのホイールと左クリックがおかしい

マウスの左クリックの調子が悪く、一度分解をしてみました。
その左クリックのスイッチの所に届いていない(?)みたいで開けた状態でスイッチを押すと左クリックはきくのですが…。
マウスはHID 準拠マウス というXP購入時に付属していたマウスです。
後、そのときの衝撃で外れたホイールの近くの金具が二個落ちてしまいました。丸まっているパーツ(右クリックの方向)は付けれたのですが左のパーツの位置がどうにもわからなくて・・・。
お暇な方、お願いします。

Aベストアンサー

こういってしまうと元も子もないのですが、マウスなんて安いんだから新しいの買いましょう。

修理方法を知りたいのですか?
写真も無し、型番も無しではさすがに答えようがありませんよ。
ホイール近くの金具? 丸まってるパーツ? なんのこっちゃですよ。

Qボタンを押したらラジオボタンを選択したい(サンプルソース付)

ボタンを押したら、ラジオボタンを選択するようにしたいと思っています。
なんとかチェックボックス、セレクトボックス(?)はうまくいったのですが、どうしてもラジオボタンだけがうまくいきません。どうすればよいでしょうか?

※document.forms[0].R1[0].checked = true;
のようにすると意図した通りに動作することはわかったのですが、項目が増えた時にミスの原因になりますので、できるだけ"a"や"b"とvalueを使いたいと思っています。

すみませんが、よろしくお願いします。

--
<html>

<head>
<SCRIPT language="JavaScript"><!--
function check() {
document.forms[0].C1.checked = true;
document.forms[0].S1.value = "3";
document.forms[0].R1.value = "a";
}
//--></SCRIPT>
<title></title>
</head>

<body>

<form>
<input type="checkbox" value="yes" name="C1"><br>
<select name="S1">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select><br>
<input type="radio" name="R1" value="a"><input type="radio" name="R1" value="b"><br>
<input type="button" onclick="javascript:check()">
</form>
<br>

</body>

</html>

ボタンを押したら、ラジオボタンを選択するようにしたいと思っています。
なんとかチェックボックス、セレクトボックス(?)はうまくいったのですが、どうしてもラジオボタンだけがうまくいきません。どうすればよいでしょうか?

※document.forms[0].R1[0].checked = true;
のようにすると意図した通りに動作することはわかったのですが、項目が増えた時にミスの原因になりますので、できるだけ"a"や"b"とvalueを使いたいと思っています。

すみませんが、よろしくお願いします。

--
<html>

<head>
<...続きを読む

Aベストアンサー

ラジオボタンのvalueを参照して、該当のボタンにチェックを入れたいのであれば、もうほんの少しだけ複雑なスクリプトを組む必要があると思います。
スクリプトを以下のようにしてみてはいかがでしょうか。

<SCRIPT language="JavaScript"><!--
function check() {
document.forms[0].C1.checked = true;
document.forms[0].S1.value = "3";
for (i=0; i<document.forms[0].R1.length; i++){
if (document.forms[0].R1[i].value=="a"){
document.forms[0].R1[i].checked = true;}
}
}
//--></SCRIPT>

上記のラジオボタンのチェック部分では、for文でラジオボタンの項目数だけループし、それぞれのラジオボタンのもっているvalue値を参照してそれが"a"と一致している場合にはそのラジオボタンをチェックするようにしています。

これで対処できるのではないでしょうか。
参考になれば幸いです。

ラジオボタンのvalueを参照して、該当のボタンにチェックを入れたいのであれば、もうほんの少しだけ複雑なスクリプトを組む必要があると思います。
スクリプトを以下のようにしてみてはいかがでしょうか。

<SCRIPT language="JavaScript"><!--
function check() {
document.forms[0].C1.checked = true;
document.forms[0].S1.value = "3";
for (i=0; i<document.forms[0].R1.length; i++){
if (document.forms[0].R1[i].value=="a"){
document.forms[0].R1[i].checked = true;}
}
}
//--><...続きを読む

Qマウスの右クリックがおかしいんです。

こんにちは。
マウスの右クリックでコピー&ペーストをよく利用しているのですが
1週間前程からマウスの右クリックを押すと瞬時に消えてしまうと言う現象になりました。
そして先ほどからは右クリックを押すとただの白い箱が出るだけになって
そこを選択すると文字が出てくると言う現象に変わりました。
何をした覚えもありませんが、何故このような状態になるのでしょうか?
ご存知の方がいらしたら是非教えてください。

Aベストアンサー

補足ありがとうございます。
どうやらOSの問題みたいですね~
とりあえずこの辺で探してみてください。

http://support.microsoft.com/default.aspx?scid=fh;JA;KBHOWTO&sd=GN&ln=JA

http://winfaq.jp/

ちなみに右クリックででるメニューは「コンテキストメニュー」って呼ぶらしいです。

頑張ってくださいヽ(^。^)ノ

Qマウスカーソルを画像や文字に重ねるとカーソルのすぐ右下に画像を表示する

マウスカーソルを画像や文字に重ねるとカーソルのすぐ右下に画像を表示するようにしたいのですが、どのようなHTMLタグやjavascriptを使えばいいですか?

Aベストアンサー

4つ上の質問と似ていますね。
 http://oshiete1.goo.ne.jp/qa4606506.html
そこで質問されているライブラリを利用すれば、比較的簡単かと…

残念ながら、ライブラリのHPがつながりませんが、サンプルページが残っていましたので
 http://boxover.swazz.org/example.html​

Qクリックできない!マウスがおかしい?

数日前から、なんだかマウスが思ったように動いてくれません。
・プルダウンメニューというのでしょうか、下向きの矢印をクリックしてもメニューが出てきてはすぐ引っ込んでしまって選択できない
・文章の一部分を選択しようとドラッグしても、全体が選択されてしまったり、単語だけが選択されてしまう
・いくつか同時にウィンドウを開けている時、ひとつを×で閉じたいのに、勝手にその他のウィンドウまで閉じられてしまう
・・・などなど、数えだしたらきりがありません;;
パソコンを購入したときについていたマウスをそのまま使っているので、もし新しいのを購入するのだとしたら、どれにすればいいのか分からないのです。マウスって寿命があるんですか?まだ数年しか使っていないのですが・・・。今のこの調子が悪いのは、光学マウスというのでしょうか、下に赤い光が点灯しているタイプです。
いままでも何度か、上のような症状が出たりはしたのですが、数日で治っていたのでそのまま使い続けていました。でも、さすがにイライラしてきて。マウスがおかしいのかな、と超初心者の私は思っているのですが、もしかして他におかしい部分がある??それすらも分かりません。
もしこのままのマウスを使い続けるとしたら、どうすれば症状は治まるのでしょうか?買い換えるとしたら、どんなタイプがいくら位で手に入るのでしょうか?それとも、マウスがおかしいのではないのでしょうか?
パソコン初心者の私に、是非ご教示願います。

数日前から、なんだかマウスが思ったように動いてくれません。
・プルダウンメニューというのでしょうか、下向きの矢印をクリックしてもメニューが出てきてはすぐ引っ込んでしまって選択できない
・文章の一部分を選択しようとドラッグしても、全体が選択されてしまったり、単語だけが選択されてしまう
・いくつか同時にウィンドウを開けている時、ひとつを×で閉じたいのに、勝手にその他のウィンドウまで閉じられてしまう
・・・などなど、数えだしたらきりがありません;;
パソコンを購入したときについて...続きを読む

Aベストアンサー

もちろんマウスも消耗品ですから壊れますよ。
出来れば誰か知り合いが使っているマトモなマウスを貴方のPCにさして使ってみてほしいです。
それで何の問題もなく動くようであれば完全にマウスが壊れたと思って頂いて結構です。
新しく購入する際はお好きなマウスを買ってOKです。安いのでも高いのでもお好きなものをどうぞ。とりあえずお店に行って店員に直接聞いた方が色々と楽だと思います。

Qマウスをのせてながら、2秒後にフェイドインしたい

すみません、jquery初心者です。

下記の様にコードを書きました。
マウスをのせてから、2秒後にフェイドインはしたのですが、
一瞬だけマウスをのせてもフェイドインしてしまいます。

$(function(){
$("div#aaa").hide();
$("div#bbb a").mouseover(function(){
setTimeout( function () {
$("div#aaa").fadeIn(1500);
} , 2000 );
});
try { clearTimeout(); } catch ( e ) {}
});

マウスをのせてながら、2秒後にフェイドインさせる場合は
どのように書けば良いのでしょうか?
ご教授頂けると助かります。

何卒、よろしくお願いします。

Aベストアンサー

御提示のスクリプトだと、mouseoverしたら必ず2秒後に表示するというふうになります。

>一瞬だけマウスをのせてもフェイドインしてしまいます。
一瞬でもマウスがはずれたら表示しないのか、2秒後にマウスがそこにあれば一度はずれていても表示するのかなどによって考え方が変わると思いますが、前者ならマウスがはずれたらTimeoutの処理を中止すればよさそう。後者ならば2秒後の処理の際にマウスが対象の上にあれば表示、なければ処理しないというふうにするとか…

ご参考までに…
(全角空白は半角に)

<前者の場合>
$(function(){
 $("div#aaa").hide();
 var timerId;
 $("div#bbb a").mouseover(function(){
  timerId = setTimeout(function(){
   $("div#aaa").fadeIn(1500);
  }, 2000 );
 }).mouseout(function(){
  clearTimeout(timerId);
 });
});


<後者の場合>
$(function(){
 $("div#aaa").hide();
 var flag;
 $("div#bbb a").mouseover(function(){
  flag = true;
  setTimeout(function(){
   if(flag) $("div#aaa").fadeIn(1500);
  }, 2000 );
 }).mouseout(function(){ flag = false; });
});

御提示のスクリプトだと、mouseoverしたら必ず2秒後に表示するというふうになります。

>一瞬だけマウスをのせてもフェイドインしてしまいます。
一瞬でもマウスがはずれたら表示しないのか、2秒後にマウスがそこにあれば一度はずれていても表示するのかなどによって考え方が変わると思いますが、前者ならマウスがはずれたらTimeoutの処理を中止すればよさそう。後者ならば2秒後の処理の際にマウスが対象の上にあれば表示、なければ処理しないというふうにするとか…

ご参考までに…
(全角空白は半角に)

<前者...続きを読む

Qマウスのクリックとドラッグの動作がおかしい

現在、二年程前に買ったマウスを使っていますが、動作が変になりました。症状は以下の通りです。

1.エクスプローラでフォルダをクリックや長押しすると、ダブルクリックしたときと同じようにフォルダが開かれる。
2.ファイルを複数選ぶとき、Ctrlキーを押しながらクリックや、ドラッグすると途中で選択が外れる。
3.ブラウザのスクロールバーをドラッグしていると、途中でドロップされる。
4.フォルダ、ファイルをドラッグして移動出来ない。
5.お気に入りのURLをドラッグしようとすると、クリックしたようにそのページが開かれる。

買い替えの時期だとすれば、何か留意すべきことは有りますか?

Aベストアンサー

・シングルクリックで開く設定になっていないか。
・マウスユーティリティを使っていないか。
・ノートPCだったらタッチパッドを無効にしても症状が出るか。
・マウスパッドを変えても同様か。
・セーフモードで起動したときも症状が再現するか。

などを確認した上、やっぱり症状が出るといった場合はマウスの故障っぽいですね。

Qjavascriptであるボタンを押すと他のボタンの表記が変わるというプログラムをつくりたいのですが。

モと表示された1個のボタンと穴と表示された2個のボタンを用意する。モのボタンをクリックするとそのボタンの法事は穴に変わり、残り2つの穴のどれかがモに変わる。穴のボタンをクリックされても何も変わらないプログラムをつくりたいのです。
最初の状態からモをクリックして他のボタンを変化させることはなんとかできたのですが、そのあと移動したモをおしても同じことをできるようにするのができなくて困ってます。
あと、できたらモを押して2つの穴のどちらかがモにかわるとき穴からモにかわるボタンは左側のもの、とかは決まってないでランダムだとうれしいです><
おねがいします!!!

全然違うかもしれませんが、つくってみたのものっけておきます

<html>
<head>
<title></title>
<script type="text/javascript">
var moFlg = true;

function func(){

if (moFlg) {
document.getElementById("btn01").innerHTML = "穴";
document.getElementById("btn02").innerHTML = "モ";
document.getElementById("btn03").innerHTML = "穴";

moFlg = !moFlg;
} else {
document.getElementById("btn01").innerHTML = "穴";
document.getElementById("btn02").innerHTML = "穴";
document.getElementById("btn03").innerHTML = "モ";
moFlg = !moFlg;
}

}
</script>
</head>
<body>
<button id="btn01" type="button" " onClick="func()">

</button>
<button id="btn02" type="button" " onClick="">

</button>
<button id="btn03" type="button" " onClick="">

</button>
</body>
</html>



ここまでです。
でもできたら<input type ~ button ~ onClick>とかがつかわれているとうれしいです。

モと表示された1個のボタンと穴と表示された2個のボタンを用意する。モのボタンをクリックするとそのボタンの法事は穴に変わり、残り2つの穴のどれかがモに変わる。穴のボタンをクリックされても何も変わらないプログラムをつくりたいのです。
最初の状態からモをクリックして他のボタンを変化させることはなんとかできたのですが、そのあと移動したモをおしても同じことをできるようにするのができなくて困ってます。
あと、できたらモを押して2つの穴のどちらかがモにかわるとき穴からモにかわるボタンは...続きを読む

Aベストアンサー

あまり制度高くないような感じですが作ってみました。

<html lang="ja">
<head>
<title></title>
<script type="text/javascript">
function func(t_bt){
var input = document.getElementsByTagName('input');
var button = new Array();
for(var i = 0; i < input.length; i++) {
if(input[i].type == 'button') {
button.push(input[i]);
}
}

if(t_bt.value == 'モ') {
var rand = Rand(button.length - 1);
var flg = 0;
for(var i = 0; i < button.length; i++) {
if(button[i].id == t_bt.id) {
t_bt.value = '穴';
} else {
button[i].value = flg == rand ? 'モ' : '穴';
flg++;
}
}
}
}

function Rand(n) {
return Math.floor(Math.random() * n);
}
</script>
</head>
<body>
<form>
<input type="button" id="btn01" value="モ" onclick="func(this);">
<input type="button" id="btn02" value="穴" onclick="func(this);">
<input type="button" id="btn03" value="穴" onclick="func(this);">
</form>
</body>
</html>

バグとかあったらすみません。
もっと効率のいい方法はないかな。

あまり制度高くないような感じですが作ってみました。

<html lang="ja">
<head>
<title></title>
<script type="text/javascript">
function func(t_bt){
var input = document.getElementsByTagName('input');
var button = new Array();
for(var i = 0; i < input.length; i++) {
if(input[i].type == 'button') {
button.push(input[i]);
}
}

if(t_bt.value == 'モ') {
var rand = Rand(button.length - 1);
var flg = 0;
for(var i = 0; i < button.length; i++) {
if(button[i].id == t...続きを読む

Qマウスの右クリックの動作がおかしい

過去ログを見たのですが、見つけることができずに、質問させていただきます。

OSはWin98SE
IEは6.0

のノートブックですが、IEで右クリックをすると、前の画面に戻ってしまいます。
以前は、メニューが表示されていたのですが。
(Windowsのデスクトップ画面ではメニューがでます。どうも、IEのときだけのようです)

特別な設定等をした記憶はないのですが、右クリックでメニューを出す設定に戻したいのです。

どなたか、設定方法のわかる方がいらっしゃしましたら、アドバイスお願いします。

Aベストアンサー

問題のありそうなところをチェックしていくと
(1)マウスの設定の問題(PS/2互換マウスだったら設定ではないと思います)
(2)マウスドライバーの誤作動
(3)フリーソフトと相性がわるい
(4)IEの誤作動
(5)OSの誤作動
などですか

最初にとりあえず再起動を試してね。
(1)に関しては、前のかたがかいてますので 設定のマウスのところを確認してみてください
(2)に関しては コントロールパネルのシステムを開いてマウスのところにびっくりマークがでていたらマウスのところをすべて削除して再起動してみてください

出てなくてもドライバーを削除して再起動してもいいと思います。
自動的にインストールされるか(ドライバー)されなかったら、ドライバーを入れなおしてください。

(3)に関しては、最近入れたフリーソフトなどを思い出して削除してみてください。それだけで障害が収まることがあります。
また、フリーフォントなどで起こることもあります。

(4)に関してはIEをいったん削除して再インストールしてみてね
(個人的にはIE6.0はまだ好きになれないけどね)


(5)それでだめだったらリカバリーするか OSをいれなおしてね
リカバリーのほうがいいかも

問題のありそうなところをチェックしていくと
(1)マウスの設定の問題(PS/2互換マウスだったら設定ではないと思います)
(2)マウスドライバーの誤作動
(3)フリーソフトと相性がわるい
(4)IEの誤作動
(5)OSの誤作動
などですか

最初にとりあえず再起動を試してね。
(1)に関しては、前のかたがかいてますので 設定のマウスのところを確認してみてください
(2)に関しては コントロールパネルのシステムを開いてマウスのところにびっくりマークがでていたらマウスのところをすべて削除して再起動してみて...続きを読む

Q送信ボタンを押した後、target=

<input type="submit" value="送信">
と記述しました。
送信ボタンを押したら、
target="_blank"
にて新たに画面が立ち上がるようにし、
そこに関連htmlへリンクし、表示したいのですが・・・
やり方を教えてください。

Aベストアンサー

その送信ボタンを含むフォーム自体に、target属性を入れておくのではいかがですか?
目的と動作内容の詳細がわからないので、踏み込んだところまではいえませんが…

<form target="_blank" action="***.cgi">

<input type="submit" value="送信">
</form>

こうすると、新しいウィンドウでform送信した結果を受け取るようになると思います。

フォーム送信の結果を新規ウィンドウで拾いたいという意味ではなくて、フォーム送信と並行して別ウィンドウを開いて特定のHTMLをそこに読み出したいという場合でしたら、formにonSubmitのイベントハンドラを用意しておき、それでサブミット時にJavaScriptの処理を実行させるようにしておけばよいと思います。

<form action="***.cgi" onSubmit="window.open('***.html','_blank')">

<input type="submit" value="送信">
</form>

このような感じにしておけば、フォームがサブミットされた時に、特定のHTMLを新たなウィンドウに読み出す処理を、フォーム送信の前に行うはずです。

参考まで。

その送信ボタンを含むフォーム自体に、target属性を入れておくのではいかがですか?
目的と動作内容の詳細がわからないので、踏み込んだところまではいえませんが…

<form target="_blank" action="***.cgi">

<input type="submit" value="送信">
</form>

こうすると、新しいウィンドウでform送信した結果を受け取るようになると思います。

フォーム送信の結果を新規ウィンドウで拾いたいという意味ではなくて、フォーム送信と並行して別ウィンドウを開いて特定のHTMLをそこに読み出したいという場合...続きを読む


人気Q&Aランキング