This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision | ||
en:girocheckout:widget [2017/02/10 20:05] michaelheumann |
— (current) | ||
---|---|---|---|
Line 1: | Line 1: | ||
- | ===== 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, | ||
- | |||
- | ==== Demoseite ==== | ||
- | [[https:// | ||
- | |||
- | ==== Integration ==== | ||
- | |||
- | === Natives Javascript Widget (pure JS) === | ||
- | This widget was implemented in pure JS and does not require third-party libraries. | ||
- | |||
- | Javascript- und CSS-Dateien einbinden: | ||
- | |||
- | * Zeile 1: Stylesheet einbinden | ||
- | * Zeile 2: Javascript-Datei für Widget einbinden | ||
- | |||
- | <code html> | ||
- | 1 <link rel=" | ||
- | 2 <script src=" | ||
- | </ | ||
- | |||
- | Im BIC-Feld des Formulars für Giropay, das Ereignis " | ||
- | |||
- | <code html> | ||
- | 1 <input type=" | ||
- | </ | ||
- | |||
- | Bei EPS, sieht das Ereignis so aus: | ||
- | |||
- | <code html> | ||
- | 1 <input type=" | ||
- | </ | ||
- | |||
- | 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 ' | ||
- | |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. | ||
- | |||
- | Including the required files: | ||
- | |||
- | * Line 1: Includes stylesheet | ||
- | * Lines 2: Includes Widget Script | ||
- | |||
- | <code html> | ||
- | 1 <link rel=" | ||
- | 2 <script src=" | ||
- | </ | ||
- | |||
- | Event " | ||
- | |||
- | <code html> | ||
- | 1 <input type=" | ||
- | </ | ||
- | |||
- | Event " | ||
- | |||
- | <code html> | ||
- | 1 <input type=" | ||
- | </ | ||
- | |||
- | That is all! |