Have you looked at how jQuery mobile handles it?
On 6/10/12 6:59 PM, Rick Faircloth wrote: > 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:jonah....@creori.com] > 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:jonah....@creori.com] >> 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:351532 Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/groups/cf-talk/unsubscribe.cfm
