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 Both sides next revision
en:girocheckout:widget [2017/02/10 20:05]
michaelheumann 		en:girocheckout:widget [2017/02/10 20:59]
michaelheumann
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