User Tools

Site Tools


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
— (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, anzuzeigen.  
- 
-==== Demoseite ==== 
-[[https://bankauswahl.giropay.de/widget/v2/|Bankauswahl Widget Demoseite]] 
- 
-==== Integration ==== 
- 
-=== Natives 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. 
- 
-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> 
- 
-That is all! 
en/girocheckout/widget.1486753541.txt.gz · Last modified: 2021/04/12 14:29