Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
Nächste Überarbeitung Beide Seiten der Revision | |||
girocheckout:bankstatus_widget [2014/04/25 13:09] jeromejung angelegt |
girocheckout:bankstatus_widget [2014/04/25 14:15] jeromejung |
||
---|---|---|---|
Zeile 1: | Zeile 1: | ||
- | Bankstatus Widget | + | ===== Bankstatus Widget |
+ | |||
+ | Das Bankstatus Widget kann verwendet werden, um eine Autocomplete Funktion, für ein beliebiges Formulareingabefeld für eine BIC oder Bankleitzahl, | ||
+ | |||
+ | ==== Integration ==== | ||
+ | |||
+ | Die Implementierung setzt **jQuery** sowie ein geeignetes **Formulareingabefeld** voraus. | ||
+ | |||
+ | Für die Integration sind die folgenden zwei Scripte in eine HTML-Seite einzubinden: | ||
+ | * https:// | ||
+ | * https:// | ||
+ | |||
+ | === giropaywidget.min.js === | ||
+ | |||
+ | Das Widget kann über verschiedene Parameter konfiguriert werden: | ||
+ | |||
+ | ^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. | | ||
+ | |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. | | ||
+ | |||
+ | |||
+ | === Beispiele === | ||
+ | |||
+ | **javascript und css-Datei in den HTML Head einbinden: | ||
+ | |||
+ | <code html> | ||
+ | ... | ||
+ | <link type=" | ||
+ | <script src=" | ||
+ | ... | ||
+ | </ | ||
+ | |||
+ | **Widget aufrufen und an Fomularfeld binden** | ||
+ | <code html> | ||
+ | ... | ||
+ | < | ||
+ | $(document).ready(function() { | ||
+ | $('# | ||
+ | }); | ||
+ | </ | ||
+ | ... | ||
+ | < | ||
+ | <input id=" | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | ** komplettes Beispiel ** | ||
+ | |||
+ | <code html> | ||
+ | < | ||
+ | " | ||
+ | <html xmlns=" | ||
+ | < | ||
+ | < | ||
+ | |||
+ | <link type=" | ||
+ | <script src=" | ||
+ | <script src=" | ||
+ | < | ||
+ | $(document).ready(function() { | ||
+ | $('# | ||
+ | }); | ||
+ | </ | ||
+ | </ | ||
+ | < | ||
+ | < | ||
+ | <input id=" | ||
+ | </ | ||
+ | </ | ||
+ | </ | ||
+ | </ |