打开/关闭搜索
打开/关闭菜单
30
8
13
1.6K
陋室
打开/关闭外观设置菜单
打开/关闭个人菜单
未登录
未登录用户的IP地址会在进行任意编辑后公开展示。

MediaWiki:Gadget-RightToolbar.js：修订间差异

MediaWiki界面页面
更多操作
以互动方式浏览历史
←上一编辑
Maintenance script​（留言 | 贡献）
110次编辑
删除的内容 添加的内容
Maintenance script​（留言 | 贡献）
110次编辑
Inline fallback styles for RightToolbar
Maintenance script​（留言 | 贡献）
110次编辑
添加JavaScript代码
 
第1行： 第1行：

/* ================================================================
/* ================================================================
MediaWiki Gadget: Localized Clock Bar
MediaWiki Gadget: Localized Clock Bar
第86行： 第87行：


var isMobile = window.innerWidth <= 768;
var isMobile = window.innerWidth <= 768;
var $container = $( '#mw-right-toolbar' );
var container = document.getElementById( 'mw-right-toolbar' );


if ( !$container.length ) {
if ( !container ) {
$container = $( '<div id="mw-right-toolbar" class="mw-right-toolbar"></div>' ).appendTo( 'body' );
container = document.createElement( 'div' );
container.id = 'mw-right-toolbar';
container.className = 'mw-right-toolbar';
document.body.appendChild( container );
}
}


function createButton( id, text, tooltip, clickHandler ) {
function createButton( id, text, tooltip, clickHandler ) {
return $( '<button></button>', {
var button = document.createElement( 'button' );
id: id,
button.id = id;
class: 'mw-rt-button',
button.className = 'mw-rt-button';
title: tooltip,
button.title = tooltip;
text: text,
button.textContent = text;
type: 'button'
button.type = 'button';
} ).on( 'click', clickHandler );
button.addEventListener( 'click', clickHandler );
return button;
}
}


var $topButton = $( '#mw-scroll-top' );
var topButton = document.getElementById( 'mw-scroll-top' );
if ( !$topButton.length ) {
if ( !topButton ) {
$topButton = createButton( 'mw-scroll-top', '▲', '回到顶部', function () {
topButton = createButton( 'mw-scroll-top', '▲', '回到顶部', function () {
$( 'html, body' ).animate( { scrollTop: 0 }, { duration: 500, easing: 'swing' } );
window.scrollTo( {
top: 0,
behavior: 'smooth'
} );
} );
} );
$container.append( $topButton );
container.appendChild( topButton );
}
}


var $bottomButton = $( '#mw-scroll-bottom' );
var bottomButton = document.getElementById( 'mw-scroll-bottom' );
if ( !$bottomButton.length ) {
if ( !bottomButton ) {
$bottomButton = createButton( 'mw-scroll-bottom', '▼', '回到底部', function () {
bottomButton = createButton( 'mw-scroll-bottom', '▼', '回到底部', function () {
window.scrollTo( {
$( 'html, body' ).animate( { scrollTop: $( document ).height() }, { duration: 500, easing: 'swing' } );
top: document.body.scrollHeight,
behavior: 'smooth'
} );
} );
} );
$container.append( $bottomButton );
container.appendChild( bottomButton );
}
}


var $clockDiv = $( '#mw-right-toolbar-clock' );
var clockDiv = document.getElementById( 'mw-right-toolbar-clock' );
if ( !isMobile && !$clockDiv.length ) {
if ( !isMobile && !clockDiv ) {
$clockDiv = $( '<div id="mw-right-toolbar-clock" class="mw-rt-clock"></div>' ).append(
clockDiv = document.createElement( 'div' );
$( '<div id="mw-local-date">加载中...</div>' ),
clockDiv.id = 'mw-right-toolbar-clock';
$( '<div id="mw-local-time"></div>' ),
clockDiv.className = 'mw-rt-clock';
$( '<div id="mw-utc-time"></div>' )
);
var localDateDiv = document.createElement( 'div' );
$container.append( $clockDiv );
localDateDiv.id = 'mw-local-date';
localDateDiv.textContent = '加载中...';
var localTimeDiv = document.createElement( 'div' );
localTimeDiv.id = 'mw-local-time';
var utcTimeDiv = document.createElement( 'div' );
utcTimeDiv.id = 'mw-utc-time';
clockDiv.appendChild( localDateDiv );
clockDiv.appendChild( localTimeDiv );
clockDiv.appendChild( utcTimeDiv );
container.appendChild( clockDiv );
}
}


$topButton.hide();
topButton.style.display = 'none';
var ticking = false;
var ticking = false;
$( window ).on( 'scroll', function () {
window.addEventListener( 'scroll', function () {
if ( ticking ) {
if ( ticking ) {
return;
return;
第136行： 第160行：
ticking = true;
ticking = true;
window.requestAnimationFrame( function () {
window.requestAnimationFrame( function () {
var scrollTop = $( window ).scrollTop();
var scrollTop = window.pageYOffset || document.documentElement.scrollTop;
if ( scrollTop > 200 ) {
if ( scrollTop > 200 ) {
$topButton.fadeIn();
topButton.style.display = 'block';
} else {
} else {
$topButton.fadeOut();
topButton.style.display = 'none';
}
}
ticking = false;
ticking = false;
第147行： 第171行：


window.requestAnimationFrame( function () {
window.requestAnimationFrame( function () {
$container.addClass( 'is-visible' );
container.classList.add( 'is-visible' );
} );
} );


第178行： 第202行：
} ).join( ':' );
} ).join( ':' );


$( '#mw-local-date' ).text( localDateStr );
var localDateEl = document.getElementById( 'mw-local-date' );
$( '#mw-local-time' ).text( localTimeStr );
var localTimeEl = document.getElementById( 'mw-local-time' );
if ( localDateEl ) localDateEl.textContent = localDateStr;
if ( localTimeEl ) localTimeEl.textContent = localTimeStr;


var utcFormatter = new Intl.DateTimeFormat( userLang, {
var utcFormatter = new Intl.DateTimeFormat( userLang, {
第205行： 第231行：
} ).join( ':' );
} ).join( ':' );


$( '#mw-utc-time' ).text( 'UTC: ' + utcDateStr + ' ' + utcTimeStr );
var utcTimeEl = document.getElementById( 'mw-utc-time' );
if ( utcTimeEl ) utcTimeEl.textContent = 'UTC: ' + utcDateStr + ' ' + utcTimeStr;
}
}


第226行： 第253行：
}
}


// 页面加载完成后初始化
$( function () {
if ( document.readyState === 'loading' ) {
ensureToolbarStyles();
document.addEventListener( 'DOMContentLoaded', initClockBar );
} else {
initClockBar();
initClockBar();
} );
}
} );
} );
检索自“https://learn.houjue.digital/wiki/MediaWiki:Gadget-RightToolbar.js”
著作权

陋室的全部文字提供于 知识共享署名-非商业性使用-相同方式共享 4.0 协议国际版 条款之下，附加条款亦可能适用。请参阅我们的使用条款和隐私政策，使用陋室即视为同意上述条款的约束。

陋室上提及的所有公司名称、产品名称、服务名称和标识均为其各自所有者的商标或注册商标。使用这些商标仅为了识别和说明之目的，并不意味着任何形式的认可或关联。陋室与上述公司及其商标没有任何关系或隶属。

Microsoft®是Microsoft Corporation(微软公司)的商标，Google®是Google LLC的注册商标，Apple®是Apple Inc.(苹果公司)的商标。 Wikipedia®和维基百科标志是维基媒体基金会的注册商标；维基™是维基媒体基金会的商标。维基媒体基金会是按美国国内税收法501(c)(3)登记的非营利慈善机构。 所有其他商标和标识均为其各自所有者的财产。未经相应商标所有者的明确书面同意，不得以任何方式使用这些商标。