http://www.mediawiki.org/wiki/Special:Code/MediaWiki/96056
Revision: 96056
Author: kaldari
Date: 2011-09-01 22:43:39 +0000 (Thu, 01 Sep 2011)
Log Message:
-----------
new rapidhtml form for next weeks test
Modified Paths:
--------------
trunk/extensions/DonationInterface/payflowpro_gateway/forms/css/TwoStepTwoColumnLetter3.css
trunk/extensions/DonationInterface/payflowpro_gateway/forms/html/globalcollect_test_2.html
Modified:
trunk/extensions/DonationInterface/payflowpro_gateway/forms/css/TwoStepTwoColumnLetter3.css
===================================================================
---
trunk/extensions/DonationInterface/payflowpro_gateway/forms/css/TwoStepTwoColumnLetter3.css
2011-09-01 22:38:38 UTC (rev 96055)
+++
trunk/extensions/DonationInterface/payflowpro_gateway/forms/css/TwoStepTwoColumnLetter3.css
2011-09-01 22:43:39 UTC (rev 96056)
@@ -4,6 +4,9 @@
border-collapse:collapse;
width: 394px;
}
+table#donation_amount td {
+ border:1px solid #AAAAAA;
+}
table#donation_amount td.amount_header {
background-color:#eef2f7;
font-size:90%;
Modified:
trunk/extensions/DonationInterface/payflowpro_gateway/forms/html/globalcollect_test_2.html
===================================================================
---
trunk/extensions/DonationInterface/payflowpro_gateway/forms/html/globalcollect_test_2.html
2011-09-01 22:38:38 UTC (rev 96055)
+++
trunk/extensions/DonationInterface/payflowpro_gateway/forms/html/globalcollect_test_2.html
2011-09-01 22:43:39 UTC (rev 96056)
@@ -54,40 +54,53 @@
</noscript>
<h2 id="donate-head">Please complete your donation below ...</h2>
- <p class='creditcard-error-msg'></p>
+ <p class='creditcard-error-msg'>#general#retryMsg</p>
<form name="payment" method="post"
action="/index.php/Special:PayflowProGateway?uselang=en&masthead=none&form_name=TwoStepTwoColumnLetter3&text_template=2010%2FJimmyQuote"
onsubmit="return formCheck(this)" autocomplete="off">
<div id="payflowpro_gateway-personal-info">
<table id="payflow-table-donor">
- <tr>
- <td colspan="2"><span
class="creditcard-error-msg"></span></td>
+ <tr>
+ <td colspan="2"><span
class="creditcard-error-msg">#amount</span></td>
</tr>
- <tr class="step2hidden">
- <td colspan="2"><h3 class="cc_header">Billing
information<img
-
src="https://test-payments.tesla.usability.wikimedia.org/extensions/DonationInterface/payflowpro_gateway/includes/padlock.gif";
-
style="vertical-align:baseline;margin-left:8px;"/></h3></td>
- </tr>
- <tr>
- <td class="label"><label
for="card_num">Address</label></td>
- <td>@fname @mname @lname<br />@street<br />@city,
@state @zip</td>
- </tr>
- <tr>
- <td class="label"><label
for="card_num">Email</label></td>
- <td>@emailAdd</td>
- </tr>
- <tr>
- <td class="label"><label
for="card_num">Amount</label></td>
- <td>@currency_code @amount</td>
- </tr>
- <tr>
+ <tr>
+ <td colspan="2">
+ <table
id="donation_amount" cellspacing="0" cellpadding="4" border="1">
+ <tbody>
+
<tr>
+
<td class="amount_header">Description</td>
+
<td class="amount_header"
style="text-align:right;width:75px;">Amount</td>
+
</tr>
+
<tr>
+
<td class="amount_data">Donation</td>
+
<td class="amount_data" style="text-align:right;width:75px;">
+
$ @amount
+
<input type="hidden" name="amount" value="@amount" />
+
<input type="hidden" name="currency_code"
value="@currency_code" />
+
</td>
+
</tr>
+ </tbody>
+ </table>
+ </td>
+ </tr>
+ <tr>
+ <td colspan="2">
+ <h3
class="cc_header">
+ Billing
information <img style="vertical-align:baseline;margin-left:8px;"
src="/~rkaldari/checkouts/prototype/extensions/DonationInterface/payflowpro_gateway/includes/padlock.gif">
+ </h3>
+ </td>
+ </tr>
+ <tr>
<td class="label"></td>
<td><img
src="https://payments.wikimedia.org/extensions/DonationInterface/payflowpro_gateway/includes/credit_card_logos.gif"/>
</td>
</tr>
<tr>
+ <td colspan=2><span
class="creditcard-error-msg">#card#card_num</span></td>
+ <tr>
+ <tr>
<td class="label"><label for="card_num">Card
number</label></td>
<td><input name="card_num" size="30"
value="@card_num" type="text" maxlength="100"
id="card_num" class="fullwidth"
autocomplete="off"/></td>
@@ -122,45 +135,44 @@
</select></td>
</tr>
<tr>
- <td colspan=2><span
class="creditcard-error-msg"></span></td>
+ <td colspan=2><span
class="creditcard-error-msg">#cvv</span></td>
<tr>
+ <tr>
<td class="label"><label for="cvv">Security
code</label></td>
<td><input name="cvv" size="5" value="@cvv"
type="text" maxlength="10" id="cvv"
autocomplete="off"/> <a
href="javascript:PopupCVV();">Where is this?</a>
</td>
</tr>
<tr>
- <td colspan=2><span
class="creditcard-error-msg"></span></td>
+ <td colspan=2><span
class="creditcard-error-msg">#fname#lname</span></td>
</tr>
<tr>
- <td colspan=2><span
class="creditcard-error-msg"></span></td>
+ <td class="label"><label
for="fname">Name</label></td>
+ <td>
+ <input name="fname" size="30" value="@fname"
type="text"
+ placeholder="First" maxlength="25"
class="required" id="fname"/>
+ <input name="lname" size="30" value="@lname"
type="text"
+ placeholder="Last" maxlength="25"
id="lname"/>
+ </td>
</tr>
- <tr class="step2hidden">
- <td class="label"><label for="fname">Name on
card</label></td>
- <td><input name="fname" size="30" value="@fname"
type="text"
- onfocus="clearField( this, 'First
name' )" maxlength="25"
- class="required" id="fname"/>
- <input name="lname" size="30" value="@lname"
- type="text"
- onfocus="clearField( this, 'Last
name' )"
- maxlength="25" id="lname"/></td>
+ <tr>
+ <td colspan=2><span
class="creditcard-error-msg">#street</span></td>
</tr>
- <tr class="step2hidden">
- <td colspan=2><span
class="creditcard-error-msg"></span></td>
+ <tr>
+ <td class="label"><label
for="street">Address</label></td>
+ <td>
+ <input name="street" size="30" value="@street"
type="text"
+ placeholder="Street"
maxlength="100" id="street" class="fullwidth"/>
+ </td>
</tr>
- <tr class="step2hidden">
- <td class="label"><label for="street">Billing
address</label></td>
- <td><input name="street" size="30" value="@street"
type="text"
- onfocus="clearField( this,
'Street' )" maxlength="100"
- id="street" class="fullwidth"/></td>
+ <tr>
+ <td colspan=2><span
class="creditcard-error-msg">#state#zip</span></td>
</tr>
- <tr class="step2hidden">
- <td colspan=2><span
class="creditcard-error-msg"></span></td>
- </tr>
- <tr class="step2hidden">
+ <tr>
<td class="label"></td>
- <td><input name="city" size="18" value="@city"
type="text"
- onfocus="clearField( this,
'City' )" maxlength="40" id="city"/>
+ <td>
+ <input name="city" size="18" value="@city"
type="text"
+ placeholder="City"
maxlength="40" id="city"/>
<select name="state" id="state">
<option value=""/>
<option value="AK">AK</option>
@@ -218,19 +230,20 @@
<option value="AA">AA</option>
<option value="AE">AE</option>
<option value="AP">AP</option>
- </select> <input name="zip" size="5" value=""
type="text"
- onfocus="clearField( this,
'Zip code' )"
- maxlength="10"
id="zip"/><input type="hidden" value="@country"
-
name="country"/></td>
+ </select> <input name="zip" size="5"
value="@zip" type="text"
+ placeholder="Zip"
maxlength="10" id="zip"/><input type="hidden"
+ value="@country" name="country"
/>
+ </td>
</tr>
- <tr class="step2hidden">
- <td colspan=2><span
class="creditcard-error-msg"></span></td>
+ <tr>
+ <td colspan=2><span
class="creditcard-error-msg">#emailAdd</span></td>
</tr>
- <tr class="step2hidden">
- <td class="label"><label for="emailAdd">E-mail
receipt to</label></td>
- <td><input name="emailAdd" size="30"
value="@emailAdd" type="text"
- onfocus="clearField( this, 'Email
address' )" maxlength="64"
- id="emailAdd" class="fullwidth"/></td>
+ <tr>
+ <td class="label"><label
for="emailAdd">E-mail</label></td>
+ <td>
+ <input name="emailAdd" size="30"
value="@emailAdd" type="text"
+ placeholder="Email address"
maxlength="64" id="emailAdd" class="fullwidth"/>
+ </td>
</tr>
<tr>
<td class="label"></td>
_______________________________________________
MediaWiki-CVS mailing list
[email protected]
https://lists.wikimedia.org/mailman/listinfo/mediawiki-cvs
![https://test-payments.tesla.usability.wikimedia.org/extensions/DonationInterface/payflowpro_gateway/includes/padlock.gif"](https://test-payments.tesla.usability.wikimedia.org/extensions/DonationInterface/payflowpro_gateway/includes/padlock.gif"){kind=link}
![https://payments.wikimedia.org/extensions/DonationInterface/payflowpro_gateway/includes/credit_card_logos.gif"/](https://payments.wikimedia.org/extensions/DonationInterface/payflowpro_gateway/includes/credit_card_logos.gif"/){kind=link}