I don't understand what happened. my code was working just fine yesterday. Today it just flat decided it doesn't want to play nice.
The dropdown1 function is greyed out when it wasn't before. I didn't modify anything.
$w.onReady(function () { $w('#html2').show(); $w('#html3').hide(); $w('#html4').hide(); $w('#html5').hide(); $w('#html6').hide(); $w('#html7').hide(); $w('#html8').hide(); $w('#table1').show(); $w('#table2').hide(); }) export function switch1_change(event) { if($w('#switch1').checked === false){ $w('#table1').show(); $w('#table2').hide(); } else if($w('#switch1').checked === true){ $w('#table1').hide(); $w('#table2').show(); } function dropdown1_change(event) { if($w("#dropdown1").value === "Ethereum (ETH)"){ $w('#html2').show(); $w('#html3').hide(); $w('#html4').hide(); $w('#html5').hide(); $w('#html6').hide(); $w('#html7').hide(); $w('#html8').hide(); } else if($w("#dropdown1").value === "Raven (RVN)"){ $w('#html2').hide(); $w('#html3').show(); $w('#html4').hide(); $w('#html5').hide(); $w('#html6').hide(); $w('#html7').hide(); $w('#html8').hide(); } else if($w("#dropdown1").value === "Ergo (ERG)"){ $w('#html2').hide(); $w('#html3').hide(); $w('#html4').show(); $w('#html5').hide(); $w('#html6').hide(); $w('#html7').hide(); $w('#html8').hide(); } else if($w("#dropdown1").value === "Bitcoin Gold (BTG)"){ $w('#html2').hide(); $w('#html3').hide(); $w('#html4').hide(); $w('#html5').show(); $w('#html6').hide(); $w('#html7').hide(); $w('#html8').hide(); } else if($w("#dropdown1").value === "Eth Classic (ETC)"){ $w('#html2').hide(); $w('#html3').hide(); $w('#html4').hide(); $w('#html5').hide(); $w('#html6').show(); $w('#html7').hide(); $w('#html8').hide(); } else if($w("#dropdown1").value === "Conflux (CFX)"){ $w('#html2').hide(); $w('#html3').hide(); $w('#html4').hide(); $w('#html5').hide(); $w('#html6').hide(); $w('#html7').show(); $w('#html8').hide(); } else if($w("#dropdown1").value === "Cortex (CTXC)"){ $w('#html2').hide(); $w('#html3').hide(); $w('#html4').hide(); $w('#html5').hide(); $w('#html6').hide(); $w('#html7').hide(); $w('#html8').show(); } } }
$w.onReady(()=> { $w('#html2').show(); $w('#html3,#html3,#html4,#html5,#html6,#html7,#html8').hide(); $w('#table1').show(); $w('#table2').hide(); $w('#switch1').onChange(()=>{ if($w('#switch1').checked === false){ $w('#table1').show(); $w('#table2').hide(); } else if($w('#switch1').checked === true){ $w('#table1').hide(); $w('#table2').show(); } $w('#dropdown1').onChange(()=>{ if($w("#dropdown1").value === "Ethereum (ETH)"){ $w('#html2').show(); $w('#html3,#html4,#html5,#html6,#html7,#html8').hide(); } else if($w("#dropdown1").value === "Raven (RVN)"){ $w('#html3').show(); $w('#html2,#html4,#html5,#html6,#html7,#html8').hide(); } else if($w("#dropdown1").value === "Ergo (ERG)"){ $w('#html4').show(); $w('#html2,#html3,#html5,#html6,#html7,#html8').hide(); } else if($w("#dropdown1").value === "Bitcoin Gold (BTG)"){ $w('#html5').show(); $w('#html2,#html3,#html4,#html6,#html7,#html8').hide(); } else if($w("#dropdown1").value === "Eth Classic (ETC)"){ $w('#html6').show(); $w('#html2,#html3,#html4,#html5,#html7,#html8').hide(); } else if($w("#dropdown1").value === "Conflux (CFX)"){ $w('#html7').show(); $w('#html2,#html3,#html4,#html5,#html6,#html8').hide(); } else if($w("#dropdown1").value === "Cortex (CTXC)"){ $w('#html8').show(); $w('#html2,#html3,#html4,#html5,#html6,#html7').hide(); } }) }) })
The loop is a bit advanced for me. I'm very new to JS. I've only had experience in basic and it's only for HVAC application. I don't even understand the syntax fully yet.
I've implemented your coding style. I didn't realize you could add more than one argument to a line.
How do I check that and how do I reconnect?
$w.onReady(function () { $w('#html2').show(); $w('#html3').hide(); $w('#html4').hide(); $w('#html5').hide(); $w('#html6').hide(); $w('#html7').hide(); $w('#html8').hide(); //-------------------- $w('#table1').show(); $w('#table2').hide(); }); export function switch1_change(event) { if($w('#switch1').checked === false){ $w('#table1').show(); $w('#table2').hide(); } else if($w('#switch1').checked === true){ $w('#table1').hide(); $w('#table2').show(); } } function dropdown1_change(event) { if($w("#dropdown1").value === "Ethereum (ETH)"){ $w('#html2').show(); $w('#html3').hide(); $w('#html4').hide(); $w('#html5').hide(); $w('#html6').hide(); $w('#html7').hide(); $w('#html8').hide(); } else if($w("#dropdown1").value === "Raven (RVN)"){ $w('#html2').hide(); $w('#html3').show(); $w('#html4').hide(); $w('#html5').hide(); $w('#html6').hide(); $w('#html7').hide(); $w('#html8').hide(); } else if($w("#dropdown1").value === "Ergo (ERG)"){ $w('#html2').hide(); $w('#html3').hide(); $w('#html4').show(); $w('#html5').hide(); $w('#html6').hide(); $w('#html7').hide(); $w('#html8').hide(); } //better coding ..... else if($w("#dropdown1").value === "Bitcoin Gold (BTG)"){ $w('#html2,#html3,#html4,#html6,#html7,#html8').hide('fade'); $w('#html5').show('fade'); } else if($w("#dropdown1").value === "Eth Classic (ETC)"){ $w('#html2,#html3,#html4,#html5,#html7,#html8').hide('fade'); $w('#html6').show('fade'); } else if($w("#dropdown1").value === "Conflux (CFX)"){ $w('#html2,#html3,#html4,#html5,#html6,#html8').hide('fade'); $w('#html7').show('fade'); } else if($w("#dropdown1").value === "Cortex (CTXC)"){ $w('#html2,#html3,#html4,#html5,#html6,#html7').hide('fade'); $w('#html8').show('fade'); } }
EDIT:
Make sure --> you did not lost connection between CODE & PROPERTIES-PANEL!