I am trying to execute this but cant see any result:
<script>
function init() {
document.getElementById('welcome').innerHTML = "<font color=white>Logged As:"+ param + "</font>";
}
window.onload = init;
</script>
<body>
...........
<div class="span-24 bottom_header" id="welcome"></div>
...........
</body>
what is wrong here..........
Have you considered using a framework such as jquery? The above code would then become...
$('#welcome').html("<font color='white'>Logged As: TEST</font>");
Maybe because your background is white and you are setting white color to your font: <font color=white>. Try with black :-)
This self-contained example works perfectly for me in Firefox and IE7:
<html><head><script>
function init() {
document.getElementById('welcome').innerHTML = "<font color=white>Logged As: TEST</font>";
}
window.onload = init;
</script></head>
<body>
<div class="span-24 bottom_header" id="welcome"></div>
</body></html>
You are adding white-on-white text, remember...
Two things:
1) Make sure you don't have more than one element on the page with the ID "welcome"
2) Off topic, but revise your need to use the "font" tag. It's heinously deprecated at this point in time. You should be using <span style="color:white;">Logged as: TEST</span>
Perspx and JimmyP already mentioned this in the Question's comments:
Are you sure you the param variable exists somewhere before executing your function?
Actually, the correct jQuery translation would be:
$('#welcome').html("<font color='white'>Logged As: TEST</font>");
Three cheers for my lack of "reputation"!