This shows you the differences between two versions of the page.
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:// | ||
- | |||
- | |||
- | ==== Integration ==== | ||
- | |||
- | The implementation requires **jQuery** as well as an appropriate **form input field**. | ||
- | |||
- | For the integration, | ||
- | * https:// | ||
- | * https:// | ||
- | |||
- | === 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=" | ||
- | <script src=" | ||
- | ... | ||
- | </ | ||
- | |||
- | **Call widget and bind to form field** | ||
- | <code html> | ||
- | ... | ||
- | < | ||
- | $(document).ready(function() { | ||
- | $('# | ||
- | }); | ||
- | </ | ||
- | ... | ||
- | < | ||
- | <input id=" | ||
- | </ | ||
- | </ | ||
- | |||
- | ** Full example ** | ||
- | |||
- | <code html> | ||
- | < | ||
- | " | ||
- | <html xmlns=" | ||
- | < | ||
- | < | ||
- | |||
- | <link type=" | ||
- | <script src=" | ||
- | <script src=" | ||
- | < | ||
- | $(document).ready(function() { | ||
- | $('# | ||
- | }); | ||
- | </ | ||
- | </ | ||
- | < | ||
- | < | ||
- | <input id=" | ||
- | </ | ||
- | </ | ||
- | </ | ||
- | </ | ||
- | |||
- | ** Full example with noconflict mode ** | ||
- | |||
- | <code html> | ||
- | < | ||
- | " | ||
- | <html xmlns=" | ||
- | < | ||
- | < | ||
- | |||
- | <link type=" | ||
- | <script src=" | ||
- | <script src=" | ||
- | < | ||
- | var j = jQuery.noConflict(); | ||
- | j(document).ready(function() { | ||
- | j('# | ||
- | }); | ||
- | </ | ||
- | </ | ||
- | < | ||
- | < | ||
- | <input id=" | ||
- | </ | ||
- | </ | ||
- | </ | ||
- | </ |