Girocheckout API

Benutzer-Werkzeuge

Webseiten-Werkzeuge

Zuletzt angesehen:
girocheckout:bankstatus_widget

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Nächste Überarbeitung 		Vorhergehende Überarbeitung
Nächste Überarbeitung Beide Seiten der Revision
girocheckout:bankstatus_widget [2014/04/25 13:09]
jeromejung angelegt 		girocheckout:bankstatus_widget [2014/04/25 14:16]
jeromejung [Integration]
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, zu erhalten.  
 + 
 +==== 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://bankauswahl.giropay.de/widget/v1/giropaywidget.min.js 
 +  * https://bankauswahl.giropay.de/widget/v1/style.css 
 + 
 +=== 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="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> 
 +... 
 +</code> 
 + 
 +**Widget aufrufen und an Fomularfeld binden** 
 +<code html> 
 +... 
 +<script> 
 +    $(document).ready(function() { 
 +        $('#giropay_widget').giropay_widget({return: 'bic',kind: 0}); 
 +    }); 
 +</script> 
 +... 
 +<form> 
 +    <input id="giropay_widget" type="text" autocomplete="off" /> 
 +</form> 
 +</code> 
 + 
 +** komplettes Beispiel ** 
 + 
 +<code html> 
 +<!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> 
 +</code> 

Seiten-Werkzeuge