初めまして。お世話になります。
(Layer1中の)Click回数を数え、規定された回数でアクションを起こす方法を模索しているところなのですが、、、
なかなかそれが見つかりません。
ご存知の方、ご教授頂ける方がおられたらと思い投稿させて頂きます。
例えば以下のsetTimeoutを利用したlinkの様に、setTimeをCrick回数に代替えし、
規定値(仮に10回)に達したところで別ページへ移動させるような方法があるんでは?
なんて素人ながら思っているのですが。。
<SCRIPT type="text/javascript">
<!--
setTimeout("link()", 7000); ←※クリック回数("link()",10);
document.write();
function link(){
location.href='./title.html';
}
-->
</SCRIPT>
No.2ベストアンサー
- 回答日時:
こんちくわぶぅ~!
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<title>クリックした回数で、アクション?</title>
<p id="a">5回押すと</p>
<p id="b">1回だけでも</p>
<script type="text/javascript">
//全角空白は、半角にでもなおしてね
//@cc_on @set @V = (@_jscript_version >= 5.5)
var clicker = {};
clicker.countup = (function () {
return function (e) {
var p = this.get(e);
if (p) {
p.count_buffer++;
if (p.count_buffer == p.counter) {
p.func.call();
p.count_buffer = 0;
}
}
};
})();
clicker.add = (function () {
return function (eid, count, func) {
var e = document.getElementById(eid);
var p;
if (! (p = this.get(e))) this.put(e, count, func);
};
})();
clicker.get = (function () {
return function(e) {
return this.hasOwnProperty (e.id) ? this[e.id]: null;
};
})();
clicker.put = (function () {
return function (e, count, func) {
this[e.id] = {element:e, counter:count, func:func, count_buffer:0};
return e;
};
})();
clicker.Listener = (function () {
return function (evt) {
var e = evt./*@if (@V) srcElement @else@*/ target /*@end@*/;
if (e.id && clicker.get (e)) clicker.countup(e);
};
})();
clicker.Finalizer = (function () {
return function (e) {
document./*@if (1) detachEvent ('on' + @else@*/ removeEventListener (/*@end@*/
'click', clicker.Listener, false);
/*@if (1) detachEvent ('on' + @else@*/ removeEventListener (/*@end@*/
'unload', clicker.Finalizer, false);
};
})();
//_______________________________
document./*@if(@V)attachEvent('on'+ @else@*/addEventListener(/*@end@*/
'click', clicker.Listener, false)
/*@if (1) attachEvent ('on' + @else@*/ addEventListener (/*@end@*/
'unload', clicker.Finalizer, false);
//_______________________________
clicker.add ('a', 5, function(){alert("5かいおした!");});
clicker.add ('b', 1, hoge);
function hoge() {
alert("1かいおした!");
}
</script>
No.3
- 回答日時:
#No2.です。
はやくもていせいします。@if(1)
を
@if(@V)
に!
そのままでも、うごくとおもうけどね。
まちがいあったら、してきおねがいします。
ばぶ。
babu様
ありがとうございます。動作確認出来ました!
こちらを改良して目的に合った使い方をしていきたいと思います!
未だどこがどういう働きをしているか理解していない点はありますが、
追って調べてゆきたいと思います。
No.1
- 回答日時:
こんちくは。
<script type ="text/JavaScript">
<!--
function hoge(){
with(F1){
//回数アップ
hogehoge.value = eval(hogehoge.value) + 1
//回数チェック
if(eval(hogehoge.value) => 10)Then
alert('10回越えた');
else
alert('そうでもない');
end if
}
}
//-->
</script>
========================================
<body>
<form name ="F1" method ="post">
<input type ="text" name ="hogehoge" value ="0">
<input type ="buttom" name ="bt1" onclick ="hoge()">
</form>
</body>
こんなんじゃダメ??
試してはいません。
後考えるとしたら。。。
クリックしたら、クッキーに回数を保存&カウントアップ&読み込んで回数判断。かな。。。
STICKY2006様
ありがとうございます。残念ながらご提示頂いたソースの回避チェック、
if(eval(hogehoge.value) => 10)で構文エラーとなり、動作確認がとれず、
またどこを修正すれば良いか理解できず申し訳なかったですが、
解決の兆しが見えましたのでお礼を兼ねご報告させて頂きます。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- JavaScript javascriptで変数を組み込みたい 2 2023/01/13 09:52
- JavaScript プラグイン無しでContactform7にdatepickerを実装 3 2022/10/25 02:18
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- Perl RSSにdiv,ul classを付けたいのですがどのようにつけるのかわからないです 2 2022/03/28 01:53
- JavaScript HTMLでJavaScriptを使ってパスワードの強化判定のプログラムを作成しています。 一通り作っ 2 2022/10/19 01:41
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
javascript 特定のタグのidの存...
-
<a>タグのテキストを取得
-
javascriptでCSVを呼出しvlookup
-
Click回数を数え、規定された回...
-
文字を点滅させるスクリプト ...
-
getElementsByClassについて
-
文字を一文字ずつ表示
-
window.openでタイトル名の指定
-
Excel VBA の ChangeFileAccess
-
クリックすると上に開くアコー...
-
javascriptの基本的なことだと...
-
JavaScriptで、現在日時から100...
-
ジェネレーターの作り方
-
google apps scriptの終了のさせ方
-
XMLHttpRequestでキャッシュを...
-
functionから別のfunctionを実...
-
VSCODE[Python]の設定について
-
JSONデータを50音順でソートしたい
-
javascript 変数名の連結をしたい
-
jQueryの :not() .not() が有効...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
<a>タグのテキストを取得
-
任意の座標をクリックさせるには
-
ActiveXobjectが作成できない
-
innerHTML実行後のイベント
-
Click回数を数え、規定された回...
-
HTML:Tableタグに対し、JavaScr...
-
JavaScriptでオブジェクトを取...
-
onchangeイベントを使ってspan...
-
【Tabキー】特定の範囲内だけで...
-
モーダルダイアログウィンドウ...
-
重複しないくじの作り方がわか...
-
javascript 特定のタグのidの存...
-
配列の大括弧と丸括弧はどう違う?
-
「nullまたはオブジェクトでは...
-
javascriptであるボタンを押す...
-
div要素内の全input要素をdisable
-
画像上のクリックした場所が分...
-
onclickを使わずにイベント処理...
-
javascript 作成した要素にCS...
-
RadioButtonListの表示制御
おすすめ情報