So this might sound like a strange request, but it's a convoluted story and would be too long to tell!
Here's what I'm looking for:
1. I have a message that appears at the top of an application page, and the user can click "hide this message" so it goes away. Here's the basic code in the HTML:
<a id="a-hide" class="hide-message" href="#">Hide this message</a>
<h5><a href="#">Something great</a></h5>
<p>blah blah blah message</p>
I'm using JQuery to hide the message when the link is clicked. Not a problem, works great
2. I don't want the message to appear all the time, but only when a specific text file is present in the root directory. The text file will simply contain the message. If there is no file present (like message.txt) then the id a-hide should not appear at all. If a message IS present, then the contents of the text file should be shown in a-hide.
I know it would seem to be simpler to have the application do this, but with all the QA required for small changes it's much easier to use a text file outside the app that can be easily updated, and pulled into place using JS.
I hope this makes sense!
I currently pull in a main.js file and a jquery.js file so any additional JS would have to go in one of these files. Please keep in mind that I'm not a JS guru, so any answer you give should be simple, and include a simple solution I can copy/paste into my files (and include explicit instructions.)
Thank you for any help you can offer...