Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
Beide Seiten der vorigen Revision Vorhergehende Überarbeitung Nächste Überarbeitung | Vorhergehende Überarbeitung | ||
girocheckout:bankstatus_widget [2014/04/30 01:35] jeromejung |
— (aktuell) | ||
---|---|---|---|
Zeile 1: | Zeile 1: | ||
- | ===== 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 Formularfeld 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=" | ||
- | </ | ||
- | </ | ||
- | </ | ||
- | </ | ||
- | |||
- | ** komplettes Beispiel mit noconflict mode ** | ||
- | |||
- | <code html> | ||
- | < | ||
- | " | ||
- | <html xmlns=" | ||
- | < | ||
- | < | ||
- | |||
- | <link type=" | ||
- | <script src=" | ||
- | <script src=" | ||
- | < | ||
- | var j = jQuery.noConflict(); | ||
- | j(document).ready(function() { | ||
- | j('# | ||
- | }); | ||
- | </ | ||
- | </ | ||
- | < | ||
- | < | ||
- | <input id=" | ||
- | </ | ||
- | </ | ||
- | </ | ||
- | </ |