What is best way to show Date Picker for iPhone based Web Application. Can we show something like iPhone native date picker like shown below in web application:
The easiest way (and arguably the best way) is to use safari's built in datepicker for your input box using HTML5 type="date"
<input type="date" />
There is an iPhone native style date picker that runs in the browser - http://cubiq.org/spinning-wheel-on-webkit-for-iphone-ipod-touch/11
I know it's an old post, but for future viewers:
If you are using jQuery, you can try Mobiscroll, a customizable datepicker optimized for touch devices. It ships whith iOS and android skin as well.
You can't. The date picker is a native control and is not available in Mobile Safari.
Although the need to register might be a dislike, Mobiscroll looks worth evaluating if you want to provide a consistent fallback for older ios (pre 5.x) and android (pre 4.x) devices - and probably some other platforms, as it promises to support jQMobi (now Intel appframework) and Zepto.
There is an iPhone style date picker for HTML5 at Next-Point. Maybe you can change it to meet your needs.
Well, you could code your own if it was really important to you.
With enough work you could probably get it to look/feel a lot like Apple's native control.
Feels at a gut level like it would be a lot of work for limited payoff.
<input type="date" />
above code WILL NOT working on mozilla.
firefox doesn't support input type date.
In ASP.Net you can use the TextBox with type="date".
<asp:TextBox type="date" runat="server" />
In a Html5 compatible browser you will have a date field.
In a Html5 non-compatible browser you will have simple text field.
Related
Is there a API or way for accessing the the iPhone's camera from Mobile Safari?I want to create a application that can read barcode within the browser.
Thanks in advance.
It's now supported in iOS 6. I believe it uses a regular form file input field.
You can see some explanation here.
Try using input tag <input type="file" name="image" accept="image/*" capture/>.
It works well as compared to getUserMedia method which is fully supported by Opera mobile and chrome higher versions.
Hope it help.
No. There's no way to do that. No web page can access internal devices.
You can do however a small tiny app that its launched via mobile safari link and makes user select the barcode image and then redirect to a web page that will process (the small app will also upload). Like what THIS guys actually implemented (the link provides code).
If you doesn't have experience with Objective C and Cocoa Touch you can create that app via PhoneGap like if you were creating a Web Page.
UPDATE
From iOS 6 and so on you actually can as the official specs says, you can use it via the upload API as seen here.
I've been using JQuery draggable/droppables in my application from last 1 year. Now, the application needs to be supported over iPad and iPhones.
Known, above JQuery won't support drag/drop over iPads...
I'm looking for a some JQuery plugin or so which I can connect to my existing JQuery codes for drag/drop over iPad.
After googling, I found some alternate ways like, JQTouch, jquerymobile etc.. But, it looks I would then need to do massive changes (or, write a complete drag/drop things from scratch) in my application :(
My application is very heavy and hence looking for some quick/easy way to connect my existing JQuery solution into iPad touch events etc....
Please help
Thanks in advance
This project will allow you to use jQuery UI on the iPad:
http://code.google.com/p/jquery-ui-for-ipad-and-iphone/
https://github.com/furf/jquery-ui-touch-punch
this will work with draggable.. dont even need to change your code when using draggable!
I was find around 1 week.help me pls TvT
Granted we're WAAAAAAY past the relevance of this post, but it's nice to know that iOS6 does allow <input type="file" /> and will allow you to select files from your camera roll.
iPhone Safari doesn't support file uploads.
This is because iOS doesn't really have the concept of a file, at the user interface level. It is an inherent limitation of the UI that there isn't a user-facing filesystem through which files may be manually exchanged between apps.
You would have to persuade the user to install a custom app to do it. (existing examples)
Agreed iOS 6.X solved this issue here you will find code, screenshots and tech limitations i.e: limitations (i.e> no audio files support, no live streaming video support)
iOS 6 New Features (supporting input type file)
I have got a assignment to develop a IPhone application in HTML 5 & I really don't have any idea from where I have to start.
Please let me know which editor I have to use to develop IPhone application in HTML 5.
also, as I am a pure .NET developer, what other skills I need to write the program in HTML 5.
Thanks in advance.
When they say develop an iPhone application in HTML 5, what they are really saying is develop a web application that fits in the dimensions of an iPhone. So you do not need to know any Apple centric technologies. You can use your ASP.NET/HTML/Javascript/CSS skills.
If you need any rich interactions in your app, you will then need to use HTML 5 with the canvas element. I recommend using the library Processing.js which makes working with the canvas element much easier.
HTML5 isn't that different from HTML. For a great resource, check out Apple's developer site. Here's the section on Safari: http://developer.apple.com/safari/.
In terms of what editor you should use: You can use whatever editor you want! Notepad for Windows works fine ;) On the Mac, I prefer Coda or Textwranger. Dashcode will work too! In order to write HTML5, you just need to know HTML, CSS and Javascript (jQuery would help too).
And, what's more, since this is just HTML, don't forget you can test it in the browser on your desktop before you test on the iPhone or the iPhone Simulator (included in Xcode). I'd recommend testing in Safari first and Google Chrome second.
Good luck and welcome to the wonderful world of HTML5 and iPhone development!
Please let me know which editor I have to use to develop IPhone application in HTML 5.
Any you like. I usually go to Komodo Edit.
What other skills I need to write the program in HTML 5.
HTML, JavaScript and DOM are key, along with the new JS APIs introduced in the HTML 5 Drafts. CSS is all but essential and you'll probably want some skill at graphics editing. SQL will be useful if you want to use a database.
I am trying to use Aptana to build an IPhone web application. I've never use Aptana. I downloaded the iphone support and started a new project. It is now asking me if I want to import a javascript library and lists the "big ones." Will IPhone's Safari be able to use these, specifically jquery? I saw that jquery had a special iphone library so my guess is no.
Should I tell it to use jquery (or other library) or should I download the special iphone javascript subset manually and try an integrate it in my project?
As far as I know JQuery should work fine on the iPhone. The specific libraries you are talking about must be additions to take advantage of iPhone only features like being able to handle the display orientation event or maybe use the webkit css animation extensions.
Although you will need to be careful with events since most mouse related events on the iPhone behave a little different from what you might expect. This presentation by PPK offers some clues about it:
http://yuiblog.com/blog/2009/04/27/video-ppk-jsevents/
Yep, iphone should run jquery just fine. The javascript support is surprisingly capable. Although you may want to look at some of the iPhone specific libraries out there. I forget their names. iUI I think?