Girocheckout API

Benutzer-Werkzeuge

Webseiten-Werkzeuge

Zuletzt angesehen:
girocheckout:bankstatus_widget

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen Revision Vorhergehende Überarbeitung
Nächste Überarbeitung 		Vorhergehende Überarbeitung
girocheckout:bankstatus_widget [2014/04/25 14:15]
jeromejung 		girocheckout:bankstatus_widget [2019/09/03 17:53]
michaelheumann gelöscht
Zeile 31: Zeile 31:
 </code> </code>
  
-**Widget aufrufen und an Fomularfeld binden**+**Widget aufrufen und an Formularfeld binden**
 <code html> <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>     <script>
         $(document).ready(function() {         $(document).ready(function() {
Zeile 39: Zeile 62:
         });         });
     </script>     </script>
-...+</head> 
 +<body>
     <form>     <form>
       <input id="giropay_widget" type="text" autocomplete="off" />       <input id="giropay_widget" type="text" autocomplete="off" />
     </form>     </form>
 +</body>
 +</html>
 </code> </code>
  
-** komplettes Beispiel **+** komplettes Beispiel mit noconflict mode **
  
 <code html> <code html>
Zeile 58: Zeile 84:
     <script src="https://bankauswahl.giropay.de/widget/v1/giropaywidget.min.js"></script>     <script src="https://bankauswahl.giropay.de/widget/v1/giropaywidget.min.js"></script>
     <script>     <script>
-        $(document).ready(function() { +        var j = jQuery.noConflict(); 
-          $('#giropay_widget').giropay_widget({return: 'bic',kind: 0});+        j(document).ready(function() { 
 +          j('#giropay_widget').giropay_widget({return: 'bic',kind: 0});
         });         });
     </script>     </script>
Zeile 70: Zeile 97:
 </html> </html>
 </code> </code>
- 

Seiten-Werkzeuge