User Tools

Site Tools


Translations of this page:
en:girocheckout:widget

This is an old revision of the document!


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

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
 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>
 

Event “onkeyup” for giropay BIC field:

 1 <input type="text" id="giropay_bic" name="giropay_bic" value="" onkeyup="girocheckout_widget(this, event, 'bic', '0')">

Event “onkeyup” for eps BIC field:

 1 <input type="text" id="eps_bic" name="eps_bic" value="" onkeyup="girocheckout_widget(this, event, 'bic', '3')">

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!

en/girocheckout/widget.1567526064.txt.gz · Last modified: 2021/04/12 14:29

Page Tools