Girocheckout API

Benutzer-Werkzeuge

Webseiten-Werkzeuge

Zuletzt angesehen:
girocheckout:bankstatus_widget

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

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, 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> 
- 
-** komplettes Beispiel mit noconflict mode ** 
- 
-<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> 
-        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> 
-</code> 

Seiten-Werkzeuge