I am building a web site which supports IPhone also. Now I am quite confused as to find a way to upload the IPhone photos to my website.
Also it seems the "input type text" also doesnt work in IPhone. Have anybody worked on it....please suggest.
If you want to handle photo/video uploads using iPhone's Safari, you can integrate with something like cliqcliq Quickpic. The support page has a bunch of details: https://www.cliqcliq.com/support/quickpic/ and it's just a bit of Javascript.
Text inputs work on the iPhone, however jQTouch has a weird way of handling forms and page loads for that matter. Basically it reloads just the "content" part of the page.
You have a couple of form examples in the jQTouch download. Try looking at what's happening when you submit forms with Firebug ( http://getfirebug.com ) and also try to log what your server receives from your forms.
Mostly, please remember that you only need to serve part of a page for jQTouch.
Good luck with your app.
Related
I have searched about that for very long time. But I havn't known how it works and how to create it. I am so serious to get it. I am a beginner of Ajax and JQuery. I wish to create a fixed mp3 music player in my web. Although I have some code and know how to do mp3 player for html5, but I have not knew how to do fixed mp3 player which won't change playing when another pages load. Could you help me, please. Example: it is like of www.revernation.com and facebook's chat popup box, still active without refreshing another pages.
You can't keep an mp3 player running when the user navigates to a completely different site in the same browser window.
You can however keep the current page open and fake navigation to other subpages of your own site with History API + AJAX and DOM manipulation. The trick is sometimes called pjax.
An example implementation: https://github.com/defunkt/jquery-pjax
Angular.js does what is described in the previous answer.
What you need to do is convert your app into an SPA.
Single-Page Applications (SPAs) are Web apps that load a single HTML
page and dynamically update that page as the user interacts with the
app. SPAs use AJAX and HTML5 to create fluid and responsive Web apps,
without constant page reloads. However, this means much of the work
happens on the client side, in JavaScript.
Best for SPA
i suggest you to go with AngularJS.
You can still do it with JQuery with Ajax calls if you don't want to use other front-end frameworks
I have recently worked on a small project. it's working fine on windows,android & other phones. but not working correctly with apple devices(iphone ipad). i have tested it on iphone4s,5 & ipad (os7).
below are the few issues:
some times images not loading(i have used php to view images).
return back to home page link not working i m using java script on anchor tag().
problem with login system(javascript function fired on click it shows security popup) some times it doesn't load security box or if it loads, unable to verify code.
find Screen Shots here http://blackspidercreations.com/apple/screen.docx
so but the mistake that i have did, i have tested site on many apple simulators like browerstack ipadpreview etc. they all workin fine. please help me.
Link to project: blackspidercreations.com/cs
Thanks in advanced.
Though I cannot answer points 2 or 3 without seeing the code, I had similar image problems once when developing for the iPhone. Make sure that the images are an appropriate size for the display. If the images are too large, the iPhone will not display them at all.
Hard to take a guess at the images issue without seeing the code.
Apple mobile devices don't actually a fire a click event when you interact with the web page. So if you are using jquery to do .click events, that is why it's not working. There is a relatively easy work around though, switch all your .click events to the following.
$(document).on("click touchstart", "#thing", function() { });
I want make an uploading system with ajax [none page reload]
I have search on google, found some thing, upload in iframes , File API etc...
Old browsers havent file API, and I have some problems with iFrame uploading in IE ,
Is there any way to make it with working in all browsers?
Since your tags include jquery, I would suggest that the best solution for you would be the jQuery Form Plugin.
This plugin makes it very easy to work with forms via ajax, including forms with file upload fields. You don't need to worry about the browser API or whether it supports it or not; the plugin deals with all that behind the scenes.
There are good examples on the plugin's website, and I can confirm it works well as I've just implemented it in a project myself.
Hope that helps.
Use Uploadify. It's really simple and looks great.
http://www.uploadify.com/
I am working on this php base scraper/crawler, which works fine until it get .net generated herf link __doPostBack(...), any idea how to deal with this and crawl page behind those links ?
Instead of trying to automate clicking the JavaScript button, which requires additional libraries in PHP, try replicating what request is sent by your browser after clicking the button. There are various firefox extensions that will help you examine the request, such as TamperData, Firebug, and LiveHttp.
How to preload the entire website like gmail does? How to show this in progress bar? What are the mechanisms used to get this effect?
I can use jquery, jquery UI, php. Will this be enought to create this?
I'm quite sure Gmail is built using the Google Web Toolkit, which essentially means that your whole application is contained in JavaScript files.. in fact the initial page source of Gmail is practically empty.
This post will probably help: GMail like file upload progress bar with GWT?
idea behind showing progress bar while page is loading....simply start loading bar and hide when $(document).ready(); All the others things after that are made with hashbang / hashtag. Here is exactly what you are looking for