User:浪子小李/common.js

//修订自[[User:YFdyh000/head_TOC.js]]，还有其他人的用户页（好像有两个人，太久忘了），想仿制百度百科的浮动式目录，不过还挺难看的，凑合着用吧
 
$().ready(function()
{
//var TOC_html="<a onclick=\"$('#TOC_obj').toggle()\">显示/隐藏目录</a>\n<div id=\"TOC_obj\" style=\"display:none\">"+$("#toc tbody tr td ul").html()+"</div>";
//var TOC_html="<a onclick=\"$('#TOC_obj').toggle()\">显示/隐藏目录</a>\n<div id=\"TOC_obj\" style=\"display:none;\">"+$("#toc tbody ul ").html()+"</div>";
 
//$('head').after('<div style="position:fixed;top:10px;left:20px;z-index:100;background:white;">\n<div class="NavFrame collapsed">\n<div class="NavHead" style="text-align:center;font-size:10px;overflow-x: auto; overflow-y: auto;">目录折叠开关\n<span class="toggleShow"></span>\n<span class="toggleHide"></span></div>\n<a href=#>回到顶部</a>\n'+TOC_html+'\n</div>\n</div>');
//$('head').after('<div style="position:fixed;top:5px;left:5px;z-index:100;">\n<div style="text-align:center;"><a href=#>回到顶部</a><br/>'+TOC_html+'</div></div> ');
//实验用的代码，无视上面
 
var TOC_html=$("#toc tbody ul").html();
//提取目录html代码
 
if(TOC_html==null)
{
            var  TOC_div_style_size="";
            TOC_html="<span style=\"text-align:center;\">目录不存在</span>";
}
else
{
             var TOC_div_style_size="width:165px;height:500px;";
}
//目录是否空判断处理
 
var TOC_div_style="display:none;overflow:auto;"+ TOC_div_style_size+"border:1px solid #99B3FF;background-color:white";
//目录内的样式
 
var TOC_div="<div id=\"TOC_totalobj\" style=\"display:none;background-color:white\">"
             +"<div style=\"text-align:center;\">"
             +"<a href=#>回到顶部</a><br/>"
             +"<a onclick=\"$('#TOC_obj').toggle()\">显示/隐藏目录</a>"
             +"</div>"
             +"<div id=\"TOC_obj\" style=\""+TOC_div_style+"\">"
             +TOC_html
             +"</div>"
             +"</div>";
//目录块
 
 
$('head').after("<div style=\"position:fixed;top:20px;left:0px;z-index:100;border:1px solid #99B3FF\">"
                +"<div style=\"text-align:center;border:1px solid #DCDCDC;\"><a onclick=\"$('#TOC_totalobj').toggle()\" style=\"font-size:12px;\">目录折叠开关</a></div>"
                +TOC_div
                +"</div>");
//生成区，居然是浏览器脚本，所以基于服务器的折叠类没用……
});

if (wgAction == 'view' && ! mw.user.options.get('gadget-popup')) //note: this gadget depends on jquery.tipsy and mediawiki.user.
(function() { // do not contaminate main namespace.
	var
		createHint = function() {
			var elem = $($.escapeRE(this.href.replace(/.*#/, '#'))),
				html = elem.html(),
				ltr = elem.css('direction') == 'ltr',
				divClass = ltr ? 'class="mw-content-ltr"' : '',
				divCss = 'style="word-wrap:break-word;' + (ltr ? 'text-align:left;' : '') + '"';
			return html
				? '<div ' + divClass + divCss + '>' + html + '</div>'
				: '';
		},
		gravity = function() {
			var loc =
				($(this).offset().top > ($(document).scrollTop() + $(window).height() - 120) ? 's' : 'n') +
				($(this).offset().left > ($(document).scrollLeft() + $(window).width() / 4) ? '' : 'w');
			return loc;
		},
		tipsyParams = {html: true, delayOut: 1500, delayIn: 300, fade: true, opacity: 1, gravity: gravity, title: createHint};
 
	$(function() {$('sup.reference a').tipsy(tipsyParams);});
})();