body
{
width: 100%;
Height: 100%;
}
#main_body
{
width: 400px;
position: absolute;
}
var textCounter = 2;
var stundenFreizeit = 0;
var stundenEinsatz = 0;
function changeText()
{
var textElement = document.getElementById("myspan");
//alert(textElement);
var value = $("#eingabefeldWert").val();
if (value > 0 && textCounter == 19)
{
// save value to variable
stundenFreizeit = value;
}
else if (textCounter == 19 && value == "")
{
textCounter = textCounter - 1;
}
// Eingabefeld löschen
$("#eingabefeldWert").val('');
if (value > 0 && textCounter == 21)
{
// save value to variable
stundenEinsatz = value;
}
else if (textCounter == 21 && value == "")
{
textCounter = textCounter - 1;
}
// Eingabefeld löschen
$("#eingabefeldWert").val('');
if (textCounter == 1)
{
textCounter++;
textElement.innerHTML = "Klick hier um die Flüchtlingskrise zu beenden.";
}
else if (textCounter == 2)
{
textCounter++;
textElement.innerHTML = "Besten Dank für dein Engagement, die Flüchtlingskrise ist beendet.";
}
else if (textCounter == 3)
{
textCounter++;
textElement.innerHTML = "War doch ein Klacks oder? (Das sollte mal jemand den Politikern erzählen …)";
}
else if (textCounter == 4)
{
textCounter++;
textElement.innerHTML = "Du kannst jetzt gehen";
}
else if (textCounter == 5)
{
textCounter++;
textElement.innerHTML = "Wirklich!";
}
else if (textCounter == 6)
{
textCounter++;
textElement.innerHTML = "Du hast deinen Teil beigetragen";
}
else if (textCounter == 7)
{
textCounter++;
textElement.innerHTML = "Du bist ein guter Mensch";
}
else if (textCounter == 8)
{
textCounter++;
textElement.innerHTML = "Auf Wiedersehen";
}
else if (textCounter == 9)
{
textCounter++;
textElement.innerHTML = "Du musst nicht weiterklicken …";
}
else if (textCounter == 10)
{
textCounter++;
textElement.innerHTML = "Wirklich nicht";
}
else if (textCounter == 11)
{
textCounter++;
textElement.innerHTML = "Okay, okay, du hast uns erwischt";
}
else if (textCounter == 12)
{
textCounter++;
textElement.innerHTML = "Es war alles eine Lüge";
}
else if (textCounter == 13)
{
textCounter++;
textElement.innerHTML = "Aber du würdest dich ja doch nicht von deinem Computer oder deinem Smartphone wegbewegen, um wirklich etwas für Flüchtlinge zu tun …";
}
else if (textCounter == 14)
{
textCounter++;
textElement.innerHTML = "Oder doch?";
}
else if (textCounter == 15)
{
textCounter++;
textElement.innerHTML = "Oh, also tatsächlich ein guter Mensch";
}
else if (textCounter == 16)
{
textCounter++;
textElement.innerHTML = "Ein wannabe-Gandhi";
}
else if (textCounter == 17)
{
textCounter++;
textElement.innerHTML = "Anwärter auf den nächsten Friedensnobelpreis";
}
else if (textCounter == 18)
{
textCounter++;
textElement.innerHTML = "Na dann lass mich dich mal fragen: wie viele Stunden verbringst du jede Woche mit Videospielen, vorm Fernseher oder an deinem Smartphone?";
$("#eingabefeld").css("visibility", "visible");
}
else if (textCounter == 19)
{
$("#eingabefeld").css("visibility", "hidden");
textCounter++;
textElement.innerHTML = "Na dann ist es ja höchste Zeit, dass du mal wieder unter die Leute kommst!";
}
else if (textCounter == 20)
{
textCounter++;
textElement.innerHTML = "Und wie viele Stunden davon wärst du bereit einzutauschen um Flüchtlingen zu helfen?";
$("#eingabefeld").css("visibility", "visible");
}
else if (textCounter == 21)
{
textCounter++;
textElement.innerHTML = "Bei dir im Aargau gibt’s nämlich tatsächlich einige Flüchtlinge, die froh wären um ein bisschen Gesellschaft und Hilfe beim Deutschlernen …";
$("#eingabefeld").css("visibility", "hidden");
}
else if (textCounter == 22)
{
textCounter++;
textElement.innerHTML = "Richtig gelesen, Flüchtlinge direkt vor deiner Haustüre, gar nicht weit weg";
}
else if (textCounter == 23)
{
textCounter++;
textElement.innerHTML = "Deine Chance allen zu zeigen, was für ein guter Mensch du wirklich bist";
}
else if (textCounter == 24)
{
textCounter++;
textElement.innerHTML = "Der erste Schritt auf dem Weg zu deinem Friedensnobelpreis";
}
else if (textCounter == 25)
{
textCounter++;
textElement.innerHTML = "Wobei … deine wertvolle Freizeit …";
}
else if (textCounter == 26)
{
textCounter++;
textElement.innerHTML = "Dein Facebook-Konto, dein Twitter Account, Snapchat, die nächste Staffel vom Bachelor, das braucht eben alles auch seine Zeit …";
}
else if (textCounter == 27)
{
textCounter++;
textElement.innerHTML = "Und all die lustigen Katzenvideos …";
}
else if (textCounter == 28)
{
textCounter++;
textElement.innerHTML = "Die sind echt lustig!";
}
else if (textCounter == 29)
{
textCounter++;
textElement.innerHTML = "Und das nächste Video ist nur ein paar Klicks entfernt …";
}
else if (textCounter == 30)
{
textCounter++;
textElement.innerHTML = "Oh wow, blosser Text auf Bildschirm gewinnt gegen Katzenvideo - schnell, das musst du 20Minuten erzählen!";
}
else if (textCounter == 31)
{
textCounter++;
textElement.innerHTML = "Nein?";
}
else if (textCounter == 32)
{
textCounter++;
textElement.innerHTML = "Du bist ja wirklich aus hartem Holz geschnitzt";
}
else if (textCounter == 33)
{
textCounter++;
if (stundenEinsatz > 0)
{
textElement.innerHTML = stundenEinsatz + " Stunden pro Woche hast du gesagt würdest du investieren. Hier also der ultimative Gutmensch-Test:";
}
else
{
textElement.innerHTML = "Wenn du trotzdem etwas tun möchtest, ist hier der ultimative Gutmensch-Test:";
}
$("#buttonDiv").css("visibility", "visible");
}
}
// bind enter key to input field
$( document ).ready(function() {
$("#eingabefeldWert").keyup(function( event ){
var code = event.which;
if (code==13) event.preventDefault();
if (code==32||code==13||code==188||code==186){
changeText();
}});
$(function(){
var windowHeight = $(window).height();
var windowWidth = $(window).width();
var main = $("#main_body");
$("#main_body").css({ top: ((windowHeight / 2) - (main.height() / 2)) + "px",
left:((windowWidth / 2) - (main.width() / 2)) + "px" });
});
});
Klick hier um die Flüchtlingskrise zu beenden.
Meine Zeit den Flüchtlingen schenken