私はのImageButtonをクリックすると、ポストバックを実行し、細かいOnClickイベントを実行し、チェックボックスの一覧と私のページでOnClickイベントでのImageButtonを持ってjavascriptを使用してdivを移動し、ポストバック機能を保持できますか?
トラブルは、私がするのdivを移動したいということです正常に動作します私は... prototype.jsのコードを使用して
document.observe("dom:loaded", function() {
if ($$('.CheckboxListContainer').length>0) {
var modalShadow = document.createElement('div');
modalShadow.setAttribute("class", 'MyFormModalShadow');
modalShadow.style.width = document.viewport.getWidth() + 'px';
modalShadow.style.height = document.viewport.getHeight() + 'px';
var modalDiv = document.createElement('div');
modalDiv.setAttribute("class", 'MyFormModal');
var checkboxesDiv = $$('.CheckboxListContainer')[0];
checkboxesDiv.remove();
modalDiv.appendChild(checkboxesDiv);
$$('form')[0].insert({top: modalShadow});
$$('form')[0].insert({top: modalDiv});
Event.observe(window, "resize", function() {
if ($$('.MyFormModalShadow').length>0) {
var modalShadow = $$('.MyFormModalShadow')[0]
modalShadow.style.width = document.viewport.getWidth() + 'px';
modalShadow.style.height = document.viewport.getHeight() + 'px';
}
});
}
});
これをやった...しかし、のImageButtonはノーです - 最初<form>
の子、私はそれがモーダルウィンドウに表示させることができるようにポストバック時に私のOnClickイベントがより長くトリガされます。
私のdivをDOM内で移動してポストバックの能力を保持する方法はありますか?
'checkboxesDiv.remove();'行を削除するとどうなりますか?また、画像ボタンをクリックするとどうなりますか?ページはリロードされていますか? –
チェックボックスを削除する.Div.remove();コードの結果を変更しない(そしてポストバックはまだトリガされない)、私は要素が完全に削除されてから別の場所に追加されていることを確認したかっただけです。はい、イメージボタンをクリックするとページがリロードされます – Steve
クイックテストでは、ボタンを動かすとPostBackイベントが「破損」しないことがわかりました。「ImageButtonはもはや自分のOnClickイベントをトリガーしていません」ブレークポイントを入れてデバッグしましたか? –