Benutzer-Werkzeuge

Webseiten-Werkzeuge


girocheckout:bankstatus_widget

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen gezeigt.

Link zu dieser Vergleichsansicht

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 Formularfeld 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>​ 
girocheckout/bankstatus_widget.1398814543.txt.gz · Zuletzt geändert: 2014/04/30 01:35 von jeromejung

Seiten-Werkzeuge