Girocheckout API

User Tools

Site Tools

Trace:
en:tools:eps_bankstatus_widget

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
en:tools:eps_bankstatus_widget [2019/09/03 17:55]
michaelheumann removed 		— (current)
Line 1: Line 1:
-===== 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 ==== 
-[[https://bankauswahl.giropay.de/eps/widget/v1/|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: 
-  * https://bankauswahl.giropay.de/eps/widget/v1/epswidget.min.js 
-  * https://bankauswahl.giropay.de/eps/widget/v1/style.css 
- 
-=== 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:** 
- 
-<code html> 
-... 
-<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> 
-... 
-</code> 
- 
-**Call widget and bind to form field** 
-<code html> 
-... 
-<script> 
-    $(document).ready(function() { 
-        $('#eps_widget').eps_widget({'return': 'bic'}); 
-    }); 
-</script> 
-... 
-<form> 
-    <input id="eps_widget" type="text" autocomplete="off" /> 
-</form> 
-</code> 
- 
-** Full example ** 
- 
-<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 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> 
-</code> 
- 
-** Full example with 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 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> 
-</code> 

Page Tools