0

ページの下部に到達したときにボタンをクリックするようにJavaスクリプトを追加したい...そのためのコードは

<script>
function getScrollXY() {
    var scrOfX = 0, scrOfY = 0;
    if( typeof( window.pageYOffset ) == 'number' ) {
        //Netscape compliant
        scrOfY = window.pageYOffset;
        scrOfX = window.pageXOffset;
    } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
        //DOM compliant
        scrOfY = document.body.scrollTop;
        scrOfX = document.body.scrollLeft;
    } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
        //IE6 standards compliant mode
        scrOfY = document.documentElement.scrollTop;
        scrOfX = document.documentElement.scrollLeft;
    }
    return [ scrOfX, scrOfY ];
}

//taken from http://james.padolsey.com/javascript/get-document-height-cross-browser/
function getDocHeight() {
    var D = document;
    return Math.max(
        D.body.scrollHeight, D.documentElement.scrollHeight,
        D.body.offsetHeight, D.documentElement.offsetHeight,
        D.body.clientHeight, D.documentElement.clientHeight
    );
}

document.addEventListener("scroll", function (event) {
    if (getDocHeight() == getScrollXY()[1] + window.innerHeight) {
    document.getElementById('next').click()
     }
});
</script>

問題は、ボタンが SQLFORM の送信ボタンであることです。私の質問は、SQLFORM の送信ボタンの ID とは何か、またはそれを定義するにはどうすればよいかということです。次のことを試しましたが、成功しませんでした。

form2.custom.widget.submit_button['_id']='next'

エラー「NoneType」オブジェクトはアイテムの割り当てをサポートしていません。web2py の SQLFORM ウィジェット入力用のカスタム CSS クラスに関するいくつかの優れた情報がありますが、私はまだこれを理解できません....

4

1 に答える 1

0

"input[type=submit]"送信ボタンは、 (より具体的には)などの jQuery セレクターで識別できます"#submit_record__row input[type=submit]"。ID を割り当てたい場合は、次のようにします。

form2.custom.submit['_id'] = 'next'

また：

form2.element('input[type=submit]')['_id'] = 'next'
于 2013-12-26T17:35:23.487 に答える