[lirikh]

Hey, I built a website with collapsible blocks using javascript.
The DIV content is set to display:none, but javascript makes it possible to reveal it, hence the collapsible blocks.

Are there any phones that don't support javascript? Or it's only a 1% minority?

Thanks.

[Robert Michael]

lol yea, my samsung touch is one of them

[lirikh]

Ah damn.

What do you recommend?
I use this script: Dynamic Drive DHTML Scripts- Animated Collapsible DIV v2.4

So if javascript is not support, every one of my DIV's will not display, and nothing on the page would be able to display.

The content on the page are event dates, 1 to 31, showing info of each event.

edit: ahh but wait... my redirection script is also in javascript (Will's) so phones that do not support javascript won't be redirected in the first place. Is that a solution?

[WillR]

Originally Posted by lirikh

Ah damn.

What do you recommend?
I use this script: Dynamic Drive DHTML Scripts- Animated Collapsible DIV v2.4

So if javascript is not support, every one of my DIV's will not display, and nothing on the page would be able to display.

The content on the page are event dates, 1 to 31, showing info of each event.

edit: ahh but wait... my redirection script is also in javascript (Will's) so phones that do not support javascript won't be redirected in the first place. Is that a solution?

The amount of mobiles using javascript is tiny in proportion - not really worth worrying about in my opinion. There wouldn't be any new phone shipping without javascript these days.

[lirikh]

Originally Posted by WillR

The amount of mobiles using javascript is tiny in proportion - not really worth worrying about in my opinion. There wouldn't be any new phone shipping without javascript these days.

Thanks Will for clarifying this subject.
Btw, would you recommend the javascript collapsible script I mentionned?
Do you have any? I haven't seen anything like that mentioned in your course, but I think these scripts are useful.

[WillR]

If you are talking about accordion style menus then I suggest not using them. All your website pages should be on separate urls as with a regular website. Those websites that use those drop down collapsible menus have to load all the content the moment someone lands on the homepage which means lots of unnecessary downloading and waiting for the viewer. Mobile is about being fast. That's why you should always use regular style menus that lead to separate urls for each page.

[lirikh]

Originally Posted by WillR

If you are talking about accordion style menus then I suggest not using them. All your website pages should be on separate urls as with a regular website. Those websites that use those drop down collapsible menus have to load all the content the moment someone lands on the homepage which means lots of unnecessary downloading and waiting for the viewer. Mobile is about being fast. That's why you should always use regular style menus that lead to separate urls for each page.

No no you misunderstood me. It's just collapsible blocks to avoid a high number of pages. For example, instead of creating 30 pages of little information, I've implanted collapsible blocks so the user sees all 30 options, and can click on one to see more info.

I know that accordion style menus are not good for mobile websites because of the unnecessary bandwidth, but I'm confident that my purpose for collapsible blocks is a real one that will improve the end-user mobile experience.

[Jay Moreno]

Originally Posted by lirikh

No no you misunderstood me. It's just collapsible blocks to avoid a high number of pages. For example, instead of creating 30 pages of little information, I've implanted collapsible blocks so the user sees all 30 options, and can click on one to see more info.

I know that accordion style menus are not good for mobile websites because of the unnecessary bandwidth, but I'm confident that my purpose for collapsible blocks is a real one that will improve the end-user mobile experience.

The current smartphones like droid/iphone will probably work fine with it, however older feature phone and certainly older non smart feature/smart phones will have issues with it.

You could always use a php if statement with useragent detection to display the collapsible menus for iphones and androids, and use non collapsible for all other mobile devices.

This is similar to the approach we take when building mobile websites, so we ensure that people have the best mobile user experience and deliver the most compatible content regardless of what type of mobile device they are using.

It takes a little more effort, and understanding but that's part of our service that makes us stand out from the rest of the people offering mobile websites.

Useragent detection is totally underused in my opinion - using it just for redirection is merely the very tip of the iceberg of developing a mobile website.

Hth

jay