mobile-safari

remove styling of telephone numbers

Is there a way to remove the default blue hyperlink colour from a telephone number when viewed on an iPhone? Like a specific Mobile Safari tag or CSS to add? Have this rendering issue on some of my websites but can't see why this is occurring. ...

Mobile Safari - Show console?

To prevent the default scrolling of a page I'm adding an event listener for "touchstart" events on the body and calling event.preventDefault() This works fine but I now can't access the debug console as it requires a page drag? Has anyone else had this problem and come up with a work around? ...

How can a web page play mp3 on iPhone/iPad

As far as O know, web pages play mp3 sounds by embedding invisible Flash players. Since Flash is not available on mobile webkit (iphone/ipad), how is it possible to play mp3 on this platform? ...

how do you prevent page scroll in textarea on mobile safari

I am trying to make a little note pad app for mobile safari for funzies but so far it doesn't seem to be working out. I want to prevent page scrolling so it doesn't have the rubberband and feel like a webapp but to do this I am using: document.ontouchmove = function(e){ alert("calling prevent default"); e.preventDefault(); } ...

iPhone 4 Retina "apple-touch-startup-image" for Web-apps

This has been asked multiple times here, but without a solid and understandable answer. This is a web-app, not a native-app. I'm using: <link rel="apple-touch-startup-image" href="images/startup.png" /> to display the startup image. It loads fine if the image's resolution is 320x460. I tried using the retina's resolution which is 640...

HTML5 Video Element on iPad doesn't fire onclick or touchstart events?

I'm trying to attach some events to an HTML5 Video element inside my iPad web app but they don't seem to be firing? I've tested this both on the device and in the simulator and get the same results. The events however (for the onclick at least) work fine in desktop Safari. I've also tried swapping the video element for a div and the even...

HTML5 readTransaction not supported on iPad (iOS 3.2)?

I have a HTML5 app that uses websql for storing data. Where possible, I'm using the readTransaction() method for read-only SELECT queries, and the transaction() method for INSERT/UPDATE/DELETE queries. I'm not sure if there's a performance benefit to using readTransaction(), but it seems like the right thing to do. The app works fine ...

iPhone "Bookmark to Homescreen" removes cookies and session?

Right now I am developing a Webbased Application, where the User has to login first. When I open the Page by iPhone Safari, login and restart Safari, I am still loggedin (Cookie & Session ID still set) But when I add this Page with "Add to Home Screen", each Time i click the Icon for that page, I have to login again. I did not found a...

Position both the safari "touches" from a gesture event?

I want to get the position (relative or otherwise) of the two fingers/touches inside a gesture event (gesturestart, gesturechange, gestureend) on mobile Safari (iOS: iPad/iPhone). I know that the gesture* events don't actually provide this in the event args but i thought there might be a 'trick' to getting this info. It would be great to...

Detect iPhone Browser

is there a script to detect, if the visitor use iphone (whatever it's browser, may iphone Safari, iPhone for Opera or etc.)? Then will shutdown some some of my JavaScript. Thanks... ...

Mobile Safari/Webkit On Window Focus Event

I am wondering if it is possible to get a event when the user switches back to "your" page's window? This could happen either when the user opens a new tab and then switches back to your page's tab or when the user closes safari and then opens it again. I want to be able to update content on the page once I get this event. I am using a ...

How to detect when Mobile Safari is closed?

$(window).bind('beforeunload',function(){ alert('closing'); }) Above code only seems to work for desktop browsers. ...

ipad is drawing text out of canvas area

I am drawing a text in canvas. Its working fine in all other browsers but in ipad safari, its drawing text outside the canvas area and the text is flipped too. context.font = "14px Arial"; context.fillStyle = "#000000"; context.textAlign = "center"; context.fillText('text', 20, 20,300); context.stroke(); context.closePath(); ...

Is there a way to avoid displaying the keyboard in mobile safari

For instance if I have <input type="text" id="myid"> and I am using the ipad, when i focus in this input, the ipad would automatically display the keyboard. Is there a way to avoid that? Thanks ...

Is the New Window Icon in Mobile Safari a Standard Icon?

I have looked all over for the "new window" icon (lower right corner) in mobile Safari on the iPhone, but I'm not having much luck. It's not one of the standard icons mentioned at http://developer.apple.com/library/ios/#documentation/userexperience/conceptual/mobilehig/SystemProvided/SystemProvided.html . I'm hoping to create a multi-d...

Should I obtain a Mac to develop or test my iPhone web app?

I've been developing an iPhone web app on a Windows XP box using MobiOne Test Center and Safari for testing and debugging and occasionally using a real iPhone for testing. The problem is that MobiOne, Safari (desktop), and the iPhone all produce different errors. Obviously I am most concerned with the errors that occur on the iPhone, sin...

Safari for iPhone can't evaluate correctly jQuery ?!

Hi everybody, I'm trying to make work a functionality that exists on my website but works bad on Safari for iPhone. Well, I have a "li" element: .. <li><input id='showOrHide' type='button' value='show or hide'/></li> <li><input type='text' value='ok'/></li> .. When I click on the 'show or hide' button, the text input should ...

Decrease the vertical height between text and horizontal rule

I need to show a text with horizontal rule almost touching the text. that is the vertical height between the text and hr should be very less. This should be displayable in mobile safari browser. http://pastie.org/1206301 ...

Toggling jQuery function not workin on Safari Mobile

Hi everybody, I'm trying to make work a functionality that exists on my website but works bad on Safari for iPhone. Well, I have a "li" element: .. <li><input id='showOrHide' type='button' value='show or hide'/></li> <li><input type='text' value='ok'/></li> .. When I click on the 'show or hide' button, the text input should ...

A html5 web app for mobile safari to upload images from the Photos.app?

Hello Is it possibly to write a HTML5 web application designed for the iOS devices (iPad, iPhone, iPod Touch) which can allow the user to upload an image from the filesystem? Imagine uploading a new photo to your twitter avatar via a web app. Thanks. ...