Technology Programming

JavaScript By Example

You may not want to just hide something if JavaScript is enabled. Often what you will really need is to have different content depending on whether or not JavaScript is enabled.

This example shows you how you can have one thing display when JavaScript is not available and then update it to display something different when JavaScript is enabled. In this particular example one word in the middle of a sentence is changed but the method is equally applicable to substituting as much or little of the page content as you need to.

HTML


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<head>
<title>Example 03</title>
</head>
<body>
<p>JavaScript is <span id="ex">not</span> available.</p>
<script type="text/javascript" src="example03.js"></script>
</body>
</html>

JavaScript


document.getElementById('ex').innerHTML = 'definitely';



Leave a reply