Huhu @Netzwerg,
leider muss ich dir widersprechen, wenn du denkst, dass ich jedes mal einen Handler o. ä. benötige.
Hier mal einen Ausschnitt aus dem JS:
/******Stammesgemeinschaft******/
$("#option1").click(function() {
if(opt2 === false) {
$("#block-1-1").css("background-color", "yellow");
$("#ressources").fadeIn("slow").html("<div><h2>Benötigt:</h2></div>");
opt1 = true;
} else {
$("#ressources").fadeIn("slow").html("<div><h2>Benötigt</h2><p><strong style='color: red'>Du hast diese Forschung bereits erforscht!</strong></p></div>");
}
});
$("#option2").click(function() {
if(opt1 === true) {
if(opt2 === false) {
$("#block-1-1").css("background-color", "green");
$("#ressources").fadeOut("slow");
opt2 = true;
} else {
$("#ressources").fadeIn("slow").html("<div><h2>Benötigt</h2><p><strong style='color: red'>Du hast diese Forschung bereits erforscht!</strong></p></div>");
}
} else {
$("#ressources").fadeIn("slow").html("<div><h2>Benötigt</h2><p><strong style='color: red'>Du musst erst Stammesgemeinschaft als aktive Forschung auswählen!</strong></p></div>");
}
});
/******Stammesgemeinschaft******/
Alles anzeigen
Und das folgende wäre das längste:
/******Steinschleudern******/
$("#option11").click(function() {
if(opt8 === true && opt6 === true) {
if(opt12 === false) {
$("#block-3-2").css("background-color", "yellow");
$("#ressources").fadeIn("slow").html("<div class='col-md-2' style=''><h2>Benötigt:</h2></div>");
opt11 = true;
} else {
$("#ressources").fadeIn("slow").html("<div class='col-md-12' style='border: 0px solid'><h2>Benötigt</h2><p><strong style='color: red'>Du hast diese Forschung bereits erforscht!</strong></p></div>");
}
} else {
if(opt8 === false && opt6 === true) {
$("#ressources").fadeIn("slow").html("<div class='col-md-12' style='border: 0px solid'><h2>Benötigt</h2><p><strong style='color: red'>Du musst noch Töpferei erforschen!<br><br>Dafür benötigst Du 3 Forge Punkte!</strong></p></div>");
$("#ressources").fadeIn("slow").append("<div class='col-md-12' style='border: 0px solid'><h2>Vorhanden</h2><p><strong style='color: green'>Du hast Speere erforscht!</strong></p></div>");
}
if(opt8 === true && opt6 === false) {
$("#ressources").fadeIn("slow").html("<div class='col-md-12' style='border: 0px solid'><h2>Benötigt</h2><p><strong style='color: red'>Du musst noch Speere erforschen!<br><br>Dafür benötigst Du 3 Forge Punkte!</strong></p></div>");
$("#ressources").fadeIn("slow").append("<div class='col-md-12' style='border: 0px solid'><h2>Vorhanden</h2><p><strong style='color: green'>Du hast Pfahlbauten erforscht!</strong></p></div>");
}
if (opt8 === false && opt6 === false) {
$("#ressources").fadeIn("slow").html("<div class='col-md-12' style='border: 0px solid'><h2>Benötigt</h2><p><strong style='color: red'>Du musst erst Töpferei erforscht haben!<br><br>Dafür benötigst Du 3 Forge Punkte!</strong></p></div>");
$("#ressources").fadeIn("slow").append("<div class='col-md-12' style='border: 0px solid'><h2>Benötigt</h2><p><strong style='color: red'>Du musst erst Speere erforscht haben!<br><br>Dafür benötigst Du 3 Forge Punkte!</strong></p></div>");
}
}
});
$("#option12").click(function() {
if(opt9 === true) {
if(opt12 === false) {
$("#block-3-2").css("background-color", "green");
$("#ressources").fadeOut("slow");
opt12 = true;
} else {
$("#ressources").fadeIn("slow").html("<div><h2>Benötigt</h2><p><strong style='color: red'>Du hast diese Forschung bereits erforscht!</strong></p></div>");
}
} else {
if(opt8 === true && opt6 === true && opt11 === false) {
$("#ressources").fadeIn("slow").html("<div><h2>Benötigt</h2><p><strong style='color: red'>Du musst erst Konstruktion als aktive Forschung auswählen!</strong></p></div>");
} else {
if(opt8 === true && opt6 === false && opt11 === false) {
$("#ressources").fadeIn("slow").html("<div><h2>Benötigt</h2><p><strong style='color: red'>Du musst noch Speere erforschen!<br><br>Dafür benötigst Du 3 Forge Punkte!</strong></p></div>");
$("#ressources").fadeIn("slow").append("<div><h2>Benötigt</h2><p><strong style='color: red'>Du musst erst Konstruktion als aktive Forschung auswählen!</strong></p></div>");
$("#ressources").fadeIn("slow").append("<div><h2>Vorhanden</h2><p><strong style='color: green'>Du hast Töpferei erforscht!</strong></p></div>");
}
if(opt8 === false && opt6 === true && opt11 === false) {
$("#ressources").fadeIn("slow").html("<div><h2>Benötigt</h2><p><strong style='color: red'>Du musst noch Töpferei erforschen!<br><br>Dafür benötigst Du 3 Forge Punkte!</strong></p></div>");
$("#ressources").fadeIn("slow").append("<div><h2>Benötigt</h2><p><strong style='color: red'>Du musst erst Konstruktion als aktive Forschung auswählen!</strong></p></div>");
$("#ressources").fadeIn("slow").append("<div><h2>Vorhanden</h2><p><strong style='color: green'>Du hast Speer erforscht!</strong></p></div>");
}
if(opt8 === false && opt6 === false && opt11 === false) {
$("#ressources").fadeIn("slow").html("<div><h2>Benötigt</h2><p><strong style='color: red'>Du musst erst Töpferei erforscht haben!<br><br>Dafür benötigst Du 3 Forge Punkte!</strong></p></div>");
$("#ressources").fadeIn("slow").append("<div><h2>Benötigt</h2><p><strong style='color: red'>Du musst erst Speere erforscht haben!<br><br>Dafür benötigst Du 3 Forge Punkte!</strong></p></div>");
$("#ressources").fadeIn("slow").append("<div><h2>Benötigt</h2><p><strong style='color: red'>Du musst erst Konstruktion als aktive Forschung auswählen!</strong></p></div>");
}
}
}
});
/******Steinschleudern******/
Alles anzeigen
Es ist nehmlich kein Select, sondern eher der Click-Function zuzuordnen. Es gibt nicht einmal eine onClick Abfrage. Den Code dazu kann man sich sehr leicht aus dem Quellcode nehmen ^^.
Wird also schwer werden, dein Script, an meine Variation anzupassen, da ich nach den IDs gehe und das sind am ende so um die +400 (je zwei buttons, also so ca. +200 forschungen, wenn ich mich nicht irre).
Klar, man kommt schnell durcheinander und hat dan einen Fehler drinn, der kann aber auch schnell ausgebügelt werden, denn normalerweise habe ich für den ersten Button immer die ungeraden Optionen und für den zweiten die geraden Optionen und es geht immer von rechts nach links :).
Irgendwann wird sich bestimmt eine bessere Methode finden, aber bis dahin muss das so ersteinmal ausreichen ;).