MediaWiki:Gadget-reducible-infobox-row.js
Merk: Etter publisering vil det kanskje være nødvendig å slette mellomlageret i nettleseren din for å se endringene.
- Firefox / Safari: Hold Shift mens du klikker på Oppdater, eller trykk enten Ctrl+F5 eller Ctrl+R (⌘+R på Mac)
- Google Chrome: Trykk Ctrl+Shift+R (⌘+Shift+R på Mac)
- Internet Explorer / Edge: Hold Ctrl mens du trykker på Oppdater eller trykk Ctrl+F5
- Opera: Ttrykk Ctrl+F5.
// Code for gadget to reduce overly long content in infobox rows.
// © John Erling Blad, Creative Commons by Attribution 3.0
(function(){
var limit = 200;
var duration = 600;
var minHeight = '175px';
var more = '[mer]';
var less = '[mindre]';
var $infobox = $('.infobox, .infoboks');
var $cells = $infobox.find('td.reducible').filter(function () {
return limit<=$(this).text().length;
});
$cells.wrapInner('<div class="cont"></div>');
$cells.addClass('reduced');
$cells.each(function(){
var $cell = $(this);
var $cont = $cell.find('.cont');
var $less = $('<div>');
var $more = $('<div>');
var maxHeight = $cell[0].scrollHeight;
// cell
$cont.attr({
'style': 'height: ' + minHeight
});
// the less block
$less.attr({
'class': 'less'
});
var $a = $('<a>');
$a.attr({
'title': 'Include less text'
});
$a.text(less);
$less.append($a);
$cell.append($less);
$a.click(function(){
$cell.toggleClass('reduced');
$cont.animate(
{
'height': minHeight
},
duration,
"linear",
function() {
$cell.toggleClass('maximized');
}
);
});
// the more block
$more.attr({
'class': 'more'
});
$a = $('<a>');
$a.attr({
'title': 'Include more text'
});
$a.text(more);
$more.append($a);
$cell.append($more);
$a.click(function(){
$cell.toggleClass('maximized');
$cont.animate(
{
'height': maxHeight
},
duration,
"linear",
function() {
$cell.toggleClass('reduced');
}
);
});
});
}());