Page 1 of 1
Reset/Submit Button Position?
Posted: 11 May 2012, 22:46
by Drak
Fantastic mod, as usual Stoker. I've moved some code around and I'm trying to figure out how to get the Reset & Submit button to the right of the text box instead of below.
This is what I'm talking about:
http://www.coreclan.net/donate.php
Reset/Submit Button Position?
Posted: 12 May 2012, 07:48
by Stoker
There are several ways doing it. This is just one:
Code: Select all
<div class="panel">
<div class="inner"><span class="corners-top"><span></span></span>
<div style="text-align:center; padding-top:6px;">
<form action="https://www.paypal.com/cgi-bin/webscr" method="post">
<div>
<input type="hidden" name="cmd" value="_xclick" />
<input type="hidden" name="business" value="{DONATION_EMAIL}" />
<input type="hidden" name="item_name" value="{L_DONATION_TITLE} {SITENAME}" />
<input type="hidden" name="no_shipping" value="1" />
<input type="hidden" name="return" value="{U_DONATE_SUCCESS}" />
<input type="hidden" name="cancel_return" value="{U_DONATE_CANCEL}" />
<input type="hidden" name="item_number" value="{S_USERNAME}" />
<input type="hidden" name="tax" value="0" />
<input type="hidden" name="bn" value="PP-DonationsBF" />
<input type="text" name="amount" style="height:17px; font-size:12px;" class="inputbox autowidth" />
<select name="currency_code" id="currency_code">
<option value="USD" selected="selected">{L_DONATION_USD}</option>
<option value="EUR">{L_DONATION_EUR}</option>
<option value="GBP">{L_DONATION_GBP}</option>
<option value="JPY">{L_DONATION_JPY}</option>
<option value="AUD">{L_DONATION_AUD}</option>
<option value="CAD">{L_DONATION_CAD}</option>
<option value="HKD">{L_DONATION_HKD}</option>
</select>
<span id="contactpaypal" class="submit-buttons" style="margin-top:8px;">
<input type="reset" class="button2" name="reset" value="{L_RESET}" />
<input type="submit" class="button1" name="submit" value="{L_SUBMIT}" onclick="JavaScript:document.getElementById('contactpaypal').style.display='none';document.getElementById('processingpaypal').style.display='block';" />
</span>
<span id="processingpaypal" class="submit-buttons" style="margin-top:8px; display:none;">
<img src="{ROOT_PATH}images/loader.gif" width="16" height="16" alt="" style="margin-bottom:-5px; padding-right:10px;" /> <input type="submit" class="button1" name="submit" value="{L_DONATION_CONTACT_PAYPAL}" />
</span>
</div>
</form>
</div>
<span class="corners-bottom"><span></span></span></div>
</div>
Reset/Submit Button Position?
Posted: 12 May 2012, 14:03
by Drak
Works perfectly, thanks Stoker.