Page last updated: April 18, 2024
Lung Cancer Treatment Planning Tool
Use this tool to learn about lung cancer and different treatment options. At the end, download the Treatment Decision Making Worksheet to use in conversations with your doctors.
form {
/* display: none; */
}
h2 {
font-size: 2rem; font-size: 32px;
}
.circleContainer {
display: flex; position: relative;
}
.circleLine {
width: 100%; height: 14px;
/* background: #0d2354; */
position: absolute; overflow: hidden; border-bottom: 1px solid gray; z-index: 1;
}
.circleDiv {
flex: 1;
}
.circle {
border: 3px solid #0d2354; border-radius: 50px; background: #ffffff; height: 28px; width: 28px; line-height: 22px; text-align: center; z-index: 2; position: relative; margin: 0 auto;
}
.circleText {
font-size: 14px; text-align: center;
}
.currentCircle {
background: #0d2354; color: #ffffff;
}
.borderTemp {
/* border: 2px solid #5f5fff; */
/* background: rgba(225,227,247,0.5); */
padding: 20px; margin: 10px; width: 100%; max-width: 900px; transition: width 0.3s ease;
}
.radio-container {
border: 1px solid gray; padding: 20px; border-radius: 10px;
}
.questionField {
border: 1px solid #0064FF; border-radius: 10px; padding: 30px;
}
.lcToolBtn {
margin: 10px;
}
.btnDiv {
text-align: center;
}
.backBtn {
background: #d9d9d9 !important; border: 3px solid #c3c3c3; color: #7d7c7c;
}
.slctPlease {
color: red; display: none;
}
.hidee {
transition: opacity 0.5s ease; display: none;
/* opacity: 0.5; */
}
.showw {
/* transition: opacity 0.5s ease; */
display: block !important;
/* opacity: 1; */
animation: fadeIn 0.5s; -webkit-animation: fadeIn 0.5s; -moz-animation: fadeIn 0.5s; -o-animation: fadeIn 0.5s; -ms-animation: fadeIn 0.5s;
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-o-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-ms-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
document.addEventListener("DOMContentLoaded", function(){
// $(".lcTool").hide();
// $(".side-menu-wrap").hide();
// var x = $("#lcTool");
// $("#lcTool").remove();
// $(".bg-primary").after(x)
})
// $(".lcToolBtn").on("click", function(){
// //this should be <button></button>
// console.log(this);
// var next = this.getAttribute("next");
//
// //hide the div from this buttonPress
// this.parentNode.parentNode.parentNode.classList.remove("showw");
//
// // show appropriate div
// document.getElementById(next).style.opacity = 1;
// document.getElementById(next).classList.add("showw");
//
// // manipulating real kentico format console.log(this); //<button></button>
// theVal = this.getAttribute("val");
// $("input[value='" + theVal + "']").click();
//
// });
var currentSelection = {
next: "",
removeDiv: "",
theVal: ""
};
$(".lcToolRadio").on("click", function(){
//this should be <button></button>
// console.log(this);
currentSelection.next = this.parentNode.getAttribute("next");
// console.log("next:", next);
//hide the div from this buttonPress
// this.parentNode.parentNode.parentNode.classList.remove("showw");
// NEW hide the div from the RADIO click
currentSelection.removeDiv = this.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode;
// this.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.classList.remove("showw");
// "this" is the radio input element
// show appropriate div
// document.getElementById(next).classList.add("showw");
// manipulating real kentico format console.log(this); //<button></button>
currentSelection.theVal = this.parentNode.getAttribute("val");
// $("input[value='" + theVal + "']").click();
});
$(".next").on("click", function(){
if (window.innerWidth < 993) {
document.getElementById("scrollAnchor").scrollIntoView();
}
if (currentSelection.next == "") {
console.log("nothing yet");
$(".slctPlease").css("display", "block");
} else {
console.log("proceeding");
$(".slctPlease").css("display", "none");
}
//hide current div
currentSelection.removeDiv.classList.remove("showw");
//show next div
console.log(currentSelection.next);
document.getElementById(currentSelection.next).classList.add("showw");
document.getElementById(currentSelection.next).style.opacity = 1;
// maniuplate real kentico form
$("input[value='" + currentSelection.theVal + "']").click();
currentSelection.next = "", currentSelection.removeDiv = "", currentSelection.theVal = "";
})
$(".backBtn").on("click", function(){
$(".slctPlease").css("display", "none");
if (window.innerWidth < 993) {
document.getElementById("scrollAnchor").scrollIntoView();
}
var back = this.getAttribute("back");
console.log(this.parentNode.parentNode.parentNode.parentNode);
this.parentNode.parentNode.parentNode.parentNode.classList.remove("showw");
document.getElementById(back).classList.add("showw");
var radios = $(".lcToolRadio");
for (var i = 0; i < radios.length; i++) {
radios[i].checked = false;
}
currentSelection.next = "", currentSelection.removeDiv = "", currentSelection.theVal = "";
})
var buttonPress = function(id){
id = this.getAttribute("id");
console.log(id);
}
var wildCard = $("input[name^='form-LungCancerTreatment']");
//
// non-small cell lung cancer
// small cell lung cancer
// limited or limited combined
// extensive or extensive combined
// stage 1 or 2
// stage 3
// stage 4
// adenocarcinomaC1
// squamous cell carcinomaC1
// large cell carcinomaC1
// adenocarcinomaC2
// squamous cell carcinomaC2
// large cell carcinomaC2
// adenocarcinoma or large cell carcinomaC3
// squamous cell carcinomaC3
// actionable biomarker
// no actionable biomarker
// over 50D2A
// under 50D2A
// over 50D2B
// under 50D2B
// removes any checked value. use this logic for back button
$("input[name='form-LungCancerTreatmentPlanningTool2021-4734.smallCellType.Value']:checked").prop('checked', false)
for (var i = 0; i < wildCard.length; i++) {
if(wildCard[i].getAttribute("name").includes("") ){
}
}