Girocheckout API

User Tools

Site Tools

Trace:

Sidebar

Introduction

Integration

Basics

Credit Card
Direct Debit
Bluecode
eps
giropay
iDEAL
Maestro
PayPal
Payment Page

Tools

Error codes
Result codes
Test data

SDK

PHP SDK
Java SDK
.NET SDK

Others

API Change log
Plugins Changelog

Imprint
Privacy policy
S-Public Services GmbH

Translations of this page:
en:tools:eps_bankstatus_widget

This is an old revision of the document!

Table of Contents

eps Bank Selection Widget

The Bank Selection Widget may be used to add an autocomplete functionality to any existing form input field for a BIC or a Austrian banking code (Bic or BLZ).

demonstration

Bankselection Widget demonstration

Integration

The implementation requires jQuery as well as an appropriate form input field.

For the integration, include the following two scripts in your HTML page:

epswidget.min.js

The widget may be configured through one parameter:

Parameter type value description
return String blz
bic 		Defines which information should be displayed in the input field after the search: BLZ or BIC.

Examples

Include javascript and css file in the HTML Head: 

...
<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>
...

Call widget and bind to form field 

...
<script>
    $(document).ready(function() {
        $('#eps_widget').eps_widget({'return': 'bic'});
    });
</script>
...
<form>
    <input id="eps_widget" type="text" autocomplete="off" />
</form>

Full example 

<!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 Bank Selection 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/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>

Full example with 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 Bank Selection 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>
        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>
en/tools/eps_bankstatus_widget.1567526153.txt.gz ยท Last modified: 2021/04/12 14:29

Page Tools