473,765 Members | 2,061 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

Strategies for Non-JavaScript-Enabled Visitors...


Okay, I think I'll soon be getting all the JavaScript/CSS/DHTML-
related "site mechanics" wrapped up...at least until I decide on real
Ajax-style interactivity next year!

But until then, I'd be interest in strategies for dealing with those
visitors who don't have JavaScript enabled...how I can not only give
them the same access, but not make that access "corny"?

Like, for example, I want a modal window to pop up on a
hyperlink...but someone without JavaScript enabled would not get that
modal window effect, and would instead simply be sent along as if to a
"real" hyperlink, complete with a "page redraw," totally breaking the
design! How can I prevent that, while ensuring that such a visitor
still gets the information?

Etc.

As always, so many thanks for all your time and help!!
Jun 27 '08 #1
15 1415
Prisoner at War meinte:
Okay, I think I'll soon be getting all the JavaScript/CSS/DHTML-
related "site mechanics" wrapped up...at least until I decide on real
Ajax-style interactivity next year!

But until then, I'd be interest in strategies for dealing with those
visitors who don't have JavaScript enabled...how I can not only give
them the same access, but not make that access "corny"?

Like, for example, I want a modal window to pop up on a
hyperlink...but someone without JavaScript enabled would not get that
modal window effect, and would instead simply be sent along as if to a
"real" hyperlink, complete with a "page redraw," totally breaking the
design! How can I prevent that, while ensuring that such a visitor
still gets the information?

Etc.

As always, so many thanks for all your time and help!!
Design your site without any JS involved. If it works decently, add JS
stuff as "nice-to-have-or-look-at". E.g. the non JS version comes
without popup calendar, error messages are not in modals, but plain
server-generated messages. Forms must be validated on the server-side,
but one can add AJAX functionality for a better response times.

However, some features will lead to "parallel" (and labor-intense)
solutions. E.g. the online shop. The classic one with checkboxes, the
nice one with drag-and-drop baskets.

Gregor
--
http://photo.gregorkofler.at ::: Landschafts- und Reisefotografie
http://web.gregorkofler.com ::: meine JS-Spielwiese
http://www.image2d.com ::: Bildagentur für den alpinen Raum
Jun 27 '08 #2
On Apr 30, 7:03 pm, Gregor Kofler <use...@gregork ofler.atwrote:
>

Design your site without any JS involved. If it works decently, add JS
stuff as "nice-to-have-or-look-at".
Actually, that's exactly how I started out...then I realized that some
folks choose to disable JavaScript!
E.g. the non JS version comes
without popup calendar, error messages are not in modals, but plain
server-generated messages.
Unfortunately, my webhost doesn't allow server-side scripting!

http://buildit.sitesell.com/sunnyside.html
Forms must be validated on the server-side,
but one can add AJAX functionality for a better response times.
Oh no, does Ajax involve any server-side scripting, then? Hmmm, I
figured I'd learn with this webhost of mine, but it seems I may be
coming up against its technical limitations sooner or later!
However, some features will lead to "parallel" (and labor-intense)
solutions. E.g. the online shop. The classic one with checkboxes, the
nice one with drag-and-drop baskets.
Well, I was wondering how to avoid parallel or duplicate solutions,
too, which falls under the heading of "corny" and "inelegant"...I 've
only got a few bits of JavaScript, actually, but they're "legit" and
important, like a JavaScript search engine (technically, a directory
pretending to be a search engine!)...I was wondering how best to
gracefully provide for such circumstances.. ..
Jun 27 '08 #3
Prisoner at War meinte:
On Apr 30, 7:03 pm, Gregor Kofler <use...@gregork ofler.atwrote:
>>
Design your site without any JS involved. If it works decently, add JS
stuff as "nice-to-have-or-look-at".

Actually, that's exactly how I started out...then I realized that some
folks choose to disable JavaScript!
So what? They get the not-soooo-pretty-but-still-perfectly-usable page.
Unfortunately, my webhost doesn't allow server-side scripting!
Hey, then it's easy. You can forget about all the "serious" stuff, since
XHR (aka AJAX) doesn't make (much) sense without server side scripting.
>
http://buildit.sitesell.com/sunnyside.html
>Forms must be validated on the server-side,
but one can add AJAX functionality for a better response times.

Oh no, does Ajax involve any server-side scripting, then?
Practically speaking: Yes.
>However, some features will lead to "parallel" (and labor-intense)
solutions. E.g. the online shop. The classic one with checkboxes, the
nice one with drag-and-drop baskets.

Well, I was wondering how to avoid parallel or duplicate solutions,
As I said: It's *extremely* unlikely, to find a solution, where you just
add some JS to your classic checkbox-driven shopping cart, and it
becomes automagically a smooth drag-and-drop-application.

Gregor
--
http://photo.gregorkofler.at ::: Landschafts- und Reisefotografie
http://web.gregorkofler.com ::: meine JS-Spielwiese
http://www.image2d.com ::: Bildagentur für den alpinen Raum
Jun 27 '08 #4
VK
On May 1, 2:57 am, Prisoner at War <prisoner_at_.. .@yahoo.comwrot e:
I'd be interest in strategies for dealing with those
visitors who don't have JavaScript enabled
Such strategy depends on the solution you are making.
If it is a conventional Web 1.0 site with Javascript used to "nice up"
your pages then check your pages with Javascript disabled to make sure
that they are still accessible, navigable and usable.
for a sample see for instance amazon.com or hotmail.com

If it is a Web 2.0 solution where client-side script-driven interface
is an essential part then don't forget to provide a user notification
with instructions what does he/she have to do to use your resources.
for a sample see for instance www.youtube.com or www.facebook.com

In either case <noscriptbloc ks are very handy.


Jun 27 '08 #5
In article
<69************ *************** *******@56g2000 hsm.googlegroup s.com>,
Prisoner at War <pr************ *@yahoo.comwrot e:
On Apr 30, 7:03 pm, Gregor Kofler <use...@gregork ofler.atwrote:


Design your site without any JS involved. If it works decently, add JS
stuff as "nice-to-have-or-look-at".

Actually, that's exactly how I started out...then I realized that some
folks choose to disable JavaScript!
E.g. the non JS version comes
without popup calendar, error messages are not in modals, but plain
server-generated messages.

Unfortunately, my webhost doesn't allow server-side scripting!

http://buildit.sitesell.com/sunnyside.html
I would start by having your basic page layout contained within
the <bodyof your of your document, rather than a completely
empty one!

Figure out what you need to have so that visitors have something
to see _without_ resorting to JS or <noscriptblocks .

If you have stuff that absolutely has to be delivered via JS, load
it into <div>s with specific id values rather than constructing
the entire page that way.

Here's what I see when I visit your site in Firefox with the
NoScript plug-in enabled:

http://www.chem.utoronto.ca/~dstone/sunnyside.tiff

- stunning, isn't it? ;)
Jun 27 '08 #6
On May 1, 8:17 am, David Stone <no.em...@domai n.invalidwrote:
>

I would start by having your basic page layout contained within
the <bodyof your of your document, rather than a completely
empty one!
Huh?? Have basic page layout in the <bodytag instead of an external
CSS file?!
Figure out what you need to have so that visitors have something
to see _without_ resorting to JS or <noscriptblocks .
"Look and feel" is very important to the "ethos" of my site, and I use
JavaScript as a kind of communication, since to my mind "special
effects" are like a sort of "body language" -- stuff that
communicates, but non-verbally. For visitors who would put on
"JavaScript blinders" I need to make content accessible, but without
making duplicate pages. Problem is, something like a modal window --
how else to get that same info across when JavaScript is disabled??
If you have stuff that absolutely has to be delivered via JS, load
it into <div>s with specific id values rather than constructing
the entire page that way.
Well, that JavaScript site search engine (again, really a directory)
needs to work...I was thinking of using the Google Free thinggy in
case JavaScript is disabled (Google Free isn't JavaScript, too, is
it??)....
Here's what I see when I visit your site in Firefox with the
NoScript plug-in enabled:

http://www.chem.utoronto.ca/~dstone/sunnyside.tiff

- stunning, isn't it? ;)
Hey, wait a minute!!

I have JavaScript disabled in Internet Explorer 7 (it was disabled by
default for some reason) and I can still view that site nicely, with
the JavaScript working just fine -- I think I wrote about it in my
"browser weirdness" thread on CLJ a month ago...for some reason,
http://buildit.sitesell.com/sunnyside.html with all its JavaScript
worked fine but my offline site, which I tested in IE7 with JavaScript
disabled, didn't work (no image-swaps, etc.) -- ?!?!

But how did your NoScript plug-in do that??? How come simply
disabling JavaScript doesn't result in the same thing???
Jun 27 '08 #7
On May 1, 4:59 am, VK <schools_r...@y ahoo.comwrote:
>

Such strategy depends on the solution you are making.
If it is a conventional Web 1.0 site with Javascript used to "nice up"
your pages then check your pages with Javascript disabled to make sure
that they are still accessible, navigable and usable.
It's Web 1.0, though hopefully one day it will be so popular that the
trouble of implementing Web 2.0 would be justified!

My main concerns involve the JavaScript search engine and modal
windows.
for a sample see for instance amazon.com or hotmail.com
I think amazon insists on cookies. I hate sites that insist on
placing cookies, though I usually have no choice if I am to access
them.
If it is a Web 2.0 solution where client-side script-driven interface
is an essential part then don't forget to provide a user notification
with instructions what does he/she have to do to use your resources.
for a sample see for instancewww.you tube.comorwww.f acebook.com

In either case <noscriptbloc ks are very handy.
Hmmm...how can I use <noscripttags for a modal window? That's my
main issue right now (aside from a JavaScript search engine that
wouldn't work -- any work-arounds for that??): how to provide the
information given by modal windows when JavaScript is disabled....

And speaking of modal windows...I'd e-mailed you about the subModal
hyperlink you'd provided in another thread...if you don't check e-
mail, let me ask you here: how do I hack the code so as to prevent
horizontal scrollbars from showing up?? They appear when the webpage
already has vertical scrollbars. I looked on the subModal group in
Google Groups but wasn't able to make sense of the suggestion offered,
about subtracting 18 pixels from "the offset div" in the
JavaScript....
Jun 27 '08 #8
In article
<13************ *************** *******@a1g2000 hsb.googlegroup s.com>,
Prisoner at War <pr************ *@yahoo.comwrot e:
On May 1, 8:17 am, David Stone <no.em...@domai n.invalidwrote:


I would start by having your basic page layout contained within
the <bodyof your of your document, rather than a completely
empty one!

Huh?? Have basic page layout in the <bodytag instead of an external
CSS file?!
No, actual CONTENT - the page you gave in your URL was completely
empty, apart from some links server up by the JS.
[snip]
Here's what I see when I visit your site in Firefox with the
NoScript plug-in enabled:

http://www.chem.utoronto.ca/~dstone/sunnyside.tiff

- stunning, isn't it? ;)

Hey, wait a minute!!

I have JavaScript disabled in Internet Explorer 7 (it was disabled by
default for some reason) and I can still view that site nicely, with
the JavaScript working just fine -- I think I wrote about it in my
Java or JavaScript? (Not the same thing!)
Disabled for ALL site, or only ones which aren't flagged as
trusted? It's been a long time since I poked preferences in
IE, and I don't have access to IE 7 at all, but my recollection
is that things a bit, um, "clearer" in Firefox and related browsers
compared to IE versions.

But how did your NoScript plug-in do that??? How come simply
disabling JavaScript doesn't result in the same thing???
Try installing Firefox and No-Script on your test box, and see if
you get the same thing...
Jun 27 '08 #9
Prisoner at War meinte:
On May 1, 12:28 pm, David Stone <no.em...@domai n.invalidwrote:
>>
No, actual CONTENT - the page you gave in your URL was completely
empty, apart from some links server up by the JS.

Hmm, didn't realize their page was like that! That's my webhost, you
know, and they're always preaching about web standards and "KISS"....
Er... what? You're talking bout this sitesell blokes? The ones, whose
webpage issues 24 warnings when sent through the validator? The ones
using <fontand several proprietary attributes? The ones defining font
sizes in "px"?

Gregor
--
http://photo.gregorkofler.at ::: Landschafts- und Reisefotografie
http://web.gregorkofler.com ::: meine JS-Spielwiese
http://www.image2d.com ::: Bildagentur für den alpinen Raum
Jun 27 '08 #10

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

0
1064
by: Guyon Morée | last post by:
Hi, I am planning on creating a system using a xml rpc webservice. Simple XML RPC examples are easy to find on the web, but I am actually looking for some strategies or 'best practices' information on the subject. I am using python+twisted to do this, but language/framework independant design information is equally welcome. I hope my request is clear enough.
49
2559
by: Paul Rubin | last post by:
I've started a few threads before on object persistence in medium to high end server apps. This one is about low end apps, for example, a simple cgi on a personal web site that might get a dozen hits a day. The idea is you just want to keep a few pieces of data around that the cgi can update. Immediately, typical strategies like using a MySQL database become too big a pain. Any kind of compiled and installed 3rd party module (e.g....
2
1853
by: Ed Wong | last post by:
I am looking for some published paper regarding database performance tunning performance strategies. This is for academic purpose so it needs not to be any commerical database specific. It will be even better if the paper has some kind of methods to quantify/measure performance. Has anyone come across with any interesting paper about this? Thanks, ewong
2
1530
by: robin | last post by:
The Oblique Strategies were originally a set of one-hundred cards, each bearing a short phrase. They were devised by Brian Eno and Peter Schmidt as ways of working through creative problems. When a blockage occurs, draw a card, and see if it can direct you in a tangential way that helps solve the problem. I have created a Python implementation that includes two different decks. Since one of these is my own, I can be sure this is an...
26
6276
by: Ed L. | last post by:
Here's some of my current notions on pgsql performance tuning strictly as it relates to pgsql tuning parameters in the context of a dedicated linux or hpux server. I'm particularly focusing on the shared_buffers setting. I invite any corrective or confirming feedback. I realize there are many other hugely important performance factors outside this scope. One key aspect of pgsql performance tuning is to adjust the memory ...
13
1780
by: CoreyWhite | last post by:
When playing games, perhaps the most simple is tic-tac-toe. The game has two simple strategies, one is defensive and the other offensive. It is not hard at first to learn how to tie games when playing an opponent. And then the next stage in development comes after you learn how to beat an opponent. You really can only employ either strategy when you get to make the first move, and your opponent will quickly learn what you are doing...
24
2526
by: David | last post by:
Hi list. What strategies do you use to ensure correctness of new code? Specifically, if you've just written 100 new lines of Python code, then: 1) How do you test the new code? 2) How do you ensure that the code will work correctly in the future? Short version:
4
1942
by: David | last post by:
Hi list. Do test-driven development or behaviour-driven development advocate how to do higher-level testing than unit testing? types of testing: unit integration system
0
1924
by: origami.takarana | last post by:
Intrusion Detection Strategies ----------------------------------- Until now, we’ve primarily discussed monitoring in how it relates to intrusion detection, but there’s more to an overall intrusion detection installation than monitoring alone. Monitoring can help you spot problems in your network, as well as identify performance problems, but watching every second of traffic that passes through your network, manually searching for...
5
1252
by: Berryl Hesh | last post by:
Requirements for a field that represents an EmployeeNumber: · The field is always 6 characters long, and is stored as a 'string' in the db o All characters must be digits § Regex pattern? o If the number of digits in the EmployeeNumber is less than 6
0
9568
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look ! Part I. Meaning of...
0
9399
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
0
10163
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...
1
9957
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...
1
7379
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms. Adolph will...
0
6649
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...
0
5276
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
1
3924
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
2
3532
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.