473,385 Members | 1,834 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,385 software developers and data experts.

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
14 1289
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...@gregorkofler.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...@gregorkofler.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.comwrote:
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 <noscriptblocks are very handy.


Jun 27 '08 #5
In article
<69**********************************@56g2000hsm.g ooglegroups.com>,
Prisoner at War <pr*************@yahoo.comwrote:
On Apr 30, 7:03 pm, Gregor Kofler <use...@gregorkofler.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...@domain.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
In article
<13**********************************@a1g2000hsb.g ooglegroups.com>,
Prisoner at War <pr*************@yahoo.comwrote:
On May 1, 8:17 am, David Stone <no.em...@domain.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 #8
Prisoner at War meinte:
On May 1, 12:28 pm, David Stone <no.em...@domain.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 #9
In article
<4e**********************************@x41g2000hsb. googlegroups.com>,
Prisoner at War <pr*************@yahoo.comwrote:
On May 1, 12:28 pm, David Stone <no.em...@domain.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"....
[snip]

Java or JavaScript? (Not the same thing!)

Actually, it's some kind of ActiveX "firewall" that seems to only
affect *my* JavaScript! Other sites' JavaScripts work fine, but the
one I'm creating offline gets that MSIE 7 warning about ActiveX
Controls...?!
Can't help you there - like I said, I don't have access to IE.
You could try the Help function...

[snip]
>
Another thing, please, since you seem really knowledgeable about
browser matters: Firefox' JavaScript console popped up for the first
time today over a modal window I was wrestling with, but it never did
before, despite my being far from being even a competent Script
Kid...so why did it decide to do that today all of a sudden?
Preferences Content - note the different options, the ability
to set site-specific exceptions, and the Advanced... button for
JavaScript settings.
Furthermore, I erased the "log activity" of the console ('cause I
couldn't understand them anyway and wanted to regenerate the error
messages by re-running that problematic modal window script) but
despite still popping up, no more error messages were posted by the
console! What the font?!?!
No idea - try the Help function...
Jun 27 '08 #10
On May 2, 7:13 am, David Stone <no.em...@domain.invalidwrote:
>
Can't help you there - like I said, I don't have access to IE.
You could try the Help function...

[snip]

Preferences Content - note the different options, the ability
to set site-specific exceptions, and the Advanced... button for
JavaScript settings.

No idea - try the Help function...

"Help" is usually not helpful -- funny how they write those
things...they're basically reference material which would only be
relevant to people who already know how to use the app!

But thanks for all your suggestions!
Jun 27 '08 #11
On May 2, 2:48 am, Gregor Kofler <use...@gregorkofler.atwrote:
>

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"?
Wow, that's funny! But it doesn't surprise me...they're "unique" over
there, shall we say...they're a multi-million dollar company that's
been around since ~1997 but they're first and foremost network
marketing types, so basically they're about "making money" and much
less so about "technology" and "clean code"...you know, the
"whatever's clever" sort of people (which many of us are, from time to
time concerning certain things)....

Not to badmouth my webhost, now -- they're very good in other ways,
especially for a certain kind of newbie...unfortunately, I might be
leaving them sooner or later 'cause they won't even let me upload
simple .ani or .cur files and there's no explanation why not!

If anyone else has an opinion, please check out http://buildit.sitesell.com/sunnyside.html
and let me know...I've got three months "invested" in this service
and, like I said, there are many things I like about it as a n00b, but
certain little things bother me, yet the thought of transferring my
domain, etc., isn't all that appealing...plus, their private forums
can be pretty good, especially WRT business ideas -- but like any
forum, unfortunately, there are the "top-posting police" who like to
tell people what to say and how to say it! Anyway, if anyone knows of
a comparable host (not just another webhost, but a "comparable" one,
which *they* claim there isn't!), please let me know, thanks....

Jun 27 '08 #12

Prisoner at War wrote:
>
If anyone else has an opinion, please check out http://buildit.sitesell.com/sunnyside.html
Is there supposed to be something at that sunnyside.html page?
I just get redirected to http://buildit.sitesell.com/main/home.html

Of course, with JS disabled I only get a blank page.

--
Berg
Jun 27 '08 #13
On May 2, 4:35 pm, Bergamot <berga...@visi.comwrote:
Prisoner at War wrote:
If anyone else has an opinion, please check outhttp://buildit.sitesell.com/sunnyside.html

Is there supposed to be something at that sunnyside.html page?
I just get redirected tohttp://buildit.sitesell.com/main/home.html

Of course, with JS disabled I only get a blank page.

--
Berg

??

Sorry, I don't know what could be going on with that; it's just
supposed to be one of the webhost's pages. If you see the pitch about
why they're the best thing on the internet, blah blah blah, then
you've arrived where you should be!

You know, I'm going to try to disable JavaScript myself and
see...these guys kind of have me feeling a bit cynical...their advice
is KISS but obviously they've got JavaScript out the wazoo and their
site doesn't degrade gracefully at all! Well, what do yo expect from
MLM/network-marketing guys...even though the founder and president was
a medical doctor, oddly enough....

Oh, BTW, anybody know of a similar webhost (SBI! claims that they're
the only ones who do what they do), please let me know...I might be
looking to move my site next year once my current subscription expires
(with SBI! you pay a year in advance, though they offer pro-rated
refunds at any time)....
Jun 27 '08 #14
Prisoner at War wrote:
On May 2, 4:35 pm, Bergamot <berga...@visi.comwrote:
>Prisoner at War wrote:
>>If anyone else has an opinion, please check outhttp://buildit.sitesell.com/sunnyside.html
Is there supposed to be something at that sunnyside.html page?
I just get redirected tohttp://buildit.sitesell.com/main/home.html

Of course, with JS disabled I only get a blank page.

--
Berg


??

Sorry, I don't know what could be going on with that; it's just
supposed to be one of the webhost's pages. If you see the pitch about
why they're the best thing on the internet, blah blah blah, then
you've arrived where you should be!
You are using JavaScript to to a document.write of a meta-tag refresh to
redirect... UG! Very bad in so many ways....

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
Jun 27 '08 #15

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

Similar topics

0
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'...
49
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...
2
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...
2
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...
26
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...
13
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...
24
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...
4
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
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...
5
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 § ...
0
by: taylorcarr | last post by:
A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: ryjfgjl | last post by:
If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...
0
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
0
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,...
0
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...
0
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

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.