Detect For Non Javascript enabled users, and Warn them!

B00MER · #1 12-20-2002, 03:18 PM

I put this in [skin1]/customer/home.tpl after my </head> tag.

Code:

The following describes how to enable JavaScripts in Internet Explorer,
Netscape Navigator and AOL browsers. To disable
JavaScript, follow the same step, but uncheck the JavaScript options that
you set when you enabled JavaScript.

Internet Explorer 5.X Open Internet Explorer.
Select Internet Options from the Tools menu.
In Internet Options dialog box select the Security tab.
Click Custom level button at bottom right. The Security settings dialog
box will pop up.
Under Scripting category check Active Scripting, Allow paste
options via script
and Scripting of Java applets
Check radio boxes.
Click OK twice to close out.

Internet Explorer 4.0:Select Internet Options from the View menu
click the Secutity tab
click Custom
click Settings
scroll down to locate Scripting
click Enable for Active Scripting
click OK, then click the Reload button

Internet Explorer 3.xx:
Select Options from the View menu
click Security
check Enable Java Programs
Click
OK, then click the
Reload button

Netscape 4.0 or higher:Select Preferences from the Edit menu
click Advanced
check in both Enable Java and Enable JavaScript
click OK

Netscape 3.0:
Select Options from the Edit menu
click Network Preferences
click Languages
check both Enable Java and Enable JavaScript
click OK
4.0 and 5.0:Click My AOL
click Preferences
click WWW
click the Secutity tab
click Custom
click Settings
scroll down to locate Scripting
click Enable for Active Scripting
click OK, then click the Reload button

Note to AOL 4.0 & 5.0 users

When using the use AOL browser, you may get a Java script error but, when
using an external browser (i.e., Netscape or IE)
this does not occur. AOL uses compressed graphics by Default. This doesn't
allow Java to work while browsing inside
AOL. (This also makes photos you view on web pages look less than their
best.)

Do the following:Click My AOL
Click Preferences
Click the WWW icon
Click Web Graphics tab
Uncheck the box next to Use Compressed Graphics
Click OK Restart the computer.
Note that there are both 16-bit and 32-bit versions of AOL 4.0. Only the
32-bit version has full Java capabilites.

AOL 3.0:
Click Prefs
Click Security
Check Enable Java Programs, if the box is blank, single click on
it.
Click OK
Click the browser's back button, once back, click reload.</noscript>

This should really ALREADY be implemented into the templates on install, since 10% of the total net population has it disabled, makes x-cart for any customer browsing your site with it disabled, utterly annoyoed because x-cart is so heavily based on javascript.

I was trying to add a {php}exit;{/php} before </noscript> but it triggers anyhow. Anyone know a way to make the templates stop parsing?

Happy holidays!

B00MER · #2 12-20-2002, 03:24 PM

http://www.thecounter.com/stats/2002/November/javas.php
10% lost customers

rrf · #3 12-23-2002, 12:31 AM

JavaScript is needed in X-Cart for lot of advanced features. However, in the next release of X-Cart we will make sure that at least _basic_ features will work even if a customer does not have JavaScript enabled.

mickna · #4 03-06-2003, 03:00 AM

THX Boomer! Nice!

However I think it's a little more comfortable to put the code outside the head.tpl (speed, language)

I did this:

Insert in home.tpl:
--------------------------snip

<noscript>
{if $store_language eq "DE"}
{ include file="customer/nojava_ger.tpl" }
{elseif $store_language eq "US"}
{ include file="customer/nojava_engl.tpl" }
{else}
{ include file="customer/nojava_engl.tpl" }
{/if}
</noscript>

-------------------------snip

Put your code (only the explanasion of course

) in a extra tpl-file under customer/nojava_engl.tpl for user who was prev. here and enabled javascript. The same for German and the last line ( after {else} ) for default (here english again)

So the home.tpl is shorter to read I think and you can handel which language....

Cheers,
mickna

Jon · #5 03-31-2003, 11:16 AM

What about netscape 7.0 users

B00MER · #6 03-31-2003, 12:41 PM

Nutscrape

http://www.thecounter.com/stats/2002/November/browser.php

Jon · #7 03-31-2003, 12:51 PM

Wow, people on netscape 1 !!

I mean if they are using netscape 7.0 you have no instructions on how to activate java

BoomBoomBap · #8 05-07-2003, 05:26 PM

Perusing through the forums I discovered this simple but very nice mod. Thanks Boomer!

I implemented it using the method mickna described.

I have updated the content of the file to better reflect current browsers as well as some corrections for language, spelling, layout, and etcetera.

The following browsers are included in the information below:

Mozilla 1.X
Opera 5.X
Opera 7.X
Safari Public Beta 2 for MACOSX
Internet Explorer 3.X
Internet Explorer 4.X
Internet Explorer 5.X
Internet Explorer 5.X for MACOSX
Internet Explorer 5 for MACOS9
Internet Explorer 6.X
Netscape 3.X
Netscape 4.X
Netscape 4.X for MACOS9
Netscape 6.X for MACOSX
Netscape 7.X
AOL 3.0
AOL 4.0 and 5.0

The resulting code for a file called skin1/customer/no_javascript.tpl:

Code:


<center>
<table bgcolor="white" width="80%" cellpadding="5"><tr><td>
<p align="center"><FONT COLOR="#FF0000" SIZE="-1">*** ERROR *** 
JAVASCRIPT IS REQUIRED TO USE THIS SITE! </FONT></p> 

<p align="center"> How to Enable/Disable JavaScript 




<a name=Top></a>
The following instructions describe how to set JavaScript options for:



Mozilla, Opera, Safari, Explorer, Netscape, and AOL browsers.</p>
<hr>


 
<a name="Mozilla">Mozilla 1.X </a>Open Mozilla.
Select Preferences from the Edit menu.
Click the arrow next to Advanced.
Click Scripts &amp; Plugins.
Check Navigator beneath "Enable Javascript for".
Click OK.
Click Reload.
<hr noshade size=1><div align="right">Back to Top</div>
<a name="Opera">Opera 5.X</a>Open Opera.
Select Quick Preferences from the File menu.
Make sure Enable Javascript is checked.
Click Reload.
Opera 7.X Open Opera.
Select Quick Preferences from the File menu.
Make sure Enable Javascript is checked.
Click Reload.
<hr noshade size=1><div align="right">Back to Top</div>

<a name="Safari">Safari Public Beta 2 for MACOSX </a>Open Safari.
Select Preferences from the Safari menu.
Click Security.
Check both Enable Java and Enable JavaScript.
Close the window.
Click Reload.
<hr noshade size=1><div align="right">Back to Top</div>

<a name="IE">Internet Explorer 3.X</a>Select Options from the View menu.
Click Security.
Check Enable Java Programs.
Click OK.
Click Reload.

Internet Explorer 4.X Select Internet Options from the View menu.
Click the Security tab.
Click Custom.
Click Settings.
Scroll down to locate Scripting.
Click Enable for Active Scripting.
Click OK.
Click Reload.

Internet Explorer 5.X  Open Internet Explorer.
Select Internet Options from the Tools menu.
In Internet Options dialog box select the Security tab.
Click Custom level button at bottom. The Security Settings dialog 
box will pop up.
Under Scripting category enable Active Scripting, Allow paste options via script and Scripting of Java applets
Click OK twice to close out.
Hit Refresh.

Internet Explorer 5.X for MACOSX Open Internet Explorer.
Select Preferences from the Explorer menu.
Click the arrow next to Web Browser.
Click Web Content.
Under Active Content check Enable Scripting.
Click OK.
Click Refresh.
Internet Explorer 5 for MACOS9 Open Internet Explorer.
Select Preferences from the Edit menu.
Click the arrow next to Web Browser.
Click Web Content.
Under Active Content check Enable Scripting.
Click OK.
Click Refresh.

Internet Explorer 6.X  Open Internet Explorer.
Select Internet Options from the Tools menu.
In Internet Options dialog box select the Security tab.
Click Custom level button at bottom. The Security settings dialog box will pop up.
Under Scripting category enable Active Scripting, Allow paste options via script and Scripting of Java applets
Click OK twice to close out.
Hit Refresh.
<hr noshade size=1><div align="right">Back to Top</div>

<a name="Netscape">Netscape 3.X </a>
Select Options from the Edit menu.
Click Network Preferences.
Click Languages.
Check both Enable Java and Enable JavaScript.
Click OK.
Click Reload.
Netscape 4.X Open Netscape.
Select Preferences from the Edit menu.
Click Advanced.
Check both Enable Java and Enable JavaScript
Click OK.
Click Reload.
Netscape 4.X for MACOS9 Open Netscape.
Select Preferences from the Edit menu.
Click Advanced.
Check both Enable Java and Enable JavaScript
Click OK.
Click Reload.
Netscape 6.X for MACOSX Open Netscape.
Select Preferences from the Edit menu.
Click Advanced
Check both Enable Java and Enable JavaScript for Navigator
Click OK.
Click Reload.
Netscape 7.X Open Netscape.
Select Preferences from the Edit menu.
Click the arrow next to Advanced.
Click Scripts &amp; Plugins.
Check Navigator beneath "Enable Javascript for".
Click OK.
Click Reload.
<hr noshade size=1><div align="right">Back to Top</div>

<a name="AOL">AOL 3.0 </a>
Click Prefs.
Click Security.
Check Enable Java Programs, if the box is blank, single click on it.
Click OK .
Click the browser's back button, once back, click reload. 
AOL 4.0 and 5.0 Click My AOL.
Click Preferences.
Click WWW.
Click the Secutity tab.
Click Custom.
Click Settings.
Scroll down to locate Scripting.
Click Enable for Active Scripting.
Click OK, then click the Reload button.

Note to AOL 4.0 & 5.0 users

 

When using the use AOL browser, you may get a Javascript error but, when using an external browser (i.e., Netscape or Internet Explorer) this does not occur. AOL uses compressed graphics by Default. This doesn't allow Java to work while browsing inside AOL. (Additionally, this makes photos you view on web pages look less than optimal.)

 

Do the following: Click My AOL.
Click Preferences.
Click the WWW icon.
Click Web Graphics tab.
Uncheck the box next to Use Compressed Graphics.
Click OK Restart the computer.
Note that there are both 16-bit and 32-bit versions of AOL 4.0. Only the 32-bit version has full Java capabilites.
<hr noshade size=1><div align="right">Back to Top</div>
</td></tr></table>
</center>

The code for skin1/customer/home.tpl (placed beneath the <Body> tag):

Code:

 
<noscript> 
{ include file="customer/no_javascript.tpl" } 
</noscript>

BoomBoomBap · #9 05-07-2003, 05:33 PM

Just to make life a bit easier I uploaded an HTML version for your viewing pleasure:

http://www.boomboombap.com/no_javascript.html

Cheers !

:P

Jon · #10 05-09-2003, 12:36 PM

Is it safe to do:

<script>
all the original content
</script>
<noscript>
{ include file="nojava.tpl" }
</noscript>

So that you get one or the other but not both?