Girocheckout API

User Tools

Site Tools

Trace:
en:girocheckout:widget

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision 		Previous revision
en:girocheckout:widget [2017/02/10 20:05]
michaelheumann 		en:girocheckout:widget [2019/09/03 17:54]
michaelheumann removed
Line 1: Line 1:
 ===== Bank selection widget ===== ===== Bank selection widget =====
  
-The bank selection widget may be used to implement an autocomplete functionality for a form field. Das Bankauswahl Widget kann verwendet werden, um eine autocomplete-Funktion für ein beliebiges Formulareingabefeld für eine BIC oder Bankleitzahl, anzuzeigen. +The bank selection widget may be used to implement an autocomplete functionality for a BIC or bank number form field.
  
-==== Demoseite ==== +==== Demo page ==== 
-[[https://bankauswahl.giropay.de/widget/v2/|Bankauswahl Widget Demoseite]]+[[https://bankauswahl.giropay.de/widget/v2/|Demo page for bank selection widget]]
  
 ==== Integration ==== ==== Integration ====
  
-=== Natives Javascript Widget (pure JS) === +=== Native Javascript Widget (pure JS) ===
-This widget was implemented in pure JS and does not require third-party libraries.  Thus, no conflicts with other products will occur. +
- +
-Javascript- und CSS-Dateien einbinden: +
- +
-  * Zeile 1: Stylesheet einbinden +
-  * Zeile 2: Javascript-Datei für Widget einbinden +
- +
-<code html> +
- 1 <link rel="stylesheet" href="https://bankauswahl.giropay.de/widget/v2/style.css" /> +
- 2 <script src="https://bankauswahl.giropay.de/widget/v2/girocheckoutwidget.js"></script> +
- </code> +
- +
-Im BIC-Feld des Formulars für Giropay, das Ereignis "onkeyup" einbinden: +
- +
-<code html> +
- 1 <input type="text" id="giropay_bic" name="giropay_bic" value="" onkeyup="girocheckout_widget(this, event, 'bic', '0')"> +
-</code> +
- +
-Bei EPS, sieht das Ereignis so aus: +
- +
-<code html> +
- 1 <input type="text" id="eps_bic" name="eps_bic" value="" onkeyup="girocheckout_widget(this, event, 'bic', '3')"> +
-</code> +
- +
-Das Widget kann über verschiedene Parameter konfiguriert werden (Parameter 3 und 4 des Aufrufs girocheckout_widget): +
- +
-^Parameter ^typ ^Wert ^Beschreibung^ +
-|return |String |blz \\ bic | Legt fest, ob nach Auswahl der Bank die Bankleitzahl (blz) oder die BIC (bic) im Eingabefeld stehen soll. Normalerweise sollte hier 'bic' stehen. | +
-|kind |integer | 0 = alle Banken stehen zu Auswahl \\ 1 = Banken die giropay unterstützen \\ 2 = Banken die giropay-ID unterstützen| Legt fest, welche Banken zur Auswahl stehen. | +
- +
-Das ist alles! +
- +
- +
- +
-===== Native Javascript Widget (pure JS) =====+
 This widget was implemented in pure JS and does not require third-party libraries.  Thus, no conflicts with other products will occur. This widget was implemented in pure JS and does not require third-party libraries.  Thus, no conflicts with other products will occur.
  
Line 54: Line 19:
  1 <link rel="stylesheet" href="https://bankauswahl.giropay.de/widget/v2/style.css" />  1 <link rel="stylesheet" href="https://bankauswahl.giropay.de/widget/v2/style.css" />
  2 <script src="https://bankauswahl.giropay.de/widget/v2/girocheckoutwidget.js"></script>  2 <script src="https://bankauswahl.giropay.de/widget/v2/girocheckoutwidget.js"></script>
-</code>+ </code>
  
 Event "onkeyup" for giropay BIC field: Event "onkeyup" for giropay BIC field:
Line 67: Line 32:
  1 <input type="text" id="eps_bic" name="eps_bic" value="" onkeyup="girocheckout_widget(this, event, 'bic', '3')">  1 <input type="text" id="eps_bic" name="eps_bic" value="" onkeyup="girocheckout_widget(this, event, 'bic', '3')">
 </code> </code>
 +
 +The widget may be configured through several parameters (parameters 3 and 4 of the girocheckout_widget call):
 +
 +^Parameter ^Type ^Value ^Description^
 +|return |String |blz \\ bic | Defines whether the BIC or the bank code (BLZ) is to be displayed in the field once the bank has been selected. You should usually put 'bic' here. |
 +|kind |integer | 0 = All banks are available for selection \\ 1 = Only banks that support giropay \\ 2 = Only banks that support giropay-ID | Defines which banks are available for selection. |
  
 That is all! That is all!
 +
 +

Page Tools