Jump to content

Problem with mailto: in form action in iPhone web app in app-capable-mode

beth_freeman's Photo
Posted Jan 14 2010 12:59 PM
4907 Views

I am developing an iPhone web app. I have a simple form whose action is "mailto:...". When I have this in the regular mode in Mobile Safari it works fine, but when I am in app-capable-mode, the form fails to invoke the email app. I *can* invoke the email app from a regular mailto: link in app-capable-mode, however (ie, just linking to it using <a href="mailto:..." ...>).

Do you know why this would be the case? Am I missing something?

Thanks!

Elisabeth Robson

(form page included below)

<div id="classes">
<h1>Sign up</h1>
<form action="mailto:test@test.com">
<select onblur="this.form.submit();">
<option value="iphone">iPhone</option>
<option value="photoshop">Photoshop</option>
<option value="lightroom">Lightroom</option>
<option value="dreamweaver">Dreamweaver</option>
<option value="digitalphoto">Digital Photography</option>
</select>
</form>
</div>


Tags:
2 Subscribe


1 Reply

0
  jonathanstark's Photo
Posted Jan 14 2010 02:13 PM

Hi there!

This is a great question. I also saw it on Twitter and basically replied that "mailto is a bug" but now that I see your code, it's a slightly different situation than I thought. I'll work up some examples to give you some options, but don't hold your breath because I don't think there are any good solutions at this point.

More soon!
j

Building iPhone Apps with HTML, CSS, and Javascript

Learn more about this topic from Building iPhone Apps with HTML, CSS, and Javascript.

It's a fact: if you know HTML, CSS, and Javascript, you already have what you need to develop your own iPhone apps. With Building iPhone Apps w/ HTML, CSS, and Javascript, you'll learn how to use these open source web technologies to design and build apps for both the iPhone and iPod Touch, on the platform of your choice. Device-agnostic apps are the wave of the future, especially for mobile devices, and this book shows you how to create, test, and convert one product that can be used on several platforms.

See what you'll learn