MediaWiki:Common.js: Difference between revisions
Jump to navigation
Jump to search
mNo edit summary |
No edit summary |
||
(17 intermediate revisions by 2 users not shown) | |||
Line 3: | Line 3: | ||
jQuery.ajax({ | jQuery.ajax({ | ||
method: 'GET', | method: 'GET', | ||
url: 'https://bitlair.nl/statejson | url: 'https://bitlair.nl/statejson', | ||
}).done(function(res) { | }).done(function(res) { | ||
jQuery("<div id=spacestatus class="+(res.state.open ? "open" : "closed")+"></div>").appendTo(jQuery("#p-logo")); | |||
}); | }); | ||
jQuery('<iframe width="600" height="400" allowfullscreen style="border-style:none;" src="https://bitlair.github.io/tour/?config=tour.json"></iframe>') | |||
.appendTo(jQuery('#tour')); | |||
if ($("#fotos").length) { | |||
$.get("/fotos/latest?amount=8", function (data) { | |||
var photos = $("<div/>"); | |||
for (var i in data.latest) { | |||
var item = data.latest[i]; | |||
photos.append( | |||
$("<div>") | |||
.css({ width: '12.5%', 'float': 'left' }) | |||
.append( | |||
$("<a>").attr({ href: item.url }).append( | |||
$("<img>").attr({ src: item.thumbnail }).css({ width: '100%' }) | |||
) | |||
) | |||
}); | .append( | ||
$("<div />").text(item.date).css({'text-align': 'right', 'font-size': '8pt'}) | |||
) | |||
).css({ 'clear': 'both' }); | |||
} | |||
$("#fotos").html(photos); | |||
}); | |||
} |
Latest revision as of 10:01, 20 February 2022
/* Any JavaScript here will be loaded for all users on every page load. */ jQuery.ajax({ method: 'GET', url: 'https://bitlair.nl/statejson', }).done(function(res) { jQuery("<div id=spacestatus class="+(res.state.open ? "open" : "closed")+"></div>").appendTo(jQuery("#p-logo")); }); jQuery('<iframe width="600" height="400" allowfullscreen style="border-style:none;" src="https://bitlair.github.io/tour/?config=tour.json"></iframe>') .appendTo(jQuery('#tour')); if ($("#fotos").length) { $.get("/fotos/latest?amount=8", function (data) { var photos = $("<div/>"); for (var i in data.latest) { var item = data.latest[i]; photos.append( $("<div>") .css({ width: '12.5%', 'float': 'left' }) .append( $("<a>").attr({ href: item.url }).append( $("<img>").attr({ src: item.thumbnail }).css({ width: '100%' }) ) ) .append( $("<div />").text(item.date).css({'text-align': 'right', 'font-size': '8pt'}) ) ).css({ 'clear': 'both' }); } $("#fotos").html(photos); }); }