|
|
(22 intermediate revisions by the same user not shown) |
Line 4: |
Line 4: |
| var $headername = $header.html(); | | var $headername = $header.html(); |
| $headernameu = $headername.split(' ').join('_'); | | $headernameu = $headername.split(' ').join('_'); |
| $headernameu = $headernameu.toString().replace("'", "\\'").replace("?", "\\?").replace("!", "\\!").replace(",", "\\,"); | | $headernameu = $headernameu.toString().replace("'", "\\'").replace("?", "\\?").replace("!", "\\!").replace(/,/g, "\\,").replace("/", "\\/"); |
|
| |
|
| var $secondheader = "#" + $headernameu + "_2"; | | var $secondheader = "#" + $headernameu + "_2"; |
Line 121: |
Line 121: |
| }); | | }); |
| }); | | }); |
|
| |
| /* Testing */
| |
|
| |
| var modal = document.getElementById('decorModal');
| |
| var modalclose = document.getElementsByClassName('modalclose')[0];
| |
| var previewbutton = document.getElementById('previewbutton');
| |
| var modaldropdown = document.getElementById('previewoptions');
| |
| var modalpreview = document.getElementById('decorpreviewimg');
| |
| var decorpreview = document.getElementById('decorpreview');
| |
| var backbutton = document.getElementById('back');
| |
| var previewinput = document.getElementById('previewinput');
| |
| var decorinfo = document.getElementById('decorinformation');
| |
| var basewolf = document.getElementById('previewbasewolf');
| |
| var decortitle = document.getElementById('decorname');
| |
| var togglemenu = document.getElementById('checkboxesbutton');
| |
| var checkboxes = document.getElementById('checkboxes');
| |
| var backgroundtoggle = document.getElementById('backgroundtoggle');
| |
| var darkbasetoggle = document.getElementById('darkbasetoggle');
| |
| var previewbackground = document.getElementById('previewbackground');
| |
| var decorthumbnail = document.getElementById('decorthumbnail');
| |
|
| |
| function decorModal(decorname, decorthumb, decordesc, decorobt, adulturl, motherlyurl, relaxedurl, sentinelurl, adolurl, pupurl, pupbrachyurl, pupconjoinedurl, pupnewbornurl, puppolycurl, puppolymurl, pupsirenurl, pupyoungurl) {
| |
| modal.style.display = "block";
| |
| modalpreview.src = adulturl;
| |
| basewolf.src = "/images/4/47/Basewolf_adult.png";
| |
|
| |
| decortitle.innerHTML = decorname;
| |
| decorinfo.innerHTML = decordesc;
| |
| decorthumbnail.src = decorthumb;
| |
| decorobtention.innerHTML = decorobt;
| |
|
| |
| previewbutton.addEventListener("click", function() {
| |
| modalpreview.style.display = "block";
| |
| backbutton.style.display = "block";
| |
| previewinput.style.display = "block";
| |
| decorpreview.style.display = "block";
| |
| togglemenu.style.display = "block";
| |
| decorinformation.style.display = "none";
| |
| previewbutton.style.display = "none";
| |
| });
| |
|
| |
| backbutton.addEventListener("click", function() {
| |
| modalpreview.style.display = "none";
| |
| backbutton.style.display = "none";
| |
| previewinput.style.display = "none";
| |
| decorpreview.style.display = "none";
| |
| togglemenu.style.display = "none";
| |
| decorinformation.style.display = "block";
| |
| previewbutton.style.display = "block";
| |
| });
| |
|
| |
| modaldropdown.addEventListener("change", function() {
| |
| if (modaldropdown.options[modaldropdown.selectedIndex].text === "Adult") {
| |
| modalpreview.src = adulturl;
| |
| if (darkbasetoggle.checked) {
| |
| basewolf.src = "/images/e/e2/Basewolfdark_adult.png";
| |
| } else {
| |
| basewolf.src = "/images/4/47/Basewolf_adult.png";
| |
| }
| |
| } else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Adult [Motherly]") {
| |
| modalpreview.src = motherlyurl;
| |
| if (darkbasetoggle.checked) {
| |
| basewolf.src = "/images/d/d7/Basewolf_motherly.png";
| |
| } else {
| |
| basewolf.src = "/images/d/d7/Basewolf_motherly.png";
| |
| }
| |
| } else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Adult [Relaxed]") {
| |
| modalpreview.src = relaxedurl;
| |
| if (darkbasetoggle.checked) {
| |
| basewolf.src = "/images/6/67/Basewolf_relaxed.png";
| |
| } else {
| |
| basewolf.src = "/images/6/67/Basewolf_relaxed.png";
| |
| }
| |
| } else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Adult [Sentinel]") {
| |
| modalpreview.src = sentinelurl;
| |
| if (darkbasetoggle.checked) {
| |
| basewolf.src = "/images/e/e0/Basewolf_sentinel.png";
| |
| } else {
| |
| basewolf.src = "/images/e/e0/Basewolf_sentinel.png";
| |
| }
| |
| } else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Adolescent") {
| |
| modalpreview.src = adolurl;
| |
| if (darkbasetoggle.checked) {
| |
| basewolf.src = "/images/7/78/Basewolf_adolescent.png";
| |
| } else {
| |
| basewolf.src = "/images/7/78/Basewolf_adolescent.png";
| |
| }
| |
| } else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Puppy") {
| |
| modalpreview.src = pupurl;
| |
| if (darkbasetoggle.checked) {
| |
| basewolf.src = "/images/0/09/Basewolf_puppy.png";
| |
| } else {
| |
| basewolf.src = "/images/0/09/Basewolf_puppy.png";
| |
| }
| |
| } else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Puppy [Brachycephaly]") {
| |
| modalpreview.src = pupbrachyurl;
| |
| if (darkbasetoggle.checked) {
| |
| basewolf.src = "/images/3/31/Basewolf_brachy.png";
| |
| } else {
| |
| basewolf.src = "/images/3/31/Basewolf_brachy.png";
| |
| }
| |
| } else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Puppy [Conjoined Twins]") {
| |
| modalpreview.src = pupconjoinedurl;
| |
| if (darkbasetoggle.checked) {
| |
| basewolf.src = "/images/4/46/Basewolf_conjoinedtwins.png";
| |
| } else {
| |
| basewolf.src = "/images/4/46/Basewolf_conjoinedtwins.png";
| |
| }
| |
| } else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Puppy [Newborn]") {
| |
| modalpreview.src = pupnewbornurl;
| |
| if (darkbasetoggle.checked) {
| |
| basewolf.src = "/images/7/7f/Basewolf_newbornpuppy.png";
| |
| } else {
| |
| basewolf.src = "/images/7/7f/Basewolf_newbornpuppy.png";
| |
| }
| |
| } else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Puppy [Polycephaly]") {
| |
| modalpreview.src = puppolycurl;
| |
| if (darkbasetoggle.checked) {
| |
| basewolf.src = "/images/b/b5/Basewolf_polycephaly.png";
| |
| } else {
| |
| basewolf.src = "/images/b/b5/Basewolf_polycephaly.png";
| |
| }
| |
| } else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Puppy [Polymelia]") {
| |
| modalpreview.src = puppolymurl;
| |
| if (darkbasetoggle.checked) {
| |
| basewolf.src = "/images/6/6a/Basewolf_polymelia.png";
| |
| } else {
| |
| basewolf.src = "/images/6/6a/Basewolf_polymelia.png";
| |
| }
| |
| } else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Puppy [Sirenomelia]") {
| |
| modalpreview.src = pupsirenurl;
| |
| if (darkbasetoggle.checked) {
| |
| basewolf.src = "/images/3/39/Basewolf_sirenomelia.png";
| |
| } else {
| |
| basewolf.src = "/images/3/39/Basewolf_sirenomelia.png";
| |
| }
| |
| } else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Puppy [Young]") {
| |
| modalpreview.src = pupyoungurl;
| |
| if (darkbasetoggle.checked) {
| |
| basewolf.src = "/images/0/0c/Basewolf_youngpuppy.png";
| |
| } else {
| |
| basewolf.src = "/images/0/0c/Basewolf_youngpuppy.png";
| |
| }
| |
| }
| |
| });
| |
|
| |
| checkboxesbutton.addEventListener("click", function() {
| |
| if (checkboxes.style.display === "none") {
| |
| checkboxes.style.display = "block";
| |
| } else {
| |
| checkboxes.style.display = "none";
| |
| } });
| |
|
| |
|
| |
| darkbasetoggle.addEventListener("click", function() {
| |
| if (darkbasetoggle.checked) {
| |
| if (modaldropdown.options[modaldropdown.selectedIndex].text === "Adult") {
| |
| basewolf.src = "/images/e/e2/Basewolfdark_adult.png";
| |
| } else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Select a stage from the options below") {
| |
| basewolf.src = "/images/e/e2/Basewolfdark_adult.png";
| |
| } else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Adult [Motherly]") {
| |
| basewolf.src = "/images/d/d7/Basewolf_motherly.png";
| |
| } else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Adult [Relaxed]") {
| |
| basewolf.src = "/images/6/67/Basewolf_relaxed.png";
| |
| } else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Adult [Sentinel]") {
| |
| basewolf.src = "/images/e/e0/Basewolf_sentinel.png";
| |
| } else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Adolescent") {
| |
| basewolf.src = "/images/7/78/Basewolf_adolescent.png";
| |
| } else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Puppy") {
| |
| basewolf.src = "/images/0/09/Basewolf_puppy.png";
| |
| } else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Puppy [Brachycephaly]") {
| |
| basewolf.src = "/images/3/31/Basewolf_brachy.png";
| |
| } else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Puppy [Conjoined Twins]") {
| |
| basewolf.src = "/images/4/46/Basewolf_conjoinedtwins.png";
| |
| } else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Puppy [Newborn]") {
| |
| basewolf.src = "/images/7/7f/Basewolf_newbornpuppy.png";
| |
| } else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Puppy [Polycephaly]") {
| |
| basewolf.src = "/images/b/b5/Basewolf_polycephaly.png";
| |
| } else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Puppy [Polymelia]") {
| |
| basewolf.src = "/images/6/6a/Basewolf_polymelia.png";
| |
| } else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Puppy [Sirenomelia]") {
| |
| basewolf.src = "/images/3/39/Basewolf_sirenomelia.png";
| |
| } else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Puppy [Young]") {
| |
| basewolf.src = "/images/0/0c/Basewolf_youngpuppy.png";
| |
| }
| |
| } else {
| |
| if (modaldropdown.options[modaldropdown.selectedIndex].text === "Adult") {
| |
| basewolf.src = "/images/4/47/Basewolf_adult.png";
| |
| } else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Select a stage from the options below") {
| |
| basewolf.src = "/images/4/47/Basewolf_adult.png";
| |
| } else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Adult [Motherly]") {
| |
| basewolf.src = "/images/d/d7/Basewolf_motherly.png";
| |
| } else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Adult [Relaxed]") {
| |
| basewolf.src = "/images/6/67/Basewolf_relaxed.png";
| |
| } else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Adult [Sentinel]") {
| |
| basewolf.src = "/images/e/e0/Basewolf_sentinel.png";
| |
| } else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Adolescent") {
| |
| basewolf.src = "/images/7/78/Basewolf_adolescent.png";
| |
| } else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Puppy") {
| |
| basewolf.src = "/images/0/09/Basewolf_puppy.png";
| |
| } else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Puppy [Brachycephaly]") {
| |
| basewolf.src = "/images/3/31/Basewolf_brachy.png";
| |
| } else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Puppy [Conjoined Twins]") {
| |
| basewolf.src = "/images/4/46/Basewolf_conjoinedtwins.png";
| |
| } else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Puppy [Newborn]") {
| |
| basewolf.src = "/images/7/7f/Basewolf_newbornpuppy.png";
| |
| } else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Puppy [Polycephaly]") {
| |
| basewolf.src = "/images/b/b5/Basewolf_polycephaly.png";
| |
| } else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Puppy [Polymelia]") {
| |
| basewolf.src = "/images/6/6a/Basewolf_polymelia.png";
| |
| } else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Puppy [Sirenomelia]") {
| |
| basewolf.src = "/images/3/39/Basewolf_sirenomelia.png";
| |
| } else if (modaldropdown.options[modaldropdown.selectedIndex].text === "Puppy [Young]") {
| |
| basewolf.src = "/images/0/0c/Basewolf_youngpuppy.png";
| |
| }
| |
| }
| |
| });
| |
|
| |
| backgroundtoggle.addEventListener("click", function() {
| |
| if (backgroundtoggle.checked) {
| |
| previewbackground.src = "/images/2/21/Background_default.png";
| |
| } else {
| |
| previewbackground.src = "/images/b/b5/Placeholderbackground.png";
| |
| }
| |
| });
| |
| }
| |
|
| |
| window.onclick = function(event) {
| |
| if (event.target == modal) {
| |
| modal.style.display = "none";
| |
| modaldropdown.selectedIndex = 0;
| |
| modalpreview.src = " ";
| |
| basewolf.src = " ";
| |
| modalpreview.style.display = "none";
| |
| backbutton.style.display = "none";
| |
| previewinput.style.display = "none";
| |
| decorpreview.style.display = "none";
| |
| togglemenu.style.display = "none";
| |
| checkboxes.style.display = "none";
| |
| decorinformation.style.display = "block";
| |
| previewbutton.style.display = "block";
| |
|
| |
| } else if (event.target === modalclose) {
| |
| modal.style.display = "none";
| |
| modaldropdown.selectedIndex = 0;
| |
| modalpreview.src = " ";
| |
| basewolf.src = " ";
| |
| modalpreview.style.display = "none";
| |
| backbutton.style.display = "none";
| |
| previewinput.style.display = "none";
| |
| decorpreview.style.display = "none";
| |
| togglemenu.style.display = "none";
| |
| checkboxes.style.display = "none";
| |
| decorinformation.style.display = "block";
| |
| previewbutton.style.display = "block";
| |
| }
| |
| }
| |