mobile-safari

Math in Safari (especially iPhone)

Is there an easy way to display math in the Safari web browser? My main target is the iPhone safari. ...

Does the iPhone has AJAX and jQuery support?

Does the iPhone has AJAX and jQuery support? I am developing a chatbox for iPhone with these two. Are they supported on MobileSafari? ...

No XSLTProcessor() support in Safari?

For whatever reason, I can't get XSLTProcessor() to work all the time. Here is my JS: ... xsltProcessor = new XSLTProcessor(); xsltProcessor.importStylesheet(xmlRequest.responseXML); // Pass variables xsltProcessor.setParameter(null, "sectionNumber", section); xsltProcessor.setParameter(null, "entryNumber", elementNo); // Tr...

Sniffing an identifier for the iPhone app used to access a web page.

When someone accesses a site via a WebView in an iPhone app, is there a reliable way (JavaScript or server-side) to tell what app is being used? It seems like the user agent string can tell me if it's from Safari or not, but not what precise app is being used if it's not Safari, unless a custom user agent has been specified by the app's...

How to Create "Add to Calendar" Link on Web Page for iPhone

Many calendaring programs (Outlook, iCal) support vCal for downloading event information and adding it to your calendar. Others can use the vCalendar microformat to extract data. Neither of these, however, seems to be supported on the iPhone. Is there any functional equivalent that will allow me to list event information on a page and h...

Display a round pourcent indicator with CSS only

Hi all ! I want to create a small round static pourcent indicator in CSS but I can't find the solution. The squared indicator at left is ok, but so ungly, I want it round ! I have tried with rounded corner (cf indicators at the right of the screenshot), and I wonder if there is possibility to add a rounded mask to hide the corners (c...

How to add a contact to the iPhone's Address Book from a Web Page?

In the desktop Mac world, if I were to click on a link in a web page which linked to a VCF file, this file would be opened in the Address Book application. In the iPhone world, however, doing that results in the message "Download failed. Safari cannot download this file" being displayed. So, my question is, is it actually possible to a...

Can iPhone Safari be prevented from showing the navigation bar during an AJAX call?

I've got an iPhone web-app which I'd like to look as native as possible. I've used the scrolling trick to get rid of Safari's navigation, and taken away scrolling to prevent it from coming back; however, every time my app pulls an XHR, it shows the navigation again. Because users will need to use external links to get into the app, I c...

how to disable MobileSafari auto-selection?

my webapp requires users to tap and hold on an element for a game action, but iPhone automatically "selects" the area which is confusing to the user. anyone know what html elements prevent selection, or if javascript can block selection? any help is appreciated ...

iPhone Web App disable cache

Hi, I have an built an iPhone webapp using PHP. The main (and only) page includes the apple-mobile-web-app-capable and apple-touch-fullscreen meta tags so that it can run fullscreen once added the the homescreen. However, it seems every time I launch the app from the homescreen, the cache version of the page is used instead of refreshin...

Detect closing of mobile Safari

I'm building a WebApp which uses video server push with: <img id="vidsrc" src="video.cgi"/> It works. And when saved as a WebApp using "Add to Home Screen" closing the app does as expected and stop receiving the server push. However when running in mobile Safari, only closing the page will get it to stop. What I'm trying to figure ou...

Selecting text in mobile Safari on iPhone

I'm trying to make it easy for an iphone user to copy some text to the clipboard in mobile safari. As in the usual "touch-hold-copy". There is a specific bit of text I want to a user to copy. I have full choice of the html markup in which to wrap the text. How can I make it easy, rather than abitrary? For instance: Is there a way to "s...

Disable webOS Phone Links

I once had a problem where Safari for iPhone would add phone links to my HTML. This would break my code because it depended on the text value of <div id="DontTouchMyHTML">. Before: <div id="DontTouchMyHTML">8211812</div> After: <div id="DontTouchMyHTML"><a href="tel:8211812">8211812</a></div> So i added the magical meta fix for IE...

Error when using mailto: link in Mobile Safari in app-capable mode

I've got a form in a web page with an action that is "mailto:email" (where email is a real email address). When I load this page in Mobile Safari in regular mode (ie, not launched from home screen with app-capable mode), this works fine - after I submit the form, the email app comes up. However, when I'm in app-capable mode and have lau...

How can I create a photo slider on iPhone Safari with jQuery?

I'd like to create an product image viewer for an iPhone version of an ecommerce site, and have it behave something like the Photos app. Ideally, you would be able to slide images to move back and forth in the product image gallery. This will all be done in mobile Safari. I did a little experimenting with jqTouch, but its doesn't loo...

jQuery.data() works in Mac OS WebKit, but not on iPhone OS?

I'm playing around with jQTouch for an iPhone OS app that I've been toying with off and on for a while. I wanted to try my hand building it as a web app so I started playing with jQTouch. For reference, here is the page+source (all my code is currently in index.html so you can just "View Source" to see it all): http://rpj.me/doughapp.co...

OnSubmit with Mobile Safari

While using jCart I noticed that it did not work on the iPhone. After some testing (and speaking with the developer on the jcart forum ) it seems that it fails to call the submit handler when clicking a submit button: $('form.jcart').submit(function(){...}); I have tried changing this to: $("form.jcart input[type='submit']").click(f...

Creating a mobile version of a website

I'm looking to create a mobile version of our website/web app. What's a good way to provide the best, most fully featured version. Part of the reason for creating it is instead of an iPhone app, so I'd like to offer an iPhone web app that takes full advantage of the iPhone's version of WebKit (so CSS animations, being able to rely on go...

how do i tell a website that it's a UIwebview so it can use css to redraw view

I have a UIwebview that I want to go to Amazon.com, when I load amazon.com it doesn't have the same format as if I went there from iphone safari. What tell a website like amamzon to redraw for iphone? Here's my Code: - (void)viewDidLoad { NSString *urlAddress = @"http://www.amazon.com/Inventive-Gadgets-Inc-PQFan-Professionally/dp/B000...

Compatibility issues for opening websites, iphone.

I'm going to create a website, which is meant to be opened from mobile phones including iphones. The website may be containing different contents such as Javascript widgets, flash content, images, texts, dropboxes, etc. The website is being built using XHTML and Javascript. What are the common issues that safari faces while opening such...