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
en:girocheckout:widget [2019/09/03 17:54]
michaelheumann removed 		— (current)
Line 1: Line 1:
-===== Bank selection widget ===== 
- 
-The bank selection widget may be used to implement an autocomplete functionality for a BIC or bank number form field. 
- 
-==== Demo page ==== 
-[[https://bankauswahl.giropay.de/widget/v2/|Demo page for bank selection widget]] 
- 
-==== Integration ==== 
- 
-=== 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. 
- 
-Including the required files: 
- 
-  * Line 1: Includes stylesheet 
-  * Lines 2: Includes Widget Script 
- 
-<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> 
- 
-Event "onkeyup" for giropay BIC field: 
- 
-<code html> 
- 1 <input type="text" id="giropay_bic" name="giropay_bic" value="" onkeyup="girocheckout_widget(this, event, 'bic', '0')"> 
-</code> 
- 
-Event "onkeyup" for eps BIC field: 
- 
-<code html> 
- 1 <input type="text" id="eps_bic" name="eps_bic" value="" onkeyup="girocheckout_widget(this, event, 'bic', '3')"> 
-</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! 
- 
  

Page Tools