|
|
(3 tussenliggende versies door dezelfde gebruiker niet weergegeven) |
Regel 29: |
Regel 29: |
| *[[Ruimtestation ISIS]] | | *[[Ruimtestation ISIS]] |
| *[[Roy Donders]] | | *[[Roy Donders]] |
| + | *[[Milan de hertenbeschieteraar]] |
| + | *[[Heeft Don Luxemburg al ingehaald?]] |
| *[[Muziek en sjit]] | | *[[Muziek en sjit]] |
− | *[http://vuilnisbak.xyz/heeftdonluxemburgalingehaald Heeft Don Luxemburg al ingehaald?]
| |
− |
| |
− |
| |
− | <html>
| |
− | <head>
| |
− | <style>
| |
− | #odometer {
| |
− | font-size: 64px;
| |
− | }
| |
− | </style>
| |
− | <style>
| |
− |
| |
− | .odometer.odometer-auto-theme, .odometer.odometer-theme-default {
| |
− | display: inline-block;
| |
− | vertical-align: middle;
| |
− | *vertical-align: auto;
| |
− | *zoom: 1;
| |
− | *display: inline;
| |
− | position: relative;
| |
− | }
| |
− | .odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-default .odometer-digit {
| |
− | display: inline-block;
| |
− | vertical-align: middle;
| |
− | *vertical-align: auto;
| |
− | *zoom: 1;
| |
− | *display: inline;
| |
− | position: relative;
| |
− | }
| |
− | .odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
| |
− | display: inline-block;
| |
− | vertical-align: middle;
| |
− | *vertical-align: auto;
| |
− | *zoom: 1;
| |
− | *display: inline;
| |
− | visibility: hidden;
| |
− | }
| |
− | .odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
| |
− | text-align: left;
| |
− | display: block;
| |
− | position: absolute;
| |
− | top: 0;
| |
− | left: 0;
| |
− | right: 0;
| |
− | bottom: 0;
| |
− | overflow: hidden;
| |
− | }
| |
− | .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
| |
− | display: block;
| |
− | }
| |
− | .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
| |
− | display: block;
| |
− | -webkit-backface-visibility: hidden;
| |
− | }
| |
− | .odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-default .odometer-digit .odometer-value {
| |
− | display: block;
| |
− | -webkit-transform: translateZ(0);
| |
− | }
| |
− | .odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
| |
− | position: absolute;
| |
− | }
| |
− | .odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
| |
− | -webkit-transition: -webkit-transform 2s;
| |
− | -moz-transition: -moz-transform 2s;
| |
− | -ms-transition: -ms-transform 2s;
| |
− | -o-transition: -o-transform 2s;
| |
− | transition: transform 2s;
| |
− | }
| |
− | .odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
| |
− | -webkit-transform: translateY(-100%);
| |
− | -moz-transform: translateY(-100%);
| |
− | -ms-transform: translateY(-100%);
| |
− | -o-transform: translateY(-100%);
| |
− | transform: translateY(-100%);
| |
− | }
| |
− | .odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
| |
− | -webkit-transform: translateY(-100%);
| |
− | -moz-transform: translateY(-100%);
| |
− | -ms-transform: translateY(-100%);
| |
− | -o-transform: translateY(-100%);
| |
− | transform: translateY(-100%);
| |
− | }
| |
− | .odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
| |
− | -webkit-transition: -webkit-transform 2s;
| |
− | -moz-transition: -moz-transform 2s;
| |
− | -ms-transition: -ms-transform 2s;
| |
− | -o-transition: -o-transform 2s;
| |
− | transition: transform 2s;
| |
− | -webkit-transform: translateY(0);
| |
− | -moz-transform: translateY(0);
| |
− | -ms-transform: translateY(0);
| |
− | -o-transform: translateY(0);
| |
− | transform: translateY(0);
| |
− | }
| |
− |
| |
− | .odometer.odometer-auto-theme, .odometer.odometer-theme-default {
| |
− | font-family: "Helvetica Neue", sans-serif;
| |
− | line-height: 1.1em;
| |
− | }
| |
− | .odometer.odometer-auto-theme .odometer-value, .odometer.odometer-theme-default .odometer-value {
| |
− | text-align: center;
| |
− | }
| |
− |
| |
− |
| |
− | </style>
| |
− | <script>
| |
− | //$.getJSON('https://www.googleapis.com/youtube/v3/channels?part=statistics&id=UCU0TjDaglN5awRHKY_tThzA&key=AIzaSyA5yomMl6Eg6qV6BhjYBYQtqZTXnoreK0c', function(subs) {
| |
− | //document.getElementById("odometer").innerHTML = Intl.NumberFormat().format(subs.items[ 0 ].statistics.subscriberCount);
| |
− | //});
| |
− | function fix() {
| |
− | var som = document.getElementById("getal").value;
| |
− | document.getElementById("odometer").innerHTML = som;
| |
− | }
| |
− | </script>
| |
− | </head>
| |
− | <body>
| |
− | <div id="odometer" class="odometer">0</div>
| |
− | <input id="getal" value="">
| |
− | <button type="button" onclick="fix()">toepas</button>
| |
− | </body>
| |
− | </html>
| |