Ajout de l'actualité sur marylou.

[website.git] / Donnez.html

diff --git a/Donnez.html b/Donnez.html
index 2c415d04080c411142c040fcb73e76ac08cdf645..c14991ab77c825ee016065a630e73001ffa3c870 100644 (file)
--- a/Donnez.html
+++ b/Donnez.html
@@ -18,7 +18,7 @@
   <p>
     Un oignon correspond à 1 mois de fonctionnement.
     <br />
-    Au dela de 6 mois, nous essayons de mettre en place un nouveau relai.
+    Au dela de 6 mois, nous essayons de mettre en place un nouveau relai. En dessous de 3 mois, nous serons amenés à fermer un relai existant.
   </p>
 </div>
 
@@ -30,36 +30,16 @@
   le site <code>secure.fdn2.org</code>.
 </p>
 
-<form method="get" action="https://secure.fdn2.org/fdn2/nouser">
-  <div>
-    <div>
-      <input type="radio" name="px" id="amount-10" value="10"
-      /><label for="amount-10">10 €</label>
-    </div>
-    <div>
-      <input type="radio" name="px" id="amount-25" value="25"
-      /><label for="amount-25">25 €</label>
-    </div>
-    <div>
-      <input type="radio" name="px" id="amount-50" value="50"
-      /><label for="amount-50">50 €</label>
-    </div>
-    <div>
-      <input type="radio" name="px" id="amount-100" value="100"
-      /><label for="amount-100">100 €</label>
-    </div>
-    <div>
-      <input type="radio" name="px" id="amount-250" value="250"
-      /><label for="amount-250">250 €</label>
-    </div>
-    <div>
-      <input type="radio" name="amount" id="amount-custom" value=""
-      /><label for="amount-custom">Autre</label><!-- XXX: need some support code,
-      <label for="custom-amount">montant :</label
-      > <input type="text" name="custom-amount" id="custom-amount" />
-      -->
-    </div>
-  </div>
+<form method="get" class="fdn-form" action="https://secure.fdn2.org/fdn2/nouser">
+  <select name="px" id="px">
+    <option value="10">10 €</option>
+    <option value="25">25 €</option>
+    <option value="50">50 €</option>
+    <option value="100">100 €</option>
+    <option value="250">250 €</option>
+    <option value="">Autre</option>
+  </select>
+  <input type="text" name="custom-amount" id="custom-amount" />
   <!-- XXX: need some support code
   <div>
     <input type="checkbox" name="recurring" id="reccuring" value="true" />
@@ -67,11 +47,27 @@
     (<em>banque française seulement</em>).</label>
   </div>
   -->
-  <div>
     <input type="hidden" name="lang" value="fr" />
     <input type="hidden" name="dest" value="oignon" />
     <input type="submit" name="submit" id="submit" value="Soutenez le réseau Tor…" />
-  </div>
+    <script type="text/javascript">
+    var px = document.querySelector('#px'),
+        customAmount = document.querySelector('#custom-amount');
+    px.addEventListener('change',function(){
+      /* Update input name to prefill FDN form */
+      if (px.value) {
+        px.name = "px";
+        customAmount.name = "custom-amount";
+        customAmount.value = "";
+        customAmount.style.display = "none";
+      }
+      else {
+        customAmount.style.display = "inline-block";
+        customAmount.name = "px";
+        px.name = "dummy_px";
+      }
+    });
+    </script>
 </form>
 
 <h3>Par virement</h3>