MediaWiki:Mobile.js - 版の履歴

2021年11月6日 (土) 11:04にFa0311による

2021-11-06T11:04:23Z

← 古い版		2021年11月6日 (土) 11:04時点における版
5行目:		5行目:
	"title": "初心者向け",		"title": "初心者向け",
	"href": "/カテゴリ:初心者向け"		"href": "/カテゴリ:初心者向け"
			}, {
			"title": "建築",
			"href": "/カテゴリ:建築"
			}, {
			"title": "ディメンション",
			"href": "/カテゴリ:ディメンション"
			}, {
			"title": "モブ",
			"href": "/カテゴリ:モブ"
			}, {
			"title": "プラグイン",
			"href": "/カテゴリ:プラグイン"
	}]		}]
	}].forEach(function(value, i) {		}].forEach(function(value, i) {

2021年11月6日 (土) 11:00にFa0311による

2021-11-06T11:00:40Z

← 古い版		2021年11月6日 (土) 11:00時点における版
16行目:		16行目:
	'</ul>'		'</ul>'
	);		);
	$(".navigation-btn").find(".navigation-content").hide().click(function(event) {		$(".navigation-btn").last().find(".navigation-content").hide();
			$(".navigation-btn").last().click(function(event) {
	$(this).find(".navigation-content").slideToggle(500);		$(this).find(".navigation-content").slideToggle(500);
	});		});
	});		});
	});		});

2021年11月6日 (土) 10:51にFa0311による

2021-11-06T10:51:01Z

← 古い版		2021年11月6日 (土) 10:51時点における版
6行目:		6行目:
	"href": "/カテゴリ:初心者向け"		"href": "/カテゴリ:初心者向け"
	}]		}]
	}].forEach((value, i) => {		}].forEach(function(value, i) {
	$('#p-navigation').append(		$('#p-navigation').append(
	'<ul class="navigation-btn">' +		'<ul class="navigation-btn">' +
	'<li><a href="#" class="mw-ui-icon mw-ui-icon-before mw-ui-icon-minerva-watchlist"><span>' + value.title + '</span></a></li>' +		'<li><a href="#" class="mw-ui-icon mw-ui-icon-before mw-ui-icon-minerva-watchlist"><span>' + value.title + '</span></a></li>' +
	'<ul class="navigation-content">' +		'<ul class="navigation-content">' +
	value.dropdown.map(value => {		value.dropdown.map(function(value) {
	return '<li><a href="' + value.href + '" class="mw-ui-icon mw-ui-icon-before"><span>' + value.title + '</span></a></li>'		return '<li><a href="' + value.href + '" class="mw-ui-icon mw-ui-icon-before"><span>' + value.title + '</span></a></li>'
	}).join('') +		}).join('') +

2021年11月6日 (土) 10:48にFa0311による

2021-11-06T10:48:12Z

← 古い版		2021年11月6日 (土) 10:48時点における版
1行目:		1行目:
	~~/* ここにある全てのJavaScriptはモバイル版サイトの利用者に影響します */~~

	$(document).ready(function() {		$(document).ready(function() {
	[{		[{

2021年11月6日 (土) 10:44にFa0311による

2021-11-06T10:44:44Z

← 古い版		2021年11月6日 (土) 10:44時点における版
2行目:		2行目:

	$(document).ready(function() {		$(document).ready(function() {
	~~let data =~~ [{		[{
	"title": "カテゴリ",		"title": "カテゴリ",
	"dropdown": [{		"dropdown": [{
8行目:		8行目:
	"href": "/カテゴリ:初心者向け"		"href": "/カテゴリ:初心者向け"
	}]		}]
	}];		}].forEach((value, i) => {
	~~data~~.forEach((value, i) => {
	$('#p-navigation').append(		$('#p-navigation').append(
	'<ul class="navigation-btn">' +		'<ul class="navigation-btn">' +

2021年11月6日 (土) 10:42にFa0311による

2021-11-06T10:42:54Z

← 古い版		2021年11月6日 (土) 10:42時点における版
2行目:		2行目:

	$(document).ready(function() {		$(document).ready(function() {
	$('#p-navigation').append(		let data = [{
	'<ul class="~~level1~~"> \		"title": "カテゴリ",
	<li> \		"dropdown": [{
	<a href="#" class="mw-ui-icon mw-ui-icon-before mw-ui-icon-minerva-watchlist"> \		"title": "初心者向け",
	<span>~~Dropdown Links~~</span> \		"href": "/カテゴリ:初心者向け"
	</a> \		}]
	</li> \		}];
	<ul class="~~level2~~"> \		data.forEach((value, i) => {
	~~<li> \~~		$('#p-navigation').append(
	~~<a href~~=~~"/wiki/Link_1" class="mw-ui-icon mw-ui-icon-before"~~> \		'<ul class="navigation-btn">' +
	~~<span>Link 1</span> \~~		'<li><a href="#" class="mw-ui-icon mw-ui-icon-before mw-ui-icon-minerva-watchlist"><span>' + value.title + '</span></a></li>' +
	~~</a> \~~		'<ul class="navigation-content">' +
	~~</li> \~~		value.dropdown.map(value => {
	<li> \		return '<li><a href="' + value.href + '" class="mw-ui-icon mw-ui-icon-before"><span>' + value.title + '</span></a></li>'
	<a href="~~/wiki/Link_2" class="mw-ui-icon mw-ui-icon-before"> \~~		}).join('') +
	~~<span>Link 2</span> \~~		'</ul>'
	~~</a> \~~		);
	~~</li> \~~		$(".navigation-btn").find(".navigation-content").hide().click(function(event) {
	~~<li> \~~		$(this).find(".navigation-content").slideToggle(500);
	<a href~~="/wiki/Link_3~~" class="mw-ui-icon mw-ui-icon-before"> \		});
	<span>~~Link 3~~</span> \
	</a> \
	</li> \
	~~</ul> \~~
	</ul>'
	);
	$(".~~level1~~").hide().click(function(event) {
	$(this).find(".~~level2~~").slideToggle(500);
	});		});
	});		});

2021年11月6日 (土) 09:43にFa0311による

2021-11-06T09:43:55Z

← 古い版		2021年11月6日 (土) 09:43時点における版
2行目:		2行目:

	$(document).ready(function() {		$(document).ready(function() {
	$('~~.menu~~').append(		$('#p-navigation').append(
	'<ul class="level1"> \		'<ul class="level1"> \
	<li> \		<li> \
9行目:		9行目:
	</a> \		</a> \
	</li> \		</li> \
	<ul class ="level2"> \		<ul class="level2"> \
	<li> \		<li> \
	<a href="/wiki/Link_1" class="mw-ui-icon mw-ui-icon-before"> \		<a href="/wiki/Link_1" class="mw-ui-icon mw-ui-icon-before"> \
28行目:		28行目:
	</ul>'		</ul>'
	);		);
	$(".~~menu").find(".level2~~").hide();		$(".level1").hide().click(function(event) {
	~~$(".level1"~~).click(function(event) {
	$(this).find(".level2").slideToggle(500);		$(this).find(".level2").slideToggle(500);
	});		});
	});		});

2021年11月6日 (土) 09:41にFa0311による

2021-11-06T09:41:37Z

← 古い版		2021年11月6日 (土) 09:41時点における版
1行目:		1行目:
	/* ここにある全てのJavaScriptはモバイル版サイトの利用者に影響します */		/* ここにある全てのJavaScriptはモバイル版サイトの利用者に影響します */

	$(document).ready( function(){		$(document).ready(function() {
	~~if (~~$('.menu ~~ul:first~~').~~length) {~~		$('.menu').append(
	~~console.log(~~"~~mobile menu exists~~");		'<ul class="level1"> \
	~~$('.menu~~ ul~~:first').after(~~		<li> \
	'<ul class="~~level1~~"> \		<a href="#" class="mw-ui-icon mw-ui-icon-before mw-ui-icon-minerva-watchlist"> \
			<span>Dropdown Links</span> \
			</a> \
			</li> \
			<ul class ="level2"> \
			<li> \
			<a href="/wiki/Link_1" class="mw-ui-icon mw-ui-icon-before"> \
			<span>Link 1</span> \
			</a> \
			</li> \
	<li> \		<li> \
	<a href="#" \		<a href="/wiki/Link_2" class="mw-ui-icon mw-ui-icon-before"> \
	class="mw-ui-icon mw-ui-icon-before ~~mw-ui-icon-minerva-watchlist~~"> \		<span>Link 2</span> \
	<span>~~Dropdown Links~~</span> \
	</a> \		</a> \
	</li> \		</li> \
	~~<ul class ="level2"> \~~
	~~<li> \~~
	~~<a href="/wiki/Link_1" \~~
	~~class="mw-ui-icon mw-ui-icon-before"> \~~
	~~<span>Link 1</span> \~~
	~~</a> \~~
	~~</li> \~~
	~~<li> \~~
	~~<a href="/wiki/Link_2" \~~
	~~class="mw-ui-icon mw-ui-icon-before"> \~~
	~~<span>Link 2</span> \~~
	~~</a> \~~
	~~</li> \~~
	~~<li> \~~
	~~<a href="/wiki/Link_3" \~~
	~~class="mw-ui-icon mw-ui-icon-before"> \~~
	~~<span>Link 3</span> \~~
	~~</a> \~~
	~~</li> \~~
	~~</ul> \~~
	~~</ul> \~~
	~~<ul> \~~
	<li> \		<li> \
	<a href="/wiki/~~Second_Link~~" \		<a href="/wiki/Link_3" class="mw-ui-icon mw-ui-icon-before"> \
	class="mw-ui-icon mw-ui-icon-before ~~mw-ui-icon-minerva-watchlist~~"> \		<span>Link 3</span> \
	<span>~~Second~~ Link</span> \
	</a> \		</a> \
	</li> \		</li> \
	</ul>'		</ul> \
	);		</ul>'
	$(".menu").find(".level2").hide(); ~~// hide level2 until level1 is clicked~~		);
	$(".level1").click(function(event){		$(".menu").find(".level2").hide();
	$(this).find(".level2").slideToggle(500);		$(".level1").click(function(event) {
	}); ~~// if level1 is clicked, dropdown level2~~		$(this).find(".level2").slideToggle(500);
	}		});
	});		});

2021年11月6日 (土) 08:53にFa0311による

2021-11-06T08:53:44Z

← 古い版		2021年11月6日 (土) 08:53時点における版
4行目:		4行目:
	if ($('.menu ul:first').length) {		if ($('.menu ul:first').length) {
	console.log("mobile menu exists");		console.log("mobile menu exists");
	~~clearInterval(timer);~~
	$('.menu ul:first').after(		$('.menu ul:first').after(
	'<ul class="level1"> \		'<ul class="level1"> \

2021年11月6日 (土) 08:52にFa0311による

2021-11-06T08:52:46Z

← 古い版		2021年11月6日 (土) 08:52時点における版
1行目:		1行目:
	/* ここにある全てのJavaScriptはモバイル版サイトの利用者に影響します */		/* ここにある全てのJavaScriptはモバイル版サイトの利用者に影響します */

	~~var timer = setInterval~~(function() {		$(document).ready( function(){
	if ($('.menu ul:first').length) {		if ($('.menu ul:first').length) {
	console.log("mobile menu exists");		console.log("mobile menu exists");
48行目:		48行目:
	}); // if level1 is clicked, dropdown level2		}); // if level1 is clicked, dropdown level2
	}		}
	}~~, 100~~); ~~// check every 100ms~~		});