gEEK tHE pLANET

Llevaba algunos días buscando un formulario de donación con estilo, dejar atrás el típico botoncito amarillo y poner algo realmente llamativo, asi que buscando muchisimo me encontré con este excelente y liviano formulario de donación hecho con CSS y JQuery, es muy fácil de implementar, porque hasta yo pude hacerlo.

Lo primero es el formulario de donación, donde deberemos completar algunos campos, como lo son business, item_name, currency_code, si deseas más información acerca de estos campos puede visitar donate techview outside.

<form id="form_paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input name="cmd" type="hidden" value="_donations" />
<input name="business" type="hidden" value="paypal@email.com" />
<input name="item_name" type="hidden" value="My Donations Subject" />
<input name="no_shipping" type="hidden" value="0" />
<input name="no_note" type="hidden" value="1" />
<input name="currency_code" type="hidden" value="USD" />
<input name="tax" type="hidden" value="0" />
<input name="bn" type="hidden" value="PP-DonationsBF" /> <label>Amount (US$) : </label>
<input id="input_amount" class="text" name="amount" type="text" />
<input class="submit" name="submit" type="submit" value="Donate" />
</form>

Lo siguiente es el código para algunos mensajes emergentes mientras carga por completo el AJAX o por si aparecen errores en el campo de donación.

<input class="submit" name="submit" type="submit" value="Donate" />
<span id="msg_moreamount" class="icon_warning red" style="display:none;">PayPal takes $0.35 commission for a $1 donation. Please enter at least $1.35 , thank you!</span>
<span id="msg_noamount" class="icon_warning red" style="display:none;">Please enter the amount you wish to donate and try again.</span>
<span id="msg_activity" style="display:none;"> <img src="images/loader.gif" alt="" align="absmiddle" /> Transferring to PayPal, please wait...</span>

[Leer mas]