Benutzer-Werkzeuge

Webseiten-Werkzeuge


Übersetzungen dieser Seite:
tools:eps_bankstatus_widget

eps Bankauswahl Widget

Das eps Bankauswahl Widget kann verwendet werden, um eine autocomplete Funktion, für ein beliebiges Formulareingabefeld für eine österreichiche BIC oder Bankleitzahl, zu erhalten.

Demoseite

Integration

Die Implementierung setzt jQuery sowie ein geeignetes Formulareingabefeld voraus.

Für die Integration sind die folgenden zwei Dateien in eine HTML-Seite einzubinden:

epswidget.min.js

Das Widget kann durch einen 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.

Beispiele

javascript und css-Datei in den HTML Head einbinden:

...
<link type="text/css" rel="stylesheet" href="https://bankauswahl.giropay.de/eps/widget/v1/style.css" media="all" />
<script src="https://bankauswahl.giropay.de/eps/widget/v1/epswidget.min.js"></script>
...

Widget aufrufen und an Formularfeld binden

...
<script>
    $(document).ready(function() {
        $('#eps_widget').eps_widget({'return': 'bic'});
    });
</script>
...
<form>
    <input id="eps_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>eps Bankauswahl Widget example</title>
 
    <link type="text/css" rel="stylesheet" href="https://bankauswahl.giropay.de/eps/widget/v1/style.css" media="all" />
    <script src="https://bankauswahl.giropay.de/eps/widget/v1/jquery-1.10.2.min.js"></script>
    <script src="https://bankauswahl.giropay.de/eps/widget/v1/epswidget.min.js"></script>
    <script>
        $(document).ready(function() {
          $('#eps_widget').eps_widget({'return': 'bic'});
        });
    </script>
</head>
<body>
    <form>
      <input id="eps_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>eps Bankauswahl Widget Demo</title>
 
    <link type="text/css" rel="stylesheet" href="https://bankauswahl.giropay.de/eps/widget/v1/style.css" media="all" />
    <script src="https://bankauswahl.giropay.de/eps/widget/v1/jquery-1.10.2.min.js"></script>
    <script src="https://bankauswahl.giropay.de/eps/widget/v1/epswidget.min.js"></script>
    <script>
        var j = jQuery.noConflict();
        j(document).ready(function() {
          j('#eps_widget').eps_widget({'return': 'bic'});
        });
    </script>
</head>
<body>
    <form>
      <input id="eps_widget" type="text" autocomplete="off" />
    </form>
</body>
</html>
tools/eps_bankstatus_widget.txt · Zuletzt geändert: 2014/09/02 14:41 von jeromejung

Seiten-Werkzeuge