dポイントプレゼントキャンペーン実施中！

クリックとダブルクリック

締切済

  • 質問者：kirinuma
  • 質問日時：
  • 回答数：2件

ＨＰをつくっています。１つの枠内で４つの画像を用意し、クリックによって選択させたあと、選択した画像の動画の上でダブルクリックすると動画を再生する処理を考えているのですが、
ダブルクリックしたにも関わらず、画像が２回クリックした時と同じように先に進んでしまう。（例えば、Ｂを再生しようとダブルクリックするとＤが再生される）
どう対処したらいいか見当が付きません。宜しくお願いします。以下、参考までにソース添付。
<html>
<head>
<script type="text/javascript">
var IMG=new Array();
IMG[1]=new Image();IMG[1].src="gazo/kao1.jpg";
IMG[2]=new Image();IMG[2].src="gazo/kao2.jpg";
IMG[3]=new Image();IMG[3].src="gazo/kao3.jpg";
IMG[4]=new Image();IMG[4].src="gazo/kao4.jpg";
var EIZO=new Array();
EIZO[1]="eizo1.avi"
EIZO[2]="eizo2.avi"
EIZO[3]="eizo3.avi"
EIZO[4]="eizo4.avi"
var a="";var cnt=0;
function kawaru(){
if(cnt==4){
cnt=1;
}
else{
cnt+=1;
}
document.getElementById("test").src=IMG[cnt].src;
v_na=EIZO[cnt];
}
function saisei(){
window.scroll(0,0);
var v_html;
v_html='<embed src="http://HPurl/'+v_na+'" border="1" width="805" height="417" ShowControls="0"></embed>'
document.getElementById("koko").innerHTML=v_html;
}
</script>
</head>
<body>
<span id="koko"></span>
<img id="test" src="gazo/ojisan2.png" onClick="kawaru()" ondblClick="saisei()">
</body>
</html>

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (2件)

No.2

  • 回答者： dscripty
  • 回答日時：

じゃ、もう少しだけ。



2) setTimeout()
https://developer.mozilla.org/ja/DOM/window.setT …

3) clearTimeout()
https://developer.mozilla.org/ja/DOM/window.clea …
    • good
    • 0
    • 件
通報する
この回答へのお礼

どうもありがとうございました。

通報する
お礼日時：2012/05/28 18:03

No.1

  • 回答者： dscripty
  • 回答日時：

こんな感じ！



1) ダブルクリックの最大待ち時間を決める。
2) クリックの処理は、1) の時間が経過するまで保留。
3) ダブルクリックの処理で、保留したしたクリックの処理をキャンセルする。

この回答への補足

回答ありがとうございます。すみません。できればもう少し詳しく。
m(..)m

補足日時：2012/05/27 19:35
通報する
    • good
    • 0
    • 件
通報する

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

Q質問する（無料）

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報