Similar to my recently asked question: Style-changing handler for an HTML drop-down box Style-changing handler for an HTML drop-down box How can I compress down JS and almost automate it?
Similar to my recently asked question: Style-changing handler for an HTML drop-down box How can I compress down JS and almost automate it?
Similar to my recently asked question: Style-changing handler for an HTML drop-down box How can I compress down JS and almost automate it?
Note: I cant reply to questions about the code but all I will say is the select season . value == 1 bit is season one e.g. I have shown 3 examples but there could be more then 3 seasons so maybe compress and automate using that $i++ variable.
Note: I cant reply to questions about the code but all I will say is the select season . value == 1 bit is season one e.g. I have shown 3 examples but there could be more then 3 seasons so maybe compress and automate using that $i++ variable.
Style-Changing Handler For a Select Box
Similar to my recently asked question: Style-changing handler for an HTML drop-down box How can I compress down JS and almost automate it?
I tried changing up the old questions answer a bit but never could get it working as i'm very new to JS I mainly do PHP.
So I just need the following JS compressed and automated as much as possible like last question:
function seasonChange() {
if(document.getElementById('selectseason').value == "1"){
if(document.getElementById('selectseason1episode').value != "1 - Death Has A Shadow") {
document.getElementById('season1episodes').style.display = 'block';
document.getElementById('season2episodes').style.display = 'none';
document.getElementById('season3episodes').style.display = 'none';
document.getElementById('s1buttons').style.display = 'block';
document.getElementById('s2buttons').style.display = 'none';
document.getElementById('s3buttons').style.display = 'none';
} else {
document.getElementById('season1episode1').style.display = 'inline-block';
document.getElementById('season1episodes').style.display = 'block';
document.getElementById('season2episodes').style.display = 'none';
document.getElementById('season3episodes').style.display = 'none';
document.getElementById('s1buttons').style.display = 'block';
document.getElementById('s2buttons').style.display = 'none';
document.getElementById('s3buttons').style.display = 'none';
}
}
if(document.getElementById('selectseason').value == "2"){
if(document.getElementById('selectseason2episode').value != "1 - Peter, Peter, Caviar Eater") {
document.getElementById('season1episodes').style.display = 'none';
document.getElementById('season2episodes').style.display = 'block';
document.getElementById('season3episodes').style.display = 'none';
document.getElementById('s1buttons').style.display = 'none';
document.getElementById('s2buttons').style.display = 'block';
document.getElementById('s3buttons').style.display = 'none';
} else {
document.getElementById('season2episode1').style.display = 'inline-block';
document.getElementById('season1episodes').style.display = 'none';
document.getElementById('season2episodes').style.display = 'block';
document.getElementById('season3episodes').style.display = 'none';
document.getElementById('s1buttons').style.display = 'none';
document.getElementById('s2buttons').style.display = 'block';
document.getElementById('s3buttons').style.display = 'none';
}
}
if(document.getElementById('selectseason').value == "3"){
if(document.getElementById('selectseason3episode').value != "1 - The Thin White Line") {
document.getElementById('season1episodes').style.display = 'none';
document.getElementById('season2episodes').style.display = 'none';
document.getElementById('season3episodes').style.display = 'block';
document.getElementById('s1buttons').style.display = 'none';
document.getElementById('s2buttons').style.display = 'none';
document.getElementById('s3buttons').style.display = 'block';
} else {
document.getElementById('season3episode1').style.display = 'inline-block';
document.getElementById('season1episodes').style.display = 'none';
document.getElementById('season2episodes').style.display = 'none';
document.getElementById('season3episodes').style.display = 'block';
document.getElementById('s1buttons').style.display = 'none';
document.getElementById('s2buttons').style.display = 'none';
document.getElementById('s3buttons').style.display = 'block';
}
}
}