I am sure that this one has been asked before, but I am modifying an existing website so that it will work on IOS devices. The old site was using exported Captivate files that were .swf and did not work on IOS devices. Now that Captivate can export HTML5 I want to migrate to IOS.
The HTML5 seems to work OK. The issue that I am having, and have had before, is that I am using a select list drop down to select items and the selection then opens a new window with the HTML5 Captivate project. This works fine on a desktop browser but is problematic with Safari on IOS devices. You have to enable pop-ups in Safari, and you still get a warning even if pop-ups are allowed.
I am new to IOS web development and I'll have to look into something like Phonegap or other development kit, but for the time being seems like this is a simple problem, and the rest of the site actually works pretty well. I suppose that if I want to make an app I will have to get a bit more involved.
<select onchange="openHTML5('Genitourinary_name')" name="Genitourinary_name" id="Genitourinary_name">
<option value="none">- Select Case File -</option>
<option value="/cases/Genitourinary/Crohn%20Disease/index.html">Crohn Disease</option>
The function call basically opens the HTML5 index page in the center of the viewport (code not shown).
Just wondering if there is "an appropriate" way to do what I want in IOS, and if there is a workaround if I don't want to delve into something like PhoneGap just yet. Regarding that, how difficult is it to migrate an existing site that otherwise is coded relatively well to a mobile app?