1

私は単純な html フォームを使用して、自分の Web サイトから、リモートでホストされている Mal の e コマース ショッピング カートに製品を送信しています。フォームが送信されたときにモーダル ウィンドウ (iframe を含む) を開く必要があります。ショッピング カートのサーバー側プログラミングにアクセスできないので、onclick html イベント属性を使用して jQuery モーダル ウィンドウを起動する方法はありますか?

現時点では、フォームの下部にある onclick 属性によって js ブラウザー アラートが開きます...基本的に、この js アラートを jQuery Modal Dialog ウィンドウに置き換える必要があります。

誰でも助けることができますか？

ここに私のフォームがあります：

<form action="http://ww7.aitsafe.com/cf/add.cfm" method="post">
<input type="hidden" name="userid" value="96309001">
<input type="hidden" name="nocart"> 
<input type="hidden" name="producturl" value="http://www.fruitfulfarm.net/cart_2.html">
<input type="hidden" name="product" value="Test Product">
<input type="hidden" name="price" value="49.99">
<input type="hidden" name="return" 
value="www.fruitfulfarm.net/cart_2.html">
<input class="rounded" type="submit" name="submit" value="Add To Cart"
onclick="alert('Order has been added to your cart\n\nThis page will refresh');"
onkeypress="alert('Order has been added to your cart\n\nThis page will refresh');">
</form>
4

1 に答える 1

3

使用するonsubmit

HTML

<form method="post" action="" onsubmit="return myModal(this)">
    <!-- more inputs -->
    <input type="submit" value="Submit" />
</form>

JS

function myModal(f)
{
    var form=f,
        modal=$('<div/>', {
            'id':'alert',
            'html':'<iframe src="url"></iframe>'
        })
       .dialog({
           'title':'Iframe in a modal window',
           'modal':true,
           'width':350,
           'height':'auto',
           'buttons': {
               'OK': function() { 
                   $(this).dialog( "close" ); 
                   // do something, maybe call form.submit();
                }
            }
    });
    return false;
}

例

于 2013-01-05T21:52:42.010 に答える