[SOLVED] Showing something on a page - only if they have Javasciprt disabled.

[Ed]

You've lost me.

[Aso]

Even though your doctype is 'XHTML', you are serving the page as 'HTML' (as Mike pointed out). Don't worry about this too much, many people use XHTML doctypes and serve them as HTML (which there is a bit of debate about, but I won't bore you with the details ).

[Ed]

Okay, okay...does this mean I should, or I shouldn't use Swagner's method?

Ed

[Aso]

It means you can use Swagner's method, as Mike said

[MikeHopley]

Basically, that line of code says to the browser "I am HTML." The browser respects this, and it processes your page as HTML.

Because your page is being processed as HTML, you can use document.write.

If you ever switch to real XHTML, then document.write will break your pages (it breaks well-formedness, which is a strict requirement of XHTML).

[Ed]

Please don't shoot me!

This was my question before you showed me your method Mike.
I have attempted to implement Swagner's method.

Why doesn't it work here : http://simplifiedimpact.com/beta2.html

HTML: Select all

<script type="text/javascript">
var code = '<h3 class="section"><img src="http://simplifiedimpact.com/WELP.jpg" alt="Welcome" /><a id="toggle" href="#" name="toggle"><img class="imageslide" src="http://simplifiedimpact.com/images57/slidebutton.jpg" alt="Slide" /></a></h3>
<div id="test"><img id="ready" src="http://simplifiedimpact.com/nobinoculars.jpg" alt="Ready?" /><br />
Yes, we design beautiful websites that are extremely simple, yet have some serious impact.<br />
<br />
<br />
<div class="aboutpara"><img src="http://simplifiedimpact.com/aboutus5.jpg" alt="** PLEASE DESCRIBE THIS IMAGE **" /><br />
Simplified Impact is a small web design company based in Cork, Ireland.</div>
</div>';
document.write(code);
</script>

Ed

[MikeHopley]

Originally Posted by Vivara

Please don't shoot me!

This was my question before you showed me your method Mike.
I have attempted to implement Swagner's method.

Relax! Don't worry. Gawd, I'm not that much of an ogre, am I?

...on second thoughts, don't answer that question.

I actually think Swagner's method is better than mine.

Why doesn't it work here : http://simplifiedimpact.com/beta2.html

You still have errors in your code. The validator thinks that your JS is HTML.

I'm afraid I'm unfamiliar with the vagaries of document.write.

[Stuart]

OK, I see that you're using my idea now. The problem is that when you use document.write, all code needs to be on one line. You can't separate the stuff within the document.write declaration. For example, you can't use this:

Code: Select all

document.write('Some

Text');

It won't work! It must be:

Code: Select all

document.write('Some Text');

So, this means that your script should be:

Code: Select all

<script type="text/javascript">
var code = '<h3 class="section"><img src="http://simplifiedimpact.com/WELP.jpg" alt="Welcome" /><a id="toggle" href="#" name="toggle"><img class="imageslide" src="http://simplifiedimpact.com/images57/slidebutton.jpg" alt="Slide" /><\/a><\/h3><div id="test"><img id="ready" src="http://simplifiedimpact.com/nobinoculars.jpg" alt="Ready?" /><br />Yes, we design beautiful websites that are extremely simple, yet have some serious impact.<br /><br /><br /><div class="aboutpara"><img src="http://simplifiedimpact.com/aboutus5.jpg" alt="** PLEASE DESCRIBE THIS IMAGE **" /><br />Simplified Impact is a small web design company based in Cork, Ireland.<\/div><\/div>';
document.write(code);
</script>

Note that I also added backslashes (\) in front of slashes in closing tags to prevent javascript errors. For example: <\/a>

Hope that helps!

[Ed]

Thank You!

You can see what I wanted if you view http://simplifiedimpact.com/beta2.html with JavaScript enabled and disabled. I want to make my site accessible to every user and not just most.

Ed

[Stuart]

Glad to help! And may I add that your site is great! The sliding effect is really nice!

[Ed]

Thank You Mike and aso186 as well, it's great that you both have such knowledge!

Ed

[Stuart]

Hey, that's what the forumz are for!