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.