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
Nächste Überarbeitung Beide Seiten der Revision
girocheckout:bankstatus_widget [2014/04/25 14:15]
jeromejung 		girocheckout:bankstatus_widget [2014/04/30 01:35]
jeromejung
Zeile 34: Zeile 34:
 <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