Template:AdventCalendar2016: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| (5 intermediate revisions by the same user not shown) | |||
| Line 4: | Line 4: | ||
window.onload = function(){ | window.onload = function(){ | ||
for(var i = 1; i <= 25; i++) { | for(var i = 1; i <= 25; i++) { | ||
$('#advent'+i).css("background", " | $('#advent'+i).css("background", "url(http://abload.de/img/black_htranshdoy7.png)"); | ||
} | } | ||
var d = new Date(); | var d = new Date(); | ||
var n = d.getDate(); | var n = d.getDate(); | ||
if (n > 25) { | |||
var num = '1'; | |||
} else { | |||
var num = n; | var num = n; | ||
} | |||
for(var i = 1; i <= num; i++) { | for(var i = 1; i <= num; i++) { | ||
$('#advent'+i).css("background", "black"); | $('#advent'+i).css("background", "black"); | ||
| Line 61: | Line 65: | ||
<div id="calendar" class="adventcalender" style="margin-top: 16px"> | <div id="calendar" class="adventcalender" style="margin-top: 16px"> | ||
<table style="position: relative; margin: auto auto"> | <table style="position: relative; margin: auto auto"> | ||
<tbody><tr><td><div class="door" style="cursor: pointer" >24</div></td><td><div class="door" style="cursor: pointer" id="advent12" >12</div></td><td><div class="door" style="cursor: pointer" id="advent18" >18</div></td><td><div class="door" id="advent14" style="cursor: pointer">14</div></td></tr><tr><td><div class="door" id="advent7" style="background: | <tbody><tr><td><div class="door" style="cursor: pointer" >24</div></td><td><div class="door" style="cursor: pointer" id="advent12" >12</div></td><td><div class="door" style="cursor: pointer" id="advent18" >18</div></td><td><div class="door" id="advent14" style="cursor: pointer">14</div></td></tr><tr><td><div class="door" id="advent7" style="background: url(http://abload.de/img/black_htranshdoy7.png); cursor: pointer">7</div></td><td><div class="door" id="advent4" style="background: url(http://abload.de/img/black_htranshdoy7.png); cursor: pointer">4</div></td><td><div class="door" id="advent9" style=" background: url(http://abload.de/img/black_htranshdoy7.png); cursor: pointer" >9</div></td><td><div class="door" id="advent22" style="cursor: pointer">22</div></td></tr><tr><td><div class="door" id="advent17" style="cursor: pointer">17</div></td><td><div class="door" id="advent15" style="cursor: pointer">15</div></td><td><div class="door" id="advent13" style="cursor: pointer" >13</div></td><td><div class="door" id="advent2" style="background: url(http://abload.de/img/black_htranshdoy7.png); cursor: pointer" >2</div></td></tr><tr><td><div class="door" id="advent3" style="background: url(http://abload.de/img/black_htranshdoy7.png); cursor: pointer">3</div></td><td><div class="door" id="advent6" style="background: url(http://abload.de/img/black_htranshdoy7.png); cursor: pointer">6</div></td><td><div class="door" id="advent21" style="cursor: pointer">21</div></td><td><div class="door" id="advent16" style="cursor: pointer" >16</div></td></tr><tr><td><div class="door" id="advent8" style="cursor: pointer" >8</div></td><td><div class="door" id="advent19" style="cursor: pointer" >19</div></td><td><div class="door" id="advent11" style="cursor: pointer" >11</div></td><td><div class="door" id="advent5" style="background: url(http://abload.de/img/black_htranshdoy7.png); cursor: pointer" >5</div></td></tr><tr><td><div class="door" id="advent10" style=" background: black; cursor: pointer" >10</div></td><td><div class="door" id="advent20" style="cursor: pointer" >20</div></td><td><div class="door" id="advent1" style="background: black; cursor: pointer" >1</div></td><td><div class="door" id="advent23" style="cursor: pointer" >23</div></td></tr> </tbody></table> | ||
</div> | </div> | ||
<div class="changelook">Select: <a ca="0" id="ca" onclick="setca(0);"> First Calendar</a> | <a ca="1" id="ca" onclick="setca(1);"> Second Calendar</a> |<a ca="2" id="ca" onclick="setca(2);"> Third Calendar</a> |<a ca="3" id="ca" onclick="setca(3);"> Fourth Calendar</a> |<a ca="4" id="ca" onclick="setca(4);"> Fifth Calendar</a> </div> | <div class="changelook"><b>Select:</b> <a ca="0" id="ca" onclick="setca(0);"> First Calendar</a> | <a ca="1" id="ca" onclick="setca(1);"> Second Calendar</a> | </br> |<a ca="2" id="ca" onclick="setca(2);"> Third Calendar</a> |<a ca="3" id="ca" onclick="setca(3);"> Fourth Calendar</a> |<a ca="4" id="ca" onclick="setca(4);"> Fifth Calendar</a> </div> | ||
</html> | </html> | ||
Latest revision as of 01:11, 1 December 2016
24 | 12 | 18 | 14 |
7 | 4 | 9 | 22 |
17 | 15 | 13 | 2 |
3 | 6 | 21 | 16 |
8 | 19 | 11 | 5 |
10 | 20 | 1 | 23 |