User:Nyargleblargle/Stage striking thing

A webpage for stage/mode striking (banning stages until only one is left) I made. Copy the commented out section below and paste it in any decent HTML editor and it should work as long as you're connected to the Internet.

   Stage Striking - Splatoon STAGE STRIKING - SPLATOON &alpha; Stages     Modes <img style="background-image:url('http://cdn.wikimg.net/splatoonwiki/images/thumb/e/e8/WiiU_Splatoon_19_SplatZones_LookDown00.jpg/320px-WiiU_Splatoon_19_SplatZones_LookDown00.jpg')" src="https://quetzle.github.io/smash-apps/stage/img/blank.png" title="Splat Zones"><img style="background-image:url('http://cdn.wikimg.net/splatoonwiki/images/3/32/Towercontrol1.png')" src="https://quetzle.github.io/smash-apps/stage/img/blank.png" title="Tower Control"><img style="background-image:url('http://cdn.wikimg.net/splatoonwiki/images/thumb/8/80/RainmakerMain.jpg/320px-RainmakerMain.jpg')" src="https://quetzle.github.io/smash-apps/stage/img/blank.png" title="Rainmaker"> Select the stages or modes you want to ban by clicking on them. Select a preset in the dropdown below or design one in the designer. Credit to Quetzle for designing the Smash Bros. stage striking page, which this webpage is mostly based off of. <a href="../index.html">Smash Apps</a> - <a href="https://github.com/quetzle/smash-apps">Quetzle's Github page</a> - <a href="https://github.com/quetzle/smash-apps">Nyargleblargle's Inkipedia page</a> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"> var separate = []; var starters = []; var counterpicks = []; $(document).ready(function {			$("img").click(function { if ($(this).attr("src") == "https://quetzle.github.io/smash-apps/stage/img/strike.png") { $(this).attr("src","https://quetzle.github.io/smash-apps/stage/img/blank.png"); } else { $(this).attr("src","https://quetzle.github.io/smash-apps/stage/img/strike.png"); }			}); $("#code").on('input propertychange paste', function { separate = $("#code").val.split("|"); starters = separate[0].split(",").map(Number); counterpicks = separate[1].split(",").map(Number); $("img").attr("src","img/3ds/strike.png"); $("img").attr("class","no"); for (var i = 0; i < starters.length; i++) { $("img:eq(" + starters[i] + ")").attr("src","img/blank.png"); $("img:eq(" + starters[i] + ")").attr("class","starter"); }				for (var i = 0; i < counterpicks.length; i++) { $("img:eq(" + counterpicks[i] + ")").attr("src","img/blank.png"); $("img:eq(" + counterpicks[i] + ")").attr("class","counterpick"); }			});		});		$("#presets").change(function {			$("img").attr("src","img/blank.png");			$("img").attr("class","none");			var sel = this.value;			if (sel == "small") {				$("img:eq(3), img:eq(4), img:eq(5), img:eq(6), img:eq(7), img:eq(8), img:eq(9), img:eq(10), img:eq(11), img:eq(13), img:eq(14), img:eq(15), img:eq(17), img:eq(18), img:eq(19), img:eq(20), img:eq(21), img:eq(22), img:eq(23), img:eq(24), img:eq(25), img:eq(26), img:eq(27), img:eq(28), img:eq(29), img:eq(30), img:eq(31), img:eq(32), img:eq(33), img:eq(34)").attr("src","img/3ds/strike.png");				$("img:eq(1), img:eq(2), img:eq(12)").attr("class","starter");				$("img:eq(16)").attr("class","counterpick");			} else if (sel == "medium") {				$("img:eq(3), img:eq(4), img:eq(5), img:eq(6), img:eq(7), img:eq(8), img:eq(9), img:eq(10), img:eq(11), img:eq(13), img:eq(14), img:eq(15), img:eq(17), img:eq(18), img:eq(20), img:eq(21), img:eq(22), img:eq(23), img:eq(24), img:eq(25), img:eq(26), img:eq(27), img:eq(28), img:eq(29), img:eq(31), img:eq(32), img:eq(33), img:eq(34)").attr("src","img/3ds/strike.png"); $("img:eq(1), img:eq(2), img:eq(12)").attr("class","starter"); $("img:eq(16), img:eq(19), img:eq(30)").attr("class","counterpick"); } else if (sel == "large") { $("img:eq(3), img:eq(4), img:eq(5), img:eq(6), img:eq(7), img:eq(8), img:eq(9), img:eq(10), img:eq(13), img:eq(14), img:eq(15), img:eq(17), img:eq(18), img:eq(20), img:eq(21), img:eq(22), img:eq(23), img:eq(24), img:eq(25), img:eq(27), img:eq(28), img:eq(29), img:eq(31), img:eq(32), img:eq(33), img:eq(34)").attr("src","img/3ds/strike.png"); $("img:eq(1), img:eq(2), img:eq(12), img:eq(16)").attr("class","starter"); $("img:eq(11), img:eq(19), img:eq(26), img:eq(30)").attr("class","counterpick"); } else if (sel == "dsmall") { $("img:eq(3), img:eq(4), img:eq(5), img:eq(6), img:eq(7), img:eq(8), img:eq(9), img:eq(10), img:eq(11), img:eq(13), img:eq(14), img:eq(15), img:eq(17), img:eq(18), img:eq(19), img:eq(20), img:eq(21), img:eq(22), img:eq(23), img:eq(24), img:eq(25), img:eq(26), img:eq(27), img:eq(28), img:eq(29), img:eq(30), img:eq(31), img:eq(32), img:eq(33), img:eq(34)").attr("src","img/3ds/strike.png"); $("img:eq(1), img:eq(2), img:eq(12)").attr("class","starter"); $("img:eq(16)").attr("class","counterpick"); } else if (sel == "dmedium") { $("img:eq(3), img:eq(4), img:eq(6), img:eq(7), img:eq(8), img:eq(9), img:eq(10), img:eq(11), img:eq(13), img:eq(14), img:eq(15), img:eq(17), img:eq(18), img:eq(20), img:eq(21), img:eq(22), img:eq(23), img:eq(24), img:eq(25), img:eq(26), img:eq(27), img:eq(28), img:eq(29), img:eq(31), img:eq(32), img:eq(33), img:eq(34)").attr("src","img/3ds/strike.png"); $("img:eq(1), img:eq(2), img:eq(12)").attr("class","starter"); $("img:eq(5), img:eq(16), img:eq(19), img:eq(30)").attr("class","counterpick"); } else if (sel == "dlarge") { $("img:eq(3), img:eq(4), img:eq(6), img:eq(7), img:eq(8), img:eq(9), img:eq(10), img:eq(13), img:eq(14), img:eq(15), img:eq(17), img:eq(18), img:eq(20), img:eq(21), img:eq(22), img:eq(23), img:eq(24), img:eq(25), img:eq(27), img:eq(26), img:eq(28), img:eq(29), img:eq(31), img:eq(32), img:eq(33), img:eq(34)").attr("src","img/3ds/strike.png"); $("img:eq(1), img:eq(2), img:eq(12), img:eq(16)").attr("class","starter"); $("img:eq(5), img:eq(11), img:eq(19), img:eq(30)").attr("class","counterpick"); }		});

-->