Greg,
This is what I'm seeing:
Within inc-nwswinter.php, the <select> tag for the NWS office has an ID of "wfo". Further down in that file is the jQuery that triggers when a change is made for that selection:
<script type="text/javascript">
$("#wfo").change(function () {
var wfo = $(this).val();
var divWidth = "<?php echo $divWidth?>";
var prediction = "<?php echo $prediction?>";
var standAlone = "<?php echo $standAlone?>";
showPredictionjs(wfo,divWidth,prediction,standAlone);
});
</script>
This all works on the initial page load. However, in your case, the cloudflare stuff modifies some of the code (e.g., "text/javascript" is changed to "text/rocketscript").
When showPredictionjs() runs (this code is in wxnwswinter.php), it executes the following jQuery:
<script type="text/javascript"> {
function showPredictionjs(wfo,divWidth,prediction,standAlone) {
$('#showPrediction').load('inc-nwswinter.php',{wfo:wfo,divWidth:divWidth,prediction:prediction,standAlone:standAlone});
}
}
</script>
What this does is replace the previous code that was in the <div> with the ID "showPrediction" (essentially all of first include of inc-nwswinter.php) with a new copy, modified according to the parameters passed. This includes reloading the jQuery code I first quoted above. In a normal environment, the browser will execute that jQuery upon the load of the new code and attach change events to the two <select> menus again. THAT is what isn't happening in your environment. It looks like the code loads fine (with the cloudflare mods) but the jQuery/javascript doesn't execute.