Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <title>Cryptowat.ch - 2x2</title>
- <meta charset="utf-8">
- <style>
- * {margin: 0; padding: 0;}
- html, body {height:100%;}
- body {overflow: hidden;}
- div.row {
- width: 100%;
- clear: both;
- }
- div.col {
- float: left;
- }
- div.frame {
- overflow: hidden;
- float: left;
- }
- div.frame object {
- border: 1px solid #eee;
- }
- div.toolbar {
- display: none;
- position: absolute;
- top: 0;
- z-index: 500;
- height: 30px;
- }
- ol.history {
- display: none;
- }
- .w10 {width: 10%;}
- .w15 {Width: 15%;}
- .w25 {width: 25%;}
- .w33 {width: 33.3%;}
- .w40 {width: 40%;}
- .w50 {width: 50%;}
- .w60 {width: 60%;}
- .w75 {width: 75%;}
- .w85 {width: 85%;}
- .w90 {width: 90%;}
- .w100 {width: 100%;}
- .h25 {height: 25%;}
- .h33 {height: 33.3%;}
- .h40 {height: 40%;}
- .h50 {height: 50%;}
- .h60 {height: 60%;}
- .h75 {height: 75%;}
- .h100 {height: 100%;}
- </style>
- </head>
- <body>
- <div class="row h50">
- <div class="frame w50 h100" >
- <iframe id="chart1" width="100%" height="100%"></iframe>
- <ol class="history"></ol>
- </div>
- <div class="frame w50 h100" >
- <iframe id="chart2" width="100%" height="100%"></iframe>
- <ol class="history"></ol>
- </div>
- </div>
- <div class="row h50">
- <div class="frame w50 h100" >
- <iframe id="chart3" width="100%" height="100%"></iframe>
- <ol class="history"></ol>
- </div>
- <div class="frame w50 h100" >
- <iframe id="chart4" width="100%" height="100%"></iframe>
- <ol class="history"></ol>
- </div>
- </div>
- <script>
- // CHANGE THE URLS BELOW
- window.setTimeout(function () {
- console.log('chart1');
- document.getElementById('chart1').setAttribute('src', 'https://cryptowat.ch/okcoin/btcusd/1min/');
- window.setTimeout(function () {
- console.log('chart2');
- document.getElementById('chart2').setAttribute('src', 'https://cryptowat.ch/bitstamp/btcusd/1min/');
- window.setTimeout(function () {
- console.log('chart3');
- document.getElementById('chart3').setAttribute('src', 'https://cryptowat.ch/huobi/btccny/1min/');
- window.setTimeout(function () {
- console.log('chart4');
- document.getElementById('chart4').setAttribute('src', 'https://cryptowat.ch/bitfinex/btcusd/1min/');
- }, 1500);
- }, 1500);
- }, 1500);
- }, 1500);
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement