Integration
Grundlagen
FAQ
eps
giropay
iDEAL
Kreditkarte
Lastschrift
Bluecode
Maestro
Payment Page
PayPal
Tools
Fehlernummern
Ergebniscode
Testdaten
Grundlagen
FAQ
eps
giropay
iDEAL
Kreditkarte
Lastschrift
Bluecode
Maestro
Payment Page
PayPal
Tools
Fehlernummern
Ergebniscode
Testdaten
Dies ist eine alte Version des Dokuments!
Das Bankstatus Widget kann verwendet werden, um eine Autocomplete Funktion, für ein beliebiges Formulareingabefeld für eine BIC oder Bankleitzahl, zu erhalten.
Die Implementierung setzt jQuery sowie ein geeignetes Formulareingabefeld voraus.
Für die Integration sind die folgenden zwei Scripte in eine HTML-Seite einzubinden:
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. |
javascript und css-Datei in den HTML Head einbinden:
... <link type="text/css" rel="stylesheet" href="https://bankauswahl.giropay.de/widget/v1/style.css" media="all" /> <script src="https://bankauswahl.giropay.de/widget/v1/giropaywidget.min.js"></script> ...
Widget aufrufen und an Formularfeld binden
... <script> $(document).ready(function() { $('#giropay_widget').giropay_widget({return: 'bic',kind: 0}); }); </script> ... <form> <input id="giropay_widget" type="text" autocomplete="off" /> </form>
komplettes Beispiel
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>giropay Bankauswahl Widget example</title> <link type="text/css" rel="stylesheet" href="https://bankauswahl.giropay.de/widget/v1/style.css" media="all" /> <script src="https://bankauswahl.giropay.de/widget/v1/jquery-1.10.2.min.js"></script> <script src="https://bankauswahl.giropay.de/widget/v1/giropaywidget.min.js"></script> <script> $(document).ready(function() { $('#giropay_widget').giropay_widget({return: 'bic',kind: 0}); }); </script> </head> <body> <form> <input id="giropay_widget" type="text" autocomplete="off" /> </form> </body> </html>
komplettes Beispiel mit noconflict mode
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>giropay Bankauswahl Widget example</title> <link type="text/css" rel="stylesheet" href="https://bankauswahl.giropay.de/widget/v1/style.css" media="all" /> <script src="https://bankauswahl.giropay.de/widget/v1/jquery-1.10.2.min.js"></script> <script src="https://bankauswahl.giropay.de/widget/v1/giropaywidget.min.js"></script> <script> var j = jQuery.noConflict(); j(document).ready(function() { j('#giropay_widget').giropay_widget({return: 'bic',kind: 0}); }); </script> </head> <body> <form> <input id="giropay_widget" type="text" autocomplete="off" /> </form> </body> </html>