ansaurus

Question

How to wrap <noscript> tag to hide content when javascript disable

Answer 1

+1 A:

It's a little odd.

You don't even need a 'noscript' for this. You can just have a blank first page, who's only content is a javascript of the form:

document.location = '/realpage.htm';

And then call that OnLoad, with jQuery, or whatever. This will mean if the client doesn't have scripting, they don't go anywhere, hence the page remains blank.

-- Edit:

Example, as requested:

<html>
<body onload="document.location = 'realpage.html';">

</body>
</html>

Noon Silk 2009-09-16 05:46:31

hi silky,I want to try your way too. But since of the lack of knowledge. I don't know how to do. Can you write the sample code for me to test ? Thanks.

2009-09-16 06:53:47

Done.

Noon Silk 2009-09-16 07:02:40

Thanks for your response silky. Got it.

2009-09-16 07:08:41

Answer 2

A:

The noscript tag works the other way around. To make the content visible when script is enabled, put it in an element that is hidden, and show it using script:

<div id="hasScript" style="display:none">
This is content
</div>
<script>document.getElementById('hasScript').style.display='';</script>

Guffa 2009-09-16 05:48:06

Answer 3

+3 A:

Wrap all you contents inside a main div with display none and in the onload function change the display to block.

<html xmlns="http://www.w3.org/1999/xhtml"&gt;
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<div id="divMain" style="display: none">
This is content.
</div>
<noscript>
js not enabled
</noscript>
<script>
document.getElementById ( "divMain" ).style.display = "block";
</script>
</body>

</html>

rahul 2009-09-16 05:48:17

thanks it's working. Just want to know another question that, even if we add noscript tag, can they still view the source code ?

2009-09-16 06:49:24

Yes of course, noscript has nothing to do with HTML generation.

rahul 2009-09-16 06:53:11

ah okie. Thanks for your quick and fast response.

2009-09-16 07:04:24

Answer 4

A:

You could do something like

<body id="thebody">
  this is content.
  <script>
    document.getElementById('thebody').innerHTML = "<p>content when JS is enabled!";
  </script>
</body>

Alex Martelli 2009-09-16 05:48:45

ansaurus

tags:

views:

answers:

How to wrap <noscript> tag to hide content when javascript disable

related questions