Template:2012FR/Form-section/Radiobuttons/Default: Difference between revisions

tabindex -1 for Other input

#radiobuttons-table-header {

margin-bottom: 0.8em;

.frequency-options {

margin: 0 3px 0.4em 3px;

#radiobuttons-table {

.radiobuttons-cell {

white-space: nowrap;

#input_amount_other_box {

border:1px solid #c0c0c0;

<input type="hidden" name="currency_code" value="</html>{{{currency|{{2012FR/Switch/Currency/Code|{{{country}}}}}}}}<html>"/>

</html>{{int:donate_interface-amount-legend}} ({{{currency|{{2012FR/Switch/Currency/Code|{{{country}}}}}}}})<html>

<label for="frequency_onetime"></html>{{int:donate_interface-onetime-short}}<html></label>

<label for="frequency_monthly"></html>{{int:donate_interface-monthly-short}}<html></label>

<input type="radio" name="amount" id="input_amount_0" onclick="selectAmount();" value="</html>{{{donate-amount-0}}}<html>" />

<label for="input_amount_0"></html>{{2012FR/CurrencyFormat|{{{donate-amount-0}}}|{{{currency}}}|{{{country}}}|{{{language}}}}}<html></label>

<input type="radio" name="amount" id="input_amount_1" onclick="selectAmount();" value="</html>{{{donate-amount-1}}}<html>" />

<label for="input_amount_1"></html>{{2012FR/CurrencyFormat|{{{donate-amount-1}}}|{{{currency}}}|{{{country}}}|{{{language}}}}}<html></label>

<input type="radio" name="amount" id="input_amount_2" onclick="selectAmount();" value="</html>{{{donate-amount-2}}}<html>" />

<label for="input_amount_2"></html>{{2012FR/CurrencyFormat|{{{donate-amount-2}}}|{{{currency}}}|{{{country}}}|{{{language}}}}}<html></label>

<input type="radio" name="amount" id="input_amount_3" onclick="selectAmount();" value="</html>{{{donate-amount-3}}}<html>" />

<label for="input_amount_3"></html>{{2012FR/CurrencyFormat|{{{donate-amount-3}}}|{{{currency}}}|{{{country}}}|{{{language}}}}}<html></label>

<input type="radio" name="amount" id="input_amount_4" onclick="selectAmount();" value="</html>{{{donate-amount-4}}}<html>" />

<label for="input_amount_4"></html>{{2012FR/CurrencyFormat|{{{donate-amount-4}}}|{{{currency}}}|{{{country}}}|{{{language}}}}}<html></label>

<input type="radio" name="amount" id="input_amount_5" onclick="selectAmount();" value="</html>{{{donate-amount-5}}}<html>" />

<label for="input_amount_5"></html>{{2012FR/CurrencyFormat|{{{donate-amount-5}}}|{{{currency}}}|{{{country}}}|{{{language}}}}}<html></label>

<input type="radio" name="amount" id="input_amount_6" onclick="selectAmount();" value="</html>{{{donate-amount-6}}}<html>" />

<label for="input_amount_6"></html>{{2012FR/CurrencyFormat|{{{donate-amount-6}}}|{{{currency}}}|{{{country}}}|{{{language}}}}}<html></label>

<span></html>{{int:donate_interface-other}}<html></span>

Donation amount (USD)

${{{donate-amount-0}}}	${{{donate-amount-1}}}	${{{donate-amount-2}}}	${{{donate-amount-3}}}
${{{donate-amount-4}}}	${{{donate-amount-5}}}	${{{donate-amount-6}}}	Other

Template:2012FR/Form-section/Radiobuttons/Default: Difference between revisions

Revision as of 14:01, 7 July 2017

Navigation menu

@@ Line 1: / Line 1: @@
 <html>
-<style>
-#radiobuttons-table-header {
-  font-weight: bold;
-  font-size: 1.3em;
-  margin-bottom: 0.8em;
-}
-.frequency-options {
-  margin: 0 3px 0.4em 3px;
-  font-size: 1.2em;
-}
-#radiobuttons-table {
-  font-size: 1.2em;
-}
-.radiobuttons-cell {
-  white-space: nowrap;
-}
-#input_amount_other_box {
-  color: black;
-  font-size: 0.8em;
-  border:1px solid #c0c0c0;
-}
-</style>
 <input type="hidden" name="currency_code" value="</html>{{{currency|{{2012FR/Switch/Currency/Code|{{{country}}}}}}}}<html>"/>
 <div>
-  <div id="radiobuttons-table-header">
+    <div id="radiobuttons-table-header">
-    </html>{{int:donate_interface-amount-legend}} ({{{currency|{{2012FR/Switch/Currency/Code|{{{country}}}}}}}})<html>
+        </html>{{int:donate_interface-amount-legend}} ({{{currency|{{2012FR/Switch/Currency/Code|{{{country}}}}}}}})<html>
-  </div>
+    </div>
 </div>
 <div class="frequency-options">
-  <input type="radio" name="frequency" id="frequency_onetime" value="onetime" onclick="donationForm.toggleMonthly(false);" checked>
+    <input type="radio" name="frequency" id="frequency_onetime" value="onetime" onclick="donationForm.toggleMonthly(false);" checked>
-  <label for="frequency_onetime"></html>{{int:donate_interface-onetime-short}}<html></label>
+    <label for="frequency_onetime"></html>{{int:donate_interface-onetime-short}}<html></label>
-  <input type="radio" name="frequency" id="frequency_monthly" value="monthly" onclick="donationForm.toggleMonthly(true);">
+    <input type="radio" name="frequency" id="frequency_monthly" value="monthly" onclick="donationForm.toggleMonthly(true);">
-  <label for="frequency_monthly"></html>{{int:donate_interface-monthly-short}}<html></label>
+    <label for="frequency_monthly"></html>{{int:donate_interface-monthly-short}}<html></label>
 </div>
 <div id="radiobuttons-table-body">
-  <table id="radiobuttons-table">
+    <table id="radiobuttons-table">
-    <tr>
+        <tr>
-      <td class="radiobuttons-cell input_amount_0">
+            <td class="radiobuttons-cell input_amount_0">
-        <input type="radio" name="amount" id="input_amount_0" onclick="selectAmount();" value="</html>{{{donate-amount-0}}}<html>" />
+                <input type="radio" name="amount" id="input_amount_0" onclick="selectAmount();" value="</html>{{{donate-amount-0}}}<html>" />
-        <label for="input_amount_0"></html>{{2012FR/CurrencyFormat|{{{donate-amount-0}}}|{{{currency}}}|{{{country}}}|{{{language}}}}}<html></label>
+                <label for="input_amount_0"></html>{{2012FR/CurrencyFormat|{{{donate-amount-0}}}|{{{currency}}}|{{{country}}}|{{{language}}}}}<html></label>
-      </td>
+            </td>
-      <td class="radiobuttons-cell input_amount_1">
+            <td class="radiobuttons-cell input_amount_1">
-        <input type="radio" name="amount" id="input_amount_1" onclick="selectAmount();" value="</html>{{{donate-amount-1}}}<html>" />
+                <input type="radio" name="amount" id="input_amount_1" onclick="selectAmount();" value="</html>{{{donate-amount-1}}}<html>" />
-        <label for="input_amount_1"></html>{{2012FR/CurrencyFormat|{{{donate-amount-1}}}|{{{currency}}}|{{{country}}}|{{{language}}}}}<html></label>
+                <label for="input_amount_1"></html>{{2012FR/CurrencyFormat|{{{donate-amount-1}}}|{{{currency}}}|{{{country}}}|{{{language}}}}}<html></label>
-      </td>
+            </td>
-      <td class="radiobuttons-cell input_amount_2">
+            <td class="radiobuttons-cell input_amount_2">
-        <input type="radio" name="amount" id="input_amount_2" onclick="selectAmount();" value="</html>{{{donate-amount-2}}}<html>" />
+                <input type="radio" name="amount" id="input_amount_2" onclick="selectAmount();" value="</html>{{{donate-amount-2}}}<html>" />
-        <label for="input_amount_2"></html>{{2012FR/CurrencyFormat|{{{donate-amount-2}}}|{{{currency}}}|{{{country}}}|{{{language}}}}}<html></label>
+                <label for="input_amount_2"></html>{{2012FR/CurrencyFormat|{{{donate-amount-2}}}|{{{currency}}}|{{{country}}}|{{{language}}}}}<html></label>
-      </td>
+            </td>
-      <td class="radiobuttons-cell input_amount_3">
+            <td class="radiobuttons-cell input_amount_3">
-        <input type="radio" name="amount" id="input_amount_3" onclick="selectAmount();" value="</html>{{{donate-amount-3}}}<html>" />
+                <input type="radio" name="amount" id="input_amount_3" onclick="selectAmount();" value="</html>{{{donate-amount-3}}}<html>" />
-        <label for="input_amount_3"></html>{{2012FR/CurrencyFormat|{{{donate-amount-3}}}|{{{currency}}}|{{{country}}}|{{{language}}}}}<html></label>
+                <label for="input_amount_3"></html>{{2012FR/CurrencyFormat|{{{donate-amount-3}}}|{{{currency}}}|{{{country}}}|{{{language}}}}}<html></label>
-      </td>
+            </td>
-    </tr>
+        </tr>
-    <tr>
+        <tr>
-      <td class="radiobuttons-cell input_amount_4">
+            <td class="radiobuttons-cell input_amount_4">
-        <input type="radio" name="amount" id="input_amount_4" onclick="selectAmount();" value="</html>{{{donate-amount-4}}}<html>" />
+                <input type="radio" name="amount" id="input_amount_4" onclick="selectAmount();" value="</html>{{{donate-amount-4}}}<html>" />
-        <label for="input_amount_4"></html>{{2012FR/CurrencyFormat|{{{donate-amount-4}}}|{{{currency}}}|{{{country}}}|{{{language}}}}}<html></label>
+                <label for="input_amount_4"></html>{{2012FR/CurrencyFormat|{{{donate-amount-4}}}|{{{currency}}}|{{{country}}}|{{{language}}}}}<html></label>
-      </td>
+            </td>
-      <td class="radiobuttons-cell input_amount_5">
+            <td class="radiobuttons-cell input_amount_5">
-        <input type="radio" name="amount" id="input_amount_5" onclick="selectAmount();" value="</html>{{{donate-amount-5}}}<html>" />
+                <input type="radio" name="amount" id="input_amount_5" onclick="selectAmount();" value="</html>{{{donate-amount-5}}}<html>" />
-        <label for="input_amount_5"></html>{{2012FR/CurrencyFormat|{{{donate-amount-5}}}|{{{currency}}}|{{{country}}}|{{{language}}}}}<html></label>
+                <label for="input_amount_5"></html>{{2012FR/CurrencyFormat|{{{donate-amount-5}}}|{{{currency}}}|{{{country}}}|{{{language}}}}}<html></label>
-      </td>
+            </td>
-      <td class="radiobuttons-cell input_amount_6">
+            <td class="radiobuttons-cell input_amount_6">
-        <input type="radio" name="amount" id="input_amount_6" onclick="selectAmount();" value="</html>{{{donate-amount-6}}}<html>" />
+                <input type="radio" name="amount" id="input_amount_6" onclick="selectAmount();" value="</html>{{{donate-amount-6}}}<html>" />
-        <label for="input_amount_6"></html>{{2012FR/CurrencyFormat|{{{donate-amount-6}}}|{{{currency}}}|{{{country}}}|{{{language}}}}}<html></label>
+                <label for="input_amount_6"></html>{{2012FR/CurrencyFormat|{{{donate-amount-6}}}|{{{currency}}}|{{{country}}}|{{{language}}}}}<html></label>
-      </td>
+            </td>
-      <td class="radiobuttons-cell input_amount_other">
+            <td class="radiobuttons-cell input_amount_other">
-        <input type="radio" name="amount" id="input_amount_other" value="Other" onclick="document.getElementById('input_amount_other_box').focus();">
+                <input type="radio" name="amount" id="input_amount_other" value="Other" onclick="document.getElementById('input_amount_other_box').focus();">
-        <label for="input_amount_other">
+                <label for="input_amount_other">
-          <span></html>{{int:donate_interface-other}}<html></span>
+                    <span></html>{{int:donate_interface-other}}<html></span>
-          <input type="number" min="0" id="input_amount_other_box" size="3" autocomplete="off" value="" tabindex="-1" onfocus="selectOther();">
+                    <input type="number" min="0" id="input_amount_other_box" size="3" autocomplete="off" value="" tabindex="-1" onfocus="selectOther();">
-        </label>
+                </label>
-      </td>
+            </td>
-    </tr>
+        </tr>
-  </table>
+    </table>
 </div>
 </html>

Template:2012FR/Form-section/Radiobuttons/Default: Difference between revisions

Revision as of 14:01, 7 July 2017

Navigation menu

Search