mobile-website

Swipe in the middle to open panel with jQuery Mobile?

拜拜、爱过 提交于 2019-12-10 12:16:17
问题 I have a small bars button in my nav header that opens the panel when clicked, but how do I make it so that when I swipe to the right from the middle of the app, it opens the left panel? You can see this on many native apps including Facebook. Thanks for any help! 回答1: I think this is what you'll want (you may want to refine your selector for your swipe area) - $('body').on('swiperight', function () { $('#defaultpanel').panel('open', ''); }); $('body').on('swipeleft', function () { $('

iscroll issue with two dimensional ( horizontal + vertical ) scrolling, scrollable are related issue?

一世执手 提交于 2019-12-10 11:26:53
问题 Problem in brief I have got a piece of working two dimensional scrolling code. Scrolling as such is working fine. Scrolling can be done in any direction (not like restricted to only horizontal or only vertical at a ti,e) but there are two problems - Scrolling beyond the visible area towards top and left, does not bounce back the scrollable area. Scrolling to right and bottom bounces back. Problem demo - http://jsfiddle.net/sandeepan_nits/pAhjU/6/ Note - Test in webkit browsers only (Google

Can javascript detect when scrollbars are unavailable (i.e. on mobile browsers)?

我们两清 提交于 2019-12-09 23:53:57
问题 I've got a javascript-based Scrolling Widget Thingy™. One of the things it does is create a fixed height div and gives it overflow: auto . Alas on mobile Safari (and other mobile browsers) overflow: auto; doesn't show a scrollbar. Any content below "the fold" can only be found by accident. Is there a way to detect this in javascript, without resorting to browser detection? e.g. if (there is a scrollbar) { /* give me a fixed height and a scrollbar */ } else { /* Do something more suited to

iBeacon mobile web application development

我们两清 提交于 2019-12-09 21:47:56
问题 Are there any custom APIs for iBeacon access from mobile web applications? Probably it could be a mobile safari extension. Thanks in advance. 回答1: Unfortunately, no. You could write a native iOS app that looks for iBeacons in the background and launches a specific web app URL on mobile Safari. You could even pass ranged beacon info in query parameters. But you would still need a native app installed on the phone to do this. And once the Safari page is launched, getting further updates is

Force Numeric Keyboard for Mobile Device

杀马特。学长 韩版系。学妹 提交于 2019-12-09 16:02:42
问题 This is not a "mobile" website. It is regular HTML/CSS. Is there a way I can force mobile devices to popup with the numeric keyboard when they focus on my textboxes? 回答1: We've had the best luck with using a combination of type="number" and pattern="\d*" . We've seen success on iOS and Android devices, although I don't have a list of OS versions to share here. <input type="number" pattern="\d*" name="year"> 回答2: Its called "-wap-input-format". You can use it in your css or in style element

How to create a mobile version of an ASP.NET web site?

北战南征 提交于 2019-12-09 12:26:35
问题 I have a website created using asp and I want to make it accessible to mobile phones, such that a user can use it through his/her cell phone. I don't have any knowledge of XML or .NET. How can I do this? 回答1: ASP.NET Mobile Web Pages says "The Microsoft Visual Studio integrated development environment (IDE) enables you to easily build ASP.NET applications that include mobile Web pages. You can include mobile Web pages in any ASP.NET Web site alongside ASP.NET Web pages. In Visual Studio, you

Disable auto-rotate in Jquery Mobile or PhoneGap

你。 提交于 2019-12-09 09:46:49
问题 Although cross platform development for mobile devices is so good. There isn't a simple option to disable auto-rotate or lock into one orientation i.e. portrait or landscape. Is there anyway either in Jquery Mobile, PhoneGap, XUI anywhere ? If yes then please help. Its driving me nuts. 回答1: To complete the answer above. On iPhone add this to -info.plist: <dict> `..... <array> <string>UIInterfaceOrientationPortrait</string> <string>UIInterfaceOrientationPortraitUpsideDown</string> </array> ...

How to develpo the web based application that can be viewed on the mobile phone in asp.net(vs2008)

怎甘沉沦 提交于 2019-12-08 12:33:19
问题 sir I am the beginner of the asp.net,for my current project i need to develop a mobile web application using asp.net 3.5 that can be viewed on an Phone and all other browser what to support it, but there is no longer a template in VS2008 to enable mobile development. please give some more idea about that sir,Thank you. 回答1: You would need to create a page that is specific to each mobile browser you want to target, or create one that works on the lowest common feature set across all. Using ASP

Detect mobile supported languages

久未见 提交于 2019-12-08 06:33:58
问题 Is it possible is asp to detect from the MobileCapabilities object if the device support arabic or not 回答1: Yes, you can check the Accept-Language HTTP header for "ar" for arabic. For example this real sample: Accept-Language: en;q=1.0,fr;q=0.5,ar;q=0.5 Says, en (English) is accepted with a 100% quality, but you can give fr (French, France) too with a 50% quality (meaning, it's not my first choice, but I can live with it), and then ar (Arabic) is fine too. Here are some sample Accept

Mobile templates based on user-agent in django ensuring thread safety

拜拜、爱过 提交于 2019-12-08 05:27:10
问题 I am developing the mobile version of my website, so thought of using user-agent as the criteria for serving different templates for mobile and web version. I successfully read the user-agent information from nginx and passed it as header to gunicorn server. Then I created a middleware which reads this header and changes the templates directory in settings file. This seemed to work initially but then I realized that there is race condition happening as this method is not thread safe. (I