PayPal open in new window?

  • Profile Image
    wellnessqpon
    Asked on February 07, 2011 at 10:43 AM

    Hi,

    I am using your form to have people purchase services off my website.  After they have chosen their service and quantity and go to pay, I would like the PayPal check out form to open in a new window.  I am using a Joomla based website and currently have the code in a Jumi module.

    Below is the Simple Embed Code AND Full Source Code. Thanks!:

    SIMPLE

    <script src="//www.jotform.com/jsform/10012015337"></script>

     

    FULL SOURCE CODE

    <script src="//cdn.jotfor.ms/jotform.jgz?3.1.100" type="text/javascript"></script>

    <script type="text/javascript">

    JotForm.init(function(){

    JotForm.totalCounter({"input_1_1002":{"price":"49","quantityField":"input_1_quantity_1002_0"},"input_1_1003":{"price":"50","quantityField":"input_1_quantity_1003_0"},"input_1_1001":{"price":"250","quantityField":"input_1_quantity_1001_0"}});

    });

    </script>

    <link target="_blank" href="http://cdn.jotfor.ms/jotform.cssgz?3.1.100" rel="nofollow noopener" rel="stylesheet" type="text/css" />

    <style type="text/css">

    .form-label{

    width:200px !important;

    }

    .form-label-left{

    width:200px !important;

    }

    .form-line{

    padding:10px;

    }

    .form-label-right{

    width:200px !important;

    }

    .form-all{

    width:450px;

    color:Black !important;

    font-family:Verdana;

    font-size:12px;

    }

    </style>

     

    <form class="jotform-form" action="http://www.jotform.com/submit.php" method="post" name="form_10012015337" id="10012015337" accept-charset="utf-8">

    <input type="hidden" name="formID" value="10012015337" />

    <div class="form-all">

    <ul class="form-section">

    <li class="form-line" id="id_1">

    <label class="form-label-top" id="label_1" for="input_1">

    Check desired Qpon(s) and select quantity...<span class="form-required">*</span>

    </label>

    <div id="cid_1" class="form-input-wide"><span class="form-product-item"><input class="form-checkbox validate[required]" type="checkbox" id="input_1_1002" name="q1_checkDesired[][id]" value="1002" />

    <label for="input_1_1002">

    Neuro Strength<span class="form-product-details"><b>

    $<span id="">49.00</span>

    USD

    </b></span>

    </label>

    <br />

    <br /><span class="form-sub-label-container"><select class="form-dropdown validate[required]" name="q1_checkDesired[special_1002][item_0]" id="input_1_quantity_1002_0">

    <option value="1"> 1 </option>

    <option value="2"> 2 </option>

    <option value="3"> 3 </option>

    <option value="4"> 4 </option>

    <option value="5"> 5 </option>

    <option value="6"> 6 </option>

    <option value="7"> 7 </option>

    <option value="8"> 8 </option>

    <option value="9"> 9 </option>

    <option value="10"> 10 </option>

    </select>

    <label class="form-sub-label" for="input_1_quantity_1002_0"> Quantity </label></span></span>

    <br /><span class="form-product-item"><input class="form-checkbox validate[required]" type="checkbox" id="input_1_1003" name="q1_checkDesired[][id]" value="1003" />

    <label for="input_1_1003">

    Infinite Mind Hypnosis<span class="form-product-details"><b>

    $<span id="">50.00</span>

    USD

    </b></span>

    </label>

    <br />

    <br /><span class="form-sub-label-container"><select class="form-dropdown validate[required]" name="q1_checkDesired[special_1003][item_0]" id="input_1_quantity_1003_0">

    <option value="1"> 1 </option>

    <option value="2"> 2 </option>

    <option value="3"> 3 </option>

    <option value="4"> 4 </option>

    <option value="5"> 5 </option>

    <option value="6"> 6 </option>

    <option value="7"> 7 </option>

    <option value="8"> 8 </option>

    <option value="9"> 9 </option>

    <option value="10"> 10 </option>

    </select>

    <label class="form-sub-label" for="input_1_quantity_1003_0"> Quantity </label></span></span>

    <br /><span class="form-product-item"><input class="form-checkbox validate[required]" type="checkbox" id="input_1_1001" name="q1_checkDesired[][id]" value="1001" />

    <label for="input_1_1001">

    Transparency Insights<span class="form-product-details"><b>

    $<span id="">250.00</span>

    USD

    </b></span>

    </label>

    <br />

    <br /><span class="form-sub-label-container"><select class="form-dropdown validate[required]" name="q1_checkDesired[special_1001][item_0]" id="input_1_quantity_1001_0">

    <option value="1"> 1 </option>

    <option value="2"> 2 </option>

    <option value="3"> 3 </option>

    <option value="4"> 4 </option>

    <option value="5"> 5 </option>

    <option value="6"> 6 </option>

    <option value="7"> 7 </option>

    <option value="8"> 8 </option>

    <option value="9"> 9 </option>

    <option value="10"> 10 </option>

    </select>

    <label class="form-sub-label" for="input_1_quantity_1001_0"> Quantity </label></span></span>

    <br />

    <br />

    <b>

    Total:&nbsp;<span>$<span id="payment_total">0.00</span>

    USD</span>

    </b>

    </div>

    </li>

    <li class="form-line" id="id_2">

    <div id="cid_2" class="form-input-wide">

    <div style="margin-left:206px" class="form-buttons-wrapper">

    <button id="input_2" type="submit" class="form-submit-button">

    Buy WellnessQpon

    </button>

    </div>

    </div>

    </li>

    <li style="display:none">

    Should be Empty:

    <input type="text" name="website" value="" />

    </li>

    </ul>

    </div>

    <input type="hidden" id="simple_spc" name="simple_spc" value="10012015337" />

    <script type="text/javascript">

    document.getElementById("si" + "mple" + "_spc").value = "10012015337-10012015337";

    </script>

    </form>

  • Profile Image
    aytekin
    Answered on February 08, 2011 at 03:50 AM

    We absolutely do not recommend that. People will get confused. They will see the filled form and think they did not complete the form. It is going to cause a lot of troubles for you. But if you really have to do it, it is pretty easy to implement. 

    Use the full form source code and right after this:

    method="post" 

    Add this code: