mirror of
https://github.com/Tailszefox/Pony-Fusion.git
synced 2024-11-30 09:07:58 +01:00
Moved inline javascript to own file
This commit is contained in:
Tailszefox
parent
d69a5c8b6c
commit
1d222f9598
2 changed files with 219 additions and 223 deletions
224
index.php
224
index.php
|
|
@ -150,228 +150,6 @@ else
|
||||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
|
||||||
<script src="js/bootstrap.min.js"></script>
|
<script src="js/bootstrap.min.js"></script>
|
||||||
<script src="js/konami.js"></script>
|
<script src="js/konami.js"></script>
|
||||||
<script>
|
<script src="js/base.js"></script>
|
||||||
$(function ()
|
|
||||||
{
|
|
||||||
var merpRunning = false;
|
|
||||||
|
|
||||||
var merp = new Konami(function(){
|
|
||||||
if(!merpRunning)
|
|
||||||
{
|
|
||||||
$("#audio audio")[0].play();
|
|
||||||
$("#resultImage").addClass("animateImage");
|
|
||||||
merpRunning = true;
|
|
||||||
}
|
|
||||||
else
|
|
||||||
{
|
|
||||||
$("#audio audio")[0].pause();
|
|
||||||
$("#audio audio")[0].currentTime = 0;
|
|
||||||
$("#resultImage").removeClass("animateImage");
|
|
||||||
merpRunning = false;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
var twilicane = new Konami(function(){
|
|
||||||
var current = $("#from").val();
|
|
||||||
|
|
||||||
if(current == "twilight_p")
|
|
||||||
{
|
|
||||||
if($("#twilicane").length == 0)
|
|
||||||
{
|
|
||||||
var twilicaneDiv = $('<div id="twilicane"><img src="twilicane.png" /></div>');
|
|
||||||
$("#resultDiv").prepend(twilicaneDiv);
|
|
||||||
$('<span id="sourceLinkTwilicaneSpan"> - </span><a href="http://fav.me/d6vlrbm" id="sourceLinkTwilicane">http://fav.me/d6vlrbm</a>').insertAfter(".sourceLink");
|
|
||||||
}
|
|
||||||
else
|
|
||||||
{
|
|
||||||
$("#twilicane").remove();
|
|
||||||
$("#sourceLinkTwilicane").remove();
|
|
||||||
$("#sourceLinkTwilicaneSpan").remove();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
}, "848773767367657869");
|
|
||||||
|
|
||||||
function getNewFusion()
|
|
||||||
{
|
|
||||||
$("#to").find("option").removeAttr("disabled");
|
|
||||||
$("#from").find("option").removeAttr("disabled");
|
|
||||||
|
|
||||||
var from = $("#from").val();
|
|
||||||
var to = $("#to").val();
|
|
||||||
var fromSelected = $("#from")[0].selectedIndex;
|
|
||||||
var toSelected = $("#to")[0].selectedIndex;
|
|
||||||
|
|
||||||
//$("#to")[0].options[fromSelected].disabled = true;
|
|
||||||
|
|
||||||
//$("#from")[0].options[toSelected].disabled = true;
|
|
||||||
|
|
||||||
jQuery.get('fusion_ajax.php', {from: from, to: to}, function(data, textStatus, xhr) {
|
|
||||||
$("#resultDivContent").html(data);
|
|
||||||
});
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
function randomizePonies(which)
|
|
||||||
{
|
|
||||||
$("#to").find("option").removeAttr("disabled");
|
|
||||||
$("#from").find("option").removeAttr("disabled");
|
|
||||||
|
|
||||||
var nbPonies = $("#from option").size();
|
|
||||||
|
|
||||||
if(which == 0)
|
|
||||||
{
|
|
||||||
$("#from")[0].selectedIndex = Math.floor(Math.random() * nbPonies);
|
|
||||||
$("#to")[0].selectedIndex = Math.floor(Math.random() * nbPonies);
|
|
||||||
|
|
||||||
if($("#from")[0].selectedIndex == $("#to")[0].selectedIndex)
|
|
||||||
{
|
|
||||||
if($("#from")[0].selectedIndex == nbPonies - 1)
|
|
||||||
$("#to")[0].selectedIndex = $("#from")[0].selectedIndex - 1
|
|
||||||
else
|
|
||||||
$("#to")[0].selectedIndex = $("#from")[0].selectedIndex + 1
|
|
||||||
}
|
|
||||||
}
|
|
||||||
else if(which == 1)
|
|
||||||
{
|
|
||||||
$("#from")[0].selectedIndex = Math.floor(Math.random() * nbPonies);
|
|
||||||
|
|
||||||
if($("#from")[0].selectedIndex == $("#to")[0].selectedIndex)
|
|
||||||
{
|
|
||||||
if($("#to")[0].selectedIndex == nbPonies - 1)
|
|
||||||
$("#from")[0].selectedIndex = $("#to")[0].selectedIndex - 1
|
|
||||||
else
|
|
||||||
$("#from")[0].selectedIndex = $("#to")[0].selectedIndex + 1
|
|
||||||
}
|
|
||||||
}
|
|
||||||
else if(which == 2)
|
|
||||||
{
|
|
||||||
$("#to")[0].selectedIndex = Math.floor(Math.random() * nbPonies);
|
|
||||||
|
|
||||||
if($("#from")[0].selectedIndex == $("#to")[0].selectedIndex)
|
|
||||||
{
|
|
||||||
if($("#from")[0].selectedIndex == nbPonies - 1)
|
|
||||||
$("#to")[0].selectedIndex = $("#from")[0].selectedIndex - 1
|
|
||||||
else
|
|
||||||
$("#to")[0].selectedIndex = $("#from")[0].selectedIndex + 1
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
getNewFusion();
|
|
||||||
}
|
|
||||||
|
|
||||||
$("select.fusionChoice").change(function (e) {
|
|
||||||
getNewFusion();
|
|
||||||
});
|
|
||||||
|
|
||||||
$("#buttonSwap").click(function (e) {
|
|
||||||
$("#to").find("option").removeAttr("disabled");
|
|
||||||
$("#from").find("option").removeAttr("disabled");
|
|
||||||
|
|
||||||
var from = $("#from").val();
|
|
||||||
var to = $("#to").val();
|
|
||||||
|
|
||||||
$("#from").val(to);
|
|
||||||
$("#to").val(from);
|
|
||||||
|
|
||||||
getNewFusion();
|
|
||||||
|
|
||||||
e.preventDefault();
|
|
||||||
});
|
|
||||||
|
|
||||||
$("#buttonRandomize").click(function (e) {
|
|
||||||
randomizePonies(0);
|
|
||||||
|
|
||||||
e.preventDefault();
|
|
||||||
});
|
|
||||||
|
|
||||||
$("#buttonRandomizeFrom").click(function (e) {
|
|
||||||
randomizePonies(1);
|
|
||||||
|
|
||||||
e.preventDefault();
|
|
||||||
});
|
|
||||||
|
|
||||||
$("#buttonRandomizeTo").click(function (e) {
|
|
||||||
randomizePonies(2);
|
|
||||||
|
|
||||||
e.preventDefault();
|
|
||||||
});
|
|
||||||
|
|
||||||
$("#faqClose").click(function (e) {
|
|
||||||
$("#faqWrapper").hide();
|
|
||||||
});
|
|
||||||
|
|
||||||
$("#faqWrapper").click(function (e) {
|
|
||||||
$("#faqWrapper").hide();
|
|
||||||
})
|
|
||||||
|
|
||||||
$("#faqWrapper").children().click(function(e) {
|
|
||||||
return false;
|
|
||||||
});
|
|
||||||
|
|
||||||
$("#faqLink").click(function (e) {
|
|
||||||
$("#faqWrapper").show();
|
|
||||||
|
|
||||||
e.preventDefault();
|
|
||||||
});
|
|
||||||
|
|
||||||
$(document).on('click', "#resultImage", function(event) {
|
|
||||||
var current = $("#from").val();
|
|
||||||
|
|
||||||
if(current == "vinyl" || current == "vinyl2")
|
|
||||||
{
|
|
||||||
var posX = event.pageX - $(this).offset().left
|
|
||||||
var posY = event.pageY - $(this).offset().top;
|
|
||||||
|
|
||||||
if(posX >= 85 && posX <= 310 && posY >= 150 && posY <= 310)
|
|
||||||
{
|
|
||||||
if(current == "vinyl")
|
|
||||||
{
|
|
||||||
$("#from option[value='vinyl']").val("vinyl2");
|
|
||||||
$("#to option[value='vinyl']").val("vinyl2");
|
|
||||||
}
|
|
||||||
else
|
|
||||||
{
|
|
||||||
$("#from option[value='vinyl2']").val("vinyl");
|
|
||||||
$("#to option[value='vinyl2']").val("vinyl");
|
|
||||||
}
|
|
||||||
|
|
||||||
getNewFusion();
|
|
||||||
event.preventDefault();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
if(current == "starlight" || current == "starlight2")
|
|
||||||
{
|
|
||||||
var posX = event.pageX - $(this).offset().left
|
|
||||||
var posY = event.pageY - $(this).offset().top;
|
|
||||||
|
|
||||||
if(posX >= 190 && posX <= 230 && posY >= 380 && posY <= 460)
|
|
||||||
{
|
|
||||||
if(current == "starlight")
|
|
||||||
{
|
|
||||||
$("#from option[value='starlight']").val("starlight2");
|
|
||||||
$("#to option[value='starlight']").val("starlight2");
|
|
||||||
}
|
|
||||||
else
|
|
||||||
{
|
|
||||||
$("#from option[value='starlight2']").val("starlight");
|
|
||||||
$("#to option[value='starlight2']").val("starlight");
|
|
||||||
}
|
|
||||||
|
|
||||||
getNewFusion();
|
|
||||||
event.preventDefault();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
<?php
|
|
||||||
if(empty($from) && empty($to))
|
|
||||||
{
|
|
||||||
?>randomizePonies(0);<?php
|
|
||||||
}
|
|
||||||
?>
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
218
js/base.js
Normal file
218
js/base.js
Normal file
|
|
@ -0,0 +1,218 @@
|
||||||
|
$(function ()
|
||||||
|
{
|
||||||
|
var merpRunning = false;
|
||||||
|
|
||||||
|
var merp = new Konami(function(){
|
||||||
|
if(!merpRunning)
|
||||||
|
{
|
||||||
|
$("#audio audio")[0].play();
|
||||||
|
$("#resultImage").addClass("animateImage");
|
||||||
|
merpRunning = true;
|
||||||
|
}
|
||||||
|
else
|
||||||
|
{
|
||||||
|
$("#audio audio")[0].pause();
|
||||||
|
$("#audio audio")[0].currentTime = 0;
|
||||||
|
$("#resultImage").removeClass("animateImage");
|
||||||
|
merpRunning = false;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
var twilicane = new Konami(function(){
|
||||||
|
var current = $("#from").val();
|
||||||
|
|
||||||
|
if(current == "twilight_p")
|
||||||
|
{
|
||||||
|
if($("#twilicane").length == 0)
|
||||||
|
{
|
||||||
|
var twilicaneDiv = $('<div id="twilicane"><img src="twilicane.png" /></div>');
|
||||||
|
$("#resultDiv").prepend(twilicaneDiv);
|
||||||
|
$('<span id="sourceLinkTwilicaneSpan"> - </span><a href="http://fav.me/d6vlrbm" id="sourceLinkTwilicane">http://fav.me/d6vlrbm</a>').insertAfter(".sourceLink");
|
||||||
|
}
|
||||||
|
else
|
||||||
|
{
|
||||||
|
$("#twilicane").remove();
|
||||||
|
$("#sourceLinkTwilicane").remove();
|
||||||
|
$("#sourceLinkTwilicaneSpan").remove();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}, "848773767367657869");
|
||||||
|
|
||||||
|
function getNewFusion()
|
||||||
|
{
|
||||||
|
$("#to").find("option").removeAttr("disabled");
|
||||||
|
$("#from").find("option").removeAttr("disabled");
|
||||||
|
|
||||||
|
var from = $("#from").val();
|
||||||
|
var to = $("#to").val();
|
||||||
|
var fromSelected = $("#from")[0].selectedIndex;
|
||||||
|
var toSelected = $("#to")[0].selectedIndex;
|
||||||
|
|
||||||
|
//$("#to")[0].options[fromSelected].disabled = true;
|
||||||
|
|
||||||
|
//$("#from")[0].options[toSelected].disabled = true;
|
||||||
|
|
||||||
|
jQuery.get('fusion_ajax.php', {from: from, to: to}, function(data, textStatus, xhr) {
|
||||||
|
$("#resultDivContent").html(data);
|
||||||
|
});
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
function randomizePonies(which)
|
||||||
|
{
|
||||||
|
$("#to").find("option").removeAttr("disabled");
|
||||||
|
$("#from").find("option").removeAttr("disabled");
|
||||||
|
|
||||||
|
var nbPonies = $("#from option").size();
|
||||||
|
|
||||||
|
if(which == 0)
|
||||||
|
{
|
||||||
|
$("#from")[0].selectedIndex = Math.floor(Math.random() * nbPonies);
|
||||||
|
$("#to")[0].selectedIndex = Math.floor(Math.random() * nbPonies);
|
||||||
|
|
||||||
|
if($("#from")[0].selectedIndex == $("#to")[0].selectedIndex)
|
||||||
|
{
|
||||||
|
if($("#from")[0].selectedIndex == nbPonies - 1)
|
||||||
|
$("#to")[0].selectedIndex = $("#from")[0].selectedIndex - 1
|
||||||
|
else
|
||||||
|
$("#to")[0].selectedIndex = $("#from")[0].selectedIndex + 1
|
||||||
|
}
|
||||||
|
}
|
||||||
|
else if(which == 1)
|
||||||
|
{
|
||||||
|
$("#from")[0].selectedIndex = Math.floor(Math.random() * nbPonies);
|
||||||
|
|
||||||
|
if($("#from")[0].selectedIndex == $("#to")[0].selectedIndex)
|
||||||
|
{
|
||||||
|
if($("#to")[0].selectedIndex == nbPonies - 1)
|
||||||
|
$("#from")[0].selectedIndex = $("#to")[0].selectedIndex - 1
|
||||||
|
else
|
||||||
|
$("#from")[0].selectedIndex = $("#to")[0].selectedIndex + 1
|
||||||
|
}
|
||||||
|
}
|
||||||
|
else if(which == 2)
|
||||||
|
{
|
||||||
|
$("#to")[0].selectedIndex = Math.floor(Math.random() * nbPonies);
|
||||||
|
|
||||||
|
if($("#from")[0].selectedIndex == $("#to")[0].selectedIndex)
|
||||||
|
{
|
||||||
|
if($("#from")[0].selectedIndex == nbPonies - 1)
|
||||||
|
$("#to")[0].selectedIndex = $("#from")[0].selectedIndex - 1
|
||||||
|
else
|
||||||
|
$("#to")[0].selectedIndex = $("#from")[0].selectedIndex + 1
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
getNewFusion();
|
||||||
|
}
|
||||||
|
|
||||||
|
$("select.fusionChoice").change(function (e) {
|
||||||
|
getNewFusion();
|
||||||
|
});
|
||||||
|
|
||||||
|
$("#buttonSwap").click(function (e) {
|
||||||
|
$("#to").find("option").removeAttr("disabled");
|
||||||
|
$("#from").find("option").removeAttr("disabled");
|
||||||
|
|
||||||
|
var from = $("#from").val();
|
||||||
|
var to = $("#to").val();
|
||||||
|
|
||||||
|
$("#from").val(to);
|
||||||
|
$("#to").val(from);
|
||||||
|
|
||||||
|
getNewFusion();
|
||||||
|
|
||||||
|
e.preventDefault();
|
||||||
|
});
|
||||||
|
|
||||||
|
$("#buttonRandomize").click(function (e) {
|
||||||
|
randomizePonies(0);
|
||||||
|
|
||||||
|
e.preventDefault();
|
||||||
|
});
|
||||||
|
|
||||||
|
$("#buttonRandomizeFrom").click(function (e) {
|
||||||
|
randomizePonies(1);
|
||||||
|
|
||||||
|
e.preventDefault();
|
||||||
|
});
|
||||||
|
|
||||||
|
$("#buttonRandomizeTo").click(function (e) {
|
||||||
|
randomizePonies(2);
|
||||||
|
|
||||||
|
e.preventDefault();
|
||||||
|
});
|
||||||
|
|
||||||
|
$("#faqClose").click(function (e) {
|
||||||
|
$("#faqWrapper").hide();
|
||||||
|
});
|
||||||
|
|
||||||
|
$("#faqWrapper").click(function (e) {
|
||||||
|
$("#faqWrapper").hide();
|
||||||
|
})
|
||||||
|
|
||||||
|
$("#faqWrapper").children().click(function(e) {
|
||||||
|
return false;
|
||||||
|
});
|
||||||
|
|
||||||
|
$("#faqLink").click(function (e) {
|
||||||
|
$("#faqWrapper").show();
|
||||||
|
|
||||||
|
e.preventDefault();
|
||||||
|
});
|
||||||
|
|
||||||
|
$(document).on('click', "#resultImage", function(event) {
|
||||||
|
var current = $("#from").val();
|
||||||
|
|
||||||
|
if(current == "vinyl" || current == "vinyl2")
|
||||||
|
{
|
||||||
|
var posX = event.pageX - $(this).offset().left
|
||||||
|
var posY = event.pageY - $(this).offset().top;
|
||||||
|
|
||||||
|
if(posX >= 85 && posX <= 310 && posY >= 150 && posY <= 310)
|
||||||
|
{
|
||||||
|
if(current == "vinyl")
|
||||||
|
{
|
||||||
|
$("#from option[value='vinyl']").val("vinyl2");
|
||||||
|
$("#to option[value='vinyl']").val("vinyl2");
|
||||||
|
}
|
||||||
|
else
|
||||||
|
{
|
||||||
|
$("#from option[value='vinyl2']").val("vinyl");
|
||||||
|
$("#to option[value='vinyl2']").val("vinyl");
|
||||||
|
}
|
||||||
|
|
||||||
|
getNewFusion();
|
||||||
|
event.preventDefault();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if(current == "starlight" || current == "starlight2")
|
||||||
|
{
|
||||||
|
var posX = event.pageX - $(this).offset().left
|
||||||
|
var posY = event.pageY - $(this).offset().top;
|
||||||
|
|
||||||
|
if(posX >= 190 && posX <= 230 && posY >= 380 && posY <= 460)
|
||||||
|
{
|
||||||
|
if(current == "starlight")
|
||||||
|
{
|
||||||
|
$("#from option[value='starlight']").val("starlight2");
|
||||||
|
$("#to option[value='starlight']").val("starlight2");
|
||||||
|
}
|
||||||
|
else
|
||||||
|
{
|
||||||
|
$("#from option[value='starlight2']").val("starlight");
|
||||||
|
$("#to option[value='starlight2']").val("starlight");
|
||||||
|
}
|
||||||
|
|
||||||
|
getNewFusion();
|
||||||
|
event.preventDefault();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
var urlQuery = new URLSearchParams(window.location.search);
|
||||||
|
if(urlQuery.get("from") == null || urlQuery.get("to") == null)
|
||||||
|
randomizePonies(0);
|
||||||
|
});
|
||||||
Loading…
Reference in a new issue