One problem that I've faced when developing mobile sites that utilize touch instead of mouse click is with stopping elements underneath the screen overlay from reacting to a touch.
It seems that a touch will penetrate to any layer under a screen overlay. I haven't found a solution to this problem other than to us JS to set the <body> css to "display:none" while the overlay is in place. Is there a simpler way? Rick -----Original Message----- From: .jonah [mailto:[email protected]] Sent: Sunday, June 10, 2012 8:25 PM To: cf-talk Subject: Re: detecting mobile devices All the projects I'm working on now are "responsive" e.g. using flexible layouts and media queries. However, there are always going to be certain elements or features that you can't just reflow and have be an optimal experience for both mobile and desktop. (e.g. touch and mouse/keyboard) so, being able to know what kind of device you're serving to allows you to optimize things further by serving up the appropriate stuff. On 6/10/12 5:11 PM, Rick Faircloth wrote: > Hi, Jonah... > > Just a quick question... > > Have you found the method of detecting specific mobile > devices to be preferable to "Responsive Web Design"? > > Interested to know you thoughts and experience. > > Thanks! > > Rick > > -----Original Message----- > From: .jonah [mailto:[email protected]] > Sent: Sunday, June 10, 2012 7:52 PM > To: cf-talk > Subject: Re: detecting mobile devices > > > This JavaScript value extractor would be pretty easy to translate to CF too: > > http://www.quirksmode.org/js/detect.html > > On 6/10/12 10:39 AM, RICHARD SIMPSON II wrote: >> HTTP_USER_AGENT : String ReReplace (UNFINISHED) >> >> <------------------------------------> >> My idea is to extract each instance before ";" so we can auto detect > operating systems, browser versions, and future devices. This data can be > placed in a table, xml file, etc. Thus, it can be logged, massaged for > css/html5, j-Queried, etc. >> I'm not sure if this is the best way to do this. >> But it is worth a spin on some ideas. Thanks and CF STILL ROCKS. >> <------------------------------------> >> >> <!--- REPLACE THE FIRST '(' WITH NOTHING '', CREATING A SPACE ---> >> <cfset TheString = REReplace(HTTP_USER_AGENT, '\(', '', 'ALL') /> >> <!-- TheString: #TheString#<br /><br /> --> >> >> <!--- REPLACE THE FIRST ')' WITH NOTHING '', CREATING A SPACE ---> >> <cfset TheString2 = REReplace(TheString, '\)', '', 'ALL') /> >> <!-- TheString2: #TheString2#<br /><br /> --> >> >> <!--- REPLACE THE SPACES ' ' WITH ';', CREATING A ";" SPACER ---> >> <cfset TheString3 = replace(TheString2, ' ',';', 'ALL') /> >> <!-- TheString3: #TheString3#<br /><br /> --> >> >> <!--- FOUND PROBLEM WITH "Windows;NT;5.1;;" (REPLACE THE ";;" NO PUN > INTENDED!) ---> >> <cfset TheString4 = REReplace(TheString3, '\;;', ';', 'ALL') /> >> <!-- TheString4: #TheString4#<br /><br /> --> >> >> WORKING OUTPUT: > Mozilla/5.0;Windows;NT;5.1;rv:2.0.1;Gecko/20100101;Firefox/4.0.1 >> >> > > > ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~| Order the Adobe Coldfusion Anthology now! http://www.amazon.com/Adobe-Coldfusion-Anthology/dp/1430272155/?tag=houseoffusion Archive: http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:351529 Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/groups/cf-talk/unsubscribe.cfm
