提交表单到弹出窗口 Submit a form into a popup

最新推荐文章于 2024-02-13 19:10:23 发布

iteye_5904

最新推荐文章于 2024-02-13 19:10:23 发布

阅读量896

点赞数 1

本文链接：https://blog.csdn.net/iteye_5904/article/details/82651933

版权

Div / Css / XML / HTML5 专栏收录该内容

177 篇文章 1 订阅

订阅专栏

实例目的：一些网站不允许被包含在iframe中（例如paypal standard），为了实现让用户仍然留在本站的目的，下面的实例可供参考。

方法一: HTML的方式 DEMO

<form id="paypal-payment-form" name="paypal-payment-form" action="https://www.paypal.com/cgi-bin/webscr" method="post" target="POPUPW"
                  οnsubmit="POPUPW = window.open('about:blank','POPUPW','width=900,height=700,scrollbars=yes,resizable=yes');">
                <input type="hidden" name="cmd" value="_xclick">
                <input type="hidden" name="business" value="gotoinquire@gmail.com">
                <input type="hidden" name="item_name" value="Donate to Developer">
                <input type="hidden" name="item_number" value="for-iKS">
                <input type="hidden" name="amount" value="">
                <input type="hidden" name="currency_code" value="USD">
                <input type="hidden" name="bn" value="PP-BuyNowBF">
                <input type="hidden" name="first_name" value="Your First Name">
                <input type="hidden" name="last_name" value="Your Last Name">
                <input type="hidden" name="email" value="Your Email">
                <input type="submit" name="submit" value="Click Paypal Button 点击这里">
            </form>

方法二: Javscript的方式 DEMO

<script>
function target_popup(form) {
    window.open('about:blank','POPUPW','width=900,height=700,scrollbars=yes,resizable=yes');
    form.target = 'POPUPW';
}
</script>
<form id="paypal-payment-form" name="paypal-payment-form" action="https://www.paypal.com/cgi-bin/webscr" method="post" οnsubmit="target_popup(this)">
                <input type="hidden" name="cmd" value="_xclick">
                <input type="hidden" name="business" value="gotoinquire@gmail.com">
                <input type="hidden" name="item_name" value="Donate to Developer">
                <input type="hidden" name="item_number" value="for-iKS">
                <input type="hidden" name="amount" value="">
                <input type="hidden" name="currency_code" value="USD">
                <input type="hidden" name="bn" value="PP-BuyNowBF">
                <input type="hidden" name="first_name" value="Your First Name">
                <input type="hidden" name="last_name" value="Your Last Name">
                <input type="hidden" name="email" value="Your Email">
                <input type="submit" name="submit" value="Click Paypal Button 点击这里">
            </form>

方法三：链接的方式， DEMO

<a href="javascript:OpenWindowWithPost('https://www.paypal.com/cgi-bin/webscr','width=1000, height=600, left=100, top=100, resizable=yes, scrollbars=yes','gotoinquire@gmail.com','Paypal')">Click Paypal Button 点击这里</a>

        <script>
            function OpenWindowWithPost(url, windowoption, name)
            {
                var params = { 'cmd' : '_xclick',  'item_name' : 'Donate to Developer',  'item_number' : 'for-iKS',  'currency_code' : 'USD',  'bn' : 'PP-BuyNowBF',  'first_name' : 'Your First Name', 'last_name' : 'Your Last Name', 'email' : 'Your Email', 'amount' : '', 'business': 'gotoinquire@gmail.com' };

                var form = document.createElement("form");
                form.setAttribute("method", "post");
                form.setAttribute("action", url);
                form.setAttribute("target", name);
                for (var i in params)
                {
                    if (params.hasOwnProperty(i))
                    {
                        var input = document.createElement('input');
                        input.type = 'hidden';
                        input.name = i;
                        input.value = params[i];
                        form.appendChild(input);
                    }
                }
                document.body.appendChild(form);
                //note I am using a post.htm page since I did not want to make double request to the page
                //it might have some Page_Load call which might screw things up.
                window.open("post.htm", name, windowoption);
                form.submit();
                document.body.removeChild(form);
            }
        </script>

原文/转自：提交表单到弹出窗口 Submit a form into a popup