Sha256: 5ee7fd405f9084d3bd6b4ad02025e8fcd6508f424b45a91d04b80b927c30255f

Contents?: true

Size: 1.13 KB

Versions: 10

Compression:

Stored size: 1.13 KB

Contents

<!doctype html>
<html>
  <head>
      <title>demo</title>
      <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
      <script type="text/javascript" src="/shutterbug/shutterbug.js"></script>
      <link rel="stylesheet" type="text/css" href="main.css">
      <style type="text/css">
        #src {
          color: red;
        }
      </style>
  </head>

  <body>
    <iframe id="src1" src="iframe.html" width="300" height="300"></iframe>
    <button class="shutterbug" data-dst="#dst">Snapshot</button>
  <div id="dst"></div>
  <body>
    <iframe id="src2" src="iframe2.html" width="300" height="300"></iframe>
    <button class="shutterbug2" data-dst="#dst">Snapshot</button>
  <div id="dst2"></div>

  </body>
  <script type="text/javascript">
    var bug    = null;
    $(document).ready(function(e) {
      bug =  new Shutterbug("#src1","#dst");
      bug2 = new Shutterbug("#src2","#dst2",null,"plugh");
      $("button.shutterbug").click(function(e) {
        bug.getDomSnapshot();
      });
      $("button.shutterbug2").click(function(e) {
        bug2.getDomSnapshot();
      });
    });
  </script>
</html>

Version data entries

10 entries across 10 versions & 1 rubygems

Version Path
shutterbug-0.4.3 demo/iframe_example.html
shutterbug-0.2.5 demo/iframe_example.html
shutterbug-0.2.1 demo/iframe_example.html
shutterbug-0.2.0 demo/iframe_example.html
shutterbug-0.1.2 demo/iframe_example.html
shutterbug-0.1.1 demo/iframe_example.html
shutterbug-0.1.0 demo/iframe_example.html
shutterbug-0.0.11 demo/withIframe.html
shutterbug-0.0.10 demo/withIframe.html
shutterbug-0.0.9 demo/withIframe.html