[Seasar-user:16289] Re: [Teeda] kumu の disabled.js について

2008年 11月 13日 (木) 12:34:46 JST

釈さま
米林です。
# 返信が遅れてすみません。

仰る通り、アンカーに関してはクリックしたアンカーに
対してのみ2重送信を制御しておりました。
もともと、ダブルサブミット防止はサブミットされること
を想定して制御します。
アンカーの使い方は基本的には、サブミットではありません。
ですので、disabled.jsでは画面全てのアンカーに対して
ダブルサブミットされないような設計にはしてないです。
# その対応をするとなるとかなり手が入ります
# どのリンクが静的リンクで監視外であるかや
# 設定も煩雑になりそうです

もし、アンカータグのクリックでJavaScriptをコールして
submitしていたりするのであれば、
input type="submit" や input type="image"
を利用してサブミットを行うものにした方が良いと思います。


よろしくお願いします。


----- Original Message ----- 
From: "shaku - i-navigator corporation -" <[E-MAIL ADDRESS DELETED]>


> 米林様
>
> いつもお世話になります。
> 釈＠アイ・ナビゲーターです。
> お問い合わせさせて頂いております以下の件、その後いかがでしょうか？
> お返事頂ければ幸いです。
>
> よろしくお願い致します。
>
> 釈
>
>
>> 米林様
>>
>> いつもお世話になります。
>> 釈＠アイ・ナビゲーターです。
>>
>> 話が交錯してしまっていて申し訳ございません、ご迷惑をおかけします。
>>
>>> 今回のメールですと、クリックされたアンカー以外をdisable処理
>>> したいと見受けられたのですが、クリックされた以外の他のリンクは
>>> ダブルサブミット防止が効いていないということでしょうか？
>>> 同時に複数のリンクをクリックされるのを防ぎたいのでしょうか？
>>
>> はい、同時に複数のリンクをクリックされるのを防ぎたいのが目的です。
>> (リンクだけではなく、formやbuttonも抑制したいと考えております。)
>>
>> 当初、ページ内のあるリンクをクリックし、その後レイアウトのヘッダのリンク
>> をクリックしたところダブルサブミット防止されていなかったため、レイアウト
>> でincludeされたヘッダ及びフッタには適用されないのかと勘違いしてしまった
>> 次第です。申し訳ございません。
>>
>> サンプルに二つのリンクを設けて(ヘッダやフッタではないところ)、ひとつをク
>> リックしたのち同じリンクをクリックした場合には、ダブルサブミット防止が機
>> 能しております。
>> 次にひとつをクリックしたのちに、もうひとつをクリックしたところ、ダブルサ
>> ブミット防止は適用されませんでした。
>> 次に、ひとつをクリックし、もう一つをクリックし、さらにもう一つを再度ク
>> リックしたところ、ダブルサブミット防止は適用されました。
>>
>> 上記からすると、ダブルサブミット防止は、リンク毎に管理されているのかと理
>> 解したのです。
>>
>> 米林様の方でも一度検証して頂ければ幸いです。
>>
>> お手数をおかけして大変恐縮です。
>> よろしくお願い致します。
>>
>> 釈
>>
>>
>>>> 今回、こちらの思惑としては、あるアンカーがクリックされた場合、ページ内の 
>>>> 
>>>> 全てアンカーをdisable処理したいというものです。
>>> 当初は、レイアウトを適用した場合にヘッダ及びフッタの
>>> アンカーのダブルサブミット防止が効いていないとの事で
>>> こちらで試したところ、正常に制御出来ていました。
>>> 今回のメールですと、クリックされたアンカー以外をdisable処理
>>> したいと見受けられたのですが、クリックされた以外の他のリンクは
>>> ダブルサブミット防止が効いていないということでしょうか？
>>> 同時に複数のリンクをクリックされるのを防ぎたいのでしょうか？
>>>
>>>
>>> ----- Original Message ----- 
>>> From: "shaku - i-navigator corporation -" <[E-MAIL ADDRESS DELETED]>
>>>
>>>
>>>> 米林様
>>>>
>>>> いつもお世話になります。
>>>> 釈＠アイ・ナビゲーターです。
>>>>
>>>> いまさらこのような質問で申し訳ございません。
>>>> disabled.jsの基本仕様なのですが、
>>>> たとえば、アンカーの場合、
>>>> クリックされたアンカーが、disable処理され、ページ内の他のアンカーは
>>>> disable処理されないのでしょうか？
>>>> サイトのdisabled.jsの説明に、
>>>> 「Kumu.Html.DisabledはHTMLが読み込み完了時にHTML内の全てのformとanchorを 
>>>> 
>>>> 監視します。」
>>>> とは、全てのアンカーを監視して、クリックされたアンカーの二重送信防止をす 
>>>> 
>>>> る意味ですよね？
>>>>
>>>> 今回、こちらの思惑としては、あるアンカーがクリックされた場合、ページ内の 
>>>> 
>>>> 全てアンカーをdisable処理したいというものです。
>>>>
>>>> disabled.jsにそのような仕様が含まれてないようでしたら自作するしかないで
>>>> すね。
>>>>
>>>> よろしくお願い致します。
>>>>
>>>> 釈
>>>>
>>>>
>>>>> 追伸
>>>>> たびたびすいません。
>>>>> disabled.jsは、クリックされたaタグだけではなく、ページ内のすべてのaタグ 
>>>>> 
>>>>> が対象ですよね？
>>>>>
>>>>> よろしくお願い致します。
>>>>>
>>>>> 釈
>>>>>
>>>>>
>>>>>> 米林様
>>>>>>
>>>>>> いつもお世話になります。
>>>>>> 釈＠アイ・ナビゲーターです。
>>>>>> 早速のご対応ありがとうございます。
>>>>>>
>>>>>> 私の方でも以下のサンプルで試してみます。
>>>>>> 該当ページには、他のjsを実装しておりそれが悪さをしているのかもしれません
>>>>>> ので、今一度検証してみます。
>>>>>>
>>>>>> 必要jsですが、
>>>>>> kumu.js
>>>>>> event.js
>>>>>> disabled.js
>>>>>> のみでよいのですよね？
>>>>>>
>>>>>> 私の方の環境は、
>>>>>> s2-framework-2.4.29
>>>>>> teeda-core-1.0.13-sp3
>>>>>> です。
>>>>>>
>>>>>> 状況に進展がありましたら、ご連絡、ご相談させて頂きます。
>>>>>>
>>>>>> よろしくお願い致します。
>>>>>>
>>>>>> 釈
>>>>>>
>>>>>>> 米林です。
>>>>>>>
>>>>>>> teeda-html-exampleで試したのですが
>>>>>>> ヘッダとフッタのリンクのクリックで
>>>>>>> 正常にalertが表示されました。
>>>>>>>
>>>>>>> TeedaのSVN
>>>>>>> branches/teeda-1.0.13/teeda-html-example
>>>>>>>
>>>>>>> こちらのサンプルのヘッダとフッタにリンクを
>>>>>>> 追加して試しました。
>>>>>>> 釈さんの環境（バージョン等）はいくつでしょうか？
>>>>>>>
>>>>>>> よろしくお願いします。
>>>>>>>
>>>>>>> ----- Original Message ----- 
>>>>>>> From: "shaku - i-navigator corporation -" <[E-MAIL ADDRESS DELETED]>
>>>>>>>
>>>>>>>
>>>>>>>> いつもお世話になりあます。
>>>>>>>> 釈＠アイ・ナビゲーター　と申します。
>>>>>>>>
>>>>>>>> 一件ご教示頂ければと存じます。
>>>>>>>>
>>>>>>>> kumu の disabled.js なのですが、LayoutでincludeしたHTMLのアンカーは監視
>>>>>>>>
>>>>>>>> 対象とならないのでしょうか？
>>>>>>>>
>>>>>>>> 以下のhtml抜粋で、main.html内のリンクを二重クリックした場合は、正常に処
>>>>>>>>
>>>>>>>> 理されアラートが表示されるのですが、
>>>>>>>> header.html及びfooter.htmlのリンクを二重クリックした場合には、二重クリッ
>>>>>>>>
>>>>>>>> ク対処が行われないようです。
>>>>>>>> ヘッダやフッタにページ移動のリンクを設けることはよくあると思うのですが、
>>>>>>>>
>>>>>>>> 対処方法をお教え頂ければと存じます。
>>>>>>>> また、使用方法に誤りなどがありましたらご教示頂ければと思います。
>>>>>>>> よろしくお願い致します。
>>>>>>>>
>>>>>>>>
>>>>>>>> (抜粋)
>>>>>>>>
>>>>>>>> layout.html
>>>>>>>> ----------
>>>>>>>> <head>
>>>>>>>> <meta http-equiv="Content-Type" content="text/html; 
>>>>>>>> charset=utf-8"/>
>>>>>>>> <title id="title">Titel</title>
>>>>>>>> <script type="text/javascript" src="../../js/kumu.js"></script>
>>>>>>>> <script type="text/javascript" src="../../js/event.js"></script>
>>>>>>>> <script type="text/javascript" src="../../js/disabled.js"></script>
>>>>>>>> <script type="text/javascript">
>>>>>>>> //<![CDATA[
>>>>>>>>  DisabledConf = {
>>>>>>>>    time : 50000,
>>>>>>>>    anchorMessage : function(){
>>>>>>>>      alert('ページ移動中です。しばらくお待ちください。');
>>>>>>>>    }
>>>>>>>> }
>>>>>>>> //]]>
>>>>>>>> </script>
>>>>>>>> </head>
>>>>>>>> <body>
>>>>>>>> …
>>>>>>>> <te:include te:src="/layout/admin/header.html" id="header"/>
>>>>>>>> …
>>>>>>>> <te:includeChildBody id="includeChildBody"/>
>>>>>>>> …
>>>>>>>> <te:include te:src="/layout/admin/footer.html" id="footer"/>
>>>>>>>> </body>
>>>>>>>>
>>>>>>>>
>>>>>>>> header.html
>>>>>>>> -----------
>>>>>>>> <body>
>>>>>>>> …
>>>>>>>> <a id="goHoge-header" href="hoge.html">ページ移動</a>
>>>>>>>> …
>>>>>>>> </body>
>>>>>>>>
>>>>>>>>
>>>>>>>> main.html
>>>>>>>> -----------
>>>>>>>> <body>
>>>>>>>> …
>>>>>>>> <a id="goHoge" href="hoge.html">ページ移動</a>
>>>>>>>> …
>>>>>>>> </body>
>>>>>>>>
>>>>>>>>
>>>>>>>> footer.html
>>>>>>>> -----------
>>>>>>>> <body>
>>>>>>>> …
>>>>>>>> <a id="goHoge-footer" href="hoge.html">ページ移動</a>
>>>>>>>> …
>>>>>>>> </body>
>>>>>>>>
>>>>>>>>
>>>>>>>> -- 
>>>>>>>> 釈
>>>>>>>> **************************
>>>>>>>> 株式会社アイ・ナビゲーター
>>>>>>>> 〒104-0061
>>>>>>>> 東京都中央区銀座1-15-7
>>>>>>>> マック銀座ビル3階(Biz Home Ginza 内)
>>>>>>>> TEL03-5524-5920　FAX03-5524-5962
>>>>>>> ---
>>>>>>> 米 林　正 明
>>>>>>> http://www.abby.co.jp
>>> ---
>>> 米 林　正 明
>>> http://www.abby.co.jp

---
米林 正明
http://www.abby.co.jp