Result instructions

Author: softwareengineerprogrammer

geophires/geophires-ui.css

@@ -15,6 +15,7 @@
 
 .hidden {
     visibility: hidden;
+    display: none;
 }
 
 #geophires_input_parameters, #geophires_text_input_parameters > textarea {

geophires/geophires-ui.js

@@ -4,6 +4,7 @@ function setLoading(isLoading) {
         setVisible(loader, true)
         resetGenerationProfileGraphs()
         setVisible($('#result-actions'), false)
+        setVisible($('#result-instructions'), false)
     } else {
         setVisible(loader, false)
     }

geophires/index.html

@@ -131,9 +131,9 @@ <h3>
                 <div class="mui-tabs__pane" id="pane-default-4">
                     <form
                             method="POST"
-                            onsubmit="return submitForm(this);"
                             class="apiActionForm"
-                            action="https://nmgmk2gu5b.execute-api.us-west-2.amazonaws.com/get-geophires-result">
+                            action="https://nmgmk2gu5b.execute-api.us-west-2.amazonaws.com/get-geophires-result"
+                            onsubmit="return submitForm(this);">
                     <textarea id="geophires_input_parameters"
                               name="geophires_input_parameters"
                               class="mui-textfield"
@@ -168,6 +168,7 @@ <h3>
 
                 </h3>
                 <span id="loading" class="hidden loader">Running...</span>
+                <div id="result-instructions">Enter Parameters or select an example, then press Run GEOPHIRES to get a result.</div>
                 <div id="results"></div>
                 <div id="generation-profile-graphs">
                     <div id="power-generation-profile-chart" style="width: 100%; height: 250px"></div>