MediaWiki:Common.js: Perbedaan antara revisi
Tampilan
Wikisporta (bicara | kontrib) Tidak ada ringkasan suntingan Tanda: Suntingan perangkat seluler Suntingan peramban seluler |
Wikisporta (bicara | kontrib) Tidak ada ringkasan suntingan Tanda: Suntingan perangkat seluler Suntingan peramban seluler |
||
| Baris 1: | Baris 1: | ||
mw.hook('wikipage.content').add(function ($content) { | mw.hook('wikipage.content').add(function ($content) { | ||
// | // KHUSUS HALAMAN UTAMA | ||
if (!mw.config.get('wgIsMainPage')) { | if (!mw.config.get('wgIsMainPage')) { | ||
return; | return; | ||
} | } | ||
// Cari link bawaan template yang berisi | // Cari link bawaan template yang berisi kata "Selengkapnya" | ||
$content.find('a').filter(function () { | $content.find('a').filter(function () { | ||
return $(this).text().indexOf('Selengkapnya') !== -1; | return $(this).text().indexOf('Selengkapnya') !== -1; | ||
}).first().each(function () { | }).first().each(function () { | ||
var $link = $(this); | var $link = $(this); | ||
var $container = $link.closest('p'); // | var $container = $link.closest('p'); // Paragraf teks artikel unggulan | ||
if ($container.length && !$container.hasClass('mp-processed')) { | if ($container.length && !$container.hasClass('mp-processed')) { | ||
$container.addClass('mp-featured-text is-collapsed mp-processed'); | $container.addClass('mp-featured-text is-collapsed mp-processed'); | ||
$link.addClass('featured-readmore-link'); | $link.addClass('featured-readmore-link'); | ||
// TRICK UTAMA: Pindahkan link bawaan template keluar dari dalam paragraf | |||
// lalu taruh tepat di bawah paragraf yang terlipat (biar GAK IKUT KETUTUP) | |||
var $wrapper = $('<div>', {'class': 'featured-readmore-wrapper'}); | |||
$link.detach().appendTo($wrapper); | |||
$container.after($wrapper); | |||
var isExpanded = false; | var isExpanded = false; | ||
// | // Handle Klik | ||
$link.on('click', function (e) { | $link.on('click', function (e) { | ||
if (!isExpanded) { | if (!isExpanded) { | ||
// KLIK 1: Buka lipatan animasi & hilangkan efek | // KLIK 1: Tahan navigasi, Buka lipatan animasi & hilangkan efek pudar | ||
e.preventDefault(); | e.preventDefault(); | ||
$container.removeClass('is-collapsed').addClass('is-expanded'); | $container.removeClass('is-collapsed').addClass('is-expanded'); | ||
isExpanded = true; | isExpanded = true; | ||
} | } | ||
// KLIK 2: Mengarah langsung ke halaman artikel asli | // KLIK 2: Mengarah langsung ke halaman artikel asli secara alami! | ||
}); | }); | ||
} | } | ||
}); | }); | ||
}); | }); | ||
Revisi per 17 Oktober 2026 04.14
mw.hook('wikipage.content').add(function ($content) {
// KHUSUS HALAMAN UTAMA
if (!mw.config.get('wgIsMainPage')) {
return;
}
// Cari link bawaan template yang berisi kata "Selengkapnya"
$content.find('a').filter(function () {
return $(this).text().indexOf('Selengkapnya') !== -1;
}).first().each(function () {
var $link = $(this);
var $container = $link.closest('p'); // Paragraf teks artikel unggulan
if ($container.length && !$container.hasClass('mp-processed')) {
$container.addClass('mp-featured-text is-collapsed mp-processed');
$link.addClass('featured-readmore-link');
// TRICK UTAMA: Pindahkan link bawaan template keluar dari dalam paragraf
// lalu taruh tepat di bawah paragraf yang terlipat (biar GAK IKUT KETUTUP)
var $wrapper = $('<div>', {'class': 'featured-readmore-wrapper'});
$link.detach().appendTo($wrapper);
$container.after($wrapper);
var isExpanded = false;
// Handle Klik
$link.on('click', function (e) {
if (!isExpanded) {
// KLIK 1: Tahan navigasi, Buka lipatan animasi & hilangkan efek pudar
e.preventDefault();
$container.removeClass('is-collapsed').addClass('is-expanded');
isExpanded = true;
}
// KLIK 2: Mengarah langsung ke halaman artikel asli secara alami!
});
}
});
});