Good morning,
I am working on a website that has 3 versions:
local
development
and the live site (say for example http://www.google.com)
As it can sometimes be confusing for testers which version they are on, I created (with help from this forum) a static footer for the bottom of your screen which tell you which version you are on:
<style>
* html #footer {
top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop +(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight)); position:absolute;
}
* html {/* stop jitter by adding a 1px transparent gif to background of html*/
background-image: url(image.jpg);
}
</style>
<script language="javascript">
var loc = document.location.toString();
loc = loc.split("//");
var protocol = loc[0];
loc = loc[1];
var finalDisplay = protocol + "//" + loc.split("/")[0] + "/";
</script>
<div id="footer">You are using the<script language="javascript">
document.writeln(finalDisplay);
</script>version of this application</b> </div>
The java script picks up and displays the url at the bottom of the screen, but hides everything after a '/' i.e.:
However this static footer can not be allowed to be seen on the live site.. Is there anything I can add that could disable to the footer?