1st Dec 2011, 07:59 PM | #1 |
HyperActive Warrior Join Date: 2010
Posts: 314
Thanks: 61
Thanked 12 Times in 11 Posts
|
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. |
1st Dec 2011, 08:04 PM | #2 |
Senior Warrior Member War Room Member Join Date: 2011
Posts: 1,841
Thanks: 904
Thanked 846 Times in 581 Posts
|
lol yea, my samsung touch is one of them
|
| |
1st Dec 2011, 08:25 PM | #3 |
HyperActive Warrior Join Date: 2010
Posts: 314
Thanks: 61
Thanked 12 Times in 11 Posts
|
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? |
1st Dec 2011, 08:38 PM | #4 | |
Digital Marketer War Room Member Join Date: 2010 Location: Australia
Posts: 12,475
Thanks: 1,984
Thanked 8,187 Times in 4,079 Posts
|
| |
| ||
1st Dec 2011, 10:00 PM | #5 | |
HyperActive Warrior Join Date: 2010
Posts: 314
Thanks: 61
Thanked 12 Times in 11 Posts
|
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. | |
4th Dec 2011, 05:44 AM | #6 |
Digital Marketer War Room Member Join Date: 2010 Location: Australia
Posts: 12,475
Thanks: 1,984
Thanked 8,187 Times in 4,079 Posts
|
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.
|
| |
4th Dec 2011, 10:37 PM | #7 | |
HyperActive Warrior Join Date: 2010
Posts: 314
Thanks: 61
Thanked 12 Times in 11 Posts
|
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. | |
5th Dec 2011, 11:59 AM | #8 | |
Mobile+WP = JumpMobi.com War Room Member Join Date: 2009 Location: San Antonio, Tx
Posts: 1,270
Thanks: 301
Thanked 449 Times in 309 Posts
|
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 | |
Sorry, I am too busy helping people to think of a cool signature! | ||
Bookmarks |
Tags |
javascript, phones, support |
| |