Phonegap html page will not open html page - phonegap

Using iphone 5se. IOS 10. Phonegap v0.4.5
I have tried a number of methods to open a link to another page from my index.html. Will not work. Same for a standard input Submit button. Will only work if the Target is changed to _System. Then that causes the safari browser to open my target page in the Safari browser. Effectively navigating away from my phonegap window. Have tried various access rights.
for example. Not able to get any pages to open in the phonegap app window on.
<script>
function loginCheck()
{
alert("Login");
window.open("http://192.168.1.111:3000/user_login.html","_self");
}
</script>
<input type="submit" class="submitbtn" name="submit" id="submit" value="Login" onclick="loginCheck()">

Related

Embedded Google maps opening app on iOS

I have a google map embedded in a Bootstrap site. I am busy testing on different mobile devices and when I am on iOS and I open the page with the embedded map on it, the maps app on the device is opened.
I don't think I am doing anything fancy, but I would just like it to stop. This does not occur on Android devices.
My HTML is as follows:
<section>
<div class="well well-sm">
<iframe width="100%" height="350" src="http://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=central%2Bpark&ie=UTF8&z=12&t=m&iwloc=near&output=embed"></iframe>
</div>
</section>
This is the default behavior of iphone/ipad with regard to maps. To change the behavior follow these steps as stated in Google Support :
1.Visit the Search Settings page from your iPhone or iPad.
2.Scroll down to the "Google Maps" section.
3.Select Never use the native app.
4.Touch Save at the bottom of the page.

Access iPhone camera from Mobile Safari (iOS8)

I build a simple web page that should enable our users to use the camera to upload documents copy.
It works great in android but in iOS mobile safari its only open the image library and doesn't let the user to simple open the camera and take a shot.
I've used that input field:
<input style="width:100%" class="upload" id="house" type="file" accept="image/*" capture doc="house" name="files[]" data-url="/api/upload/detail" multiple>
At the end the solution was simple.
The "multiple" attribute should not be present or it will go right to the gallery without giving the user the option to choose the camera.
Nir

Chrome for IOS not opening new window correctly in iframe

I'm trying to open a link in a new window in Chrome for iOS inside an iframe but Chrome for iOS doesn't open the link in a new window, instead the browser opens the link in the same window and not in a new window. The same for popups. Very strange.
Example:
test.html
<iframe src="iframe.html" width="500" height="250"></iframe>
iframe.html
<SCRIPT type="text/javascript">
function open_popup()
{
window.open('http://www.google.com', '_blank', '');
}
</SCRIPT>
New window<br>
New popup
The links opens in a new window when browsing directly to iframe.html but not when browsing to test.html
Is this by design or is it a bug in Chrome for iOS?
If it is a bug, does anyone know how to report this bug?
(Safari for iOS opens the links in a new window when browsing to test.html)
This is a (known) bug in Chrome for iOS. If you want to report it so you can get notified when it's fixed, file a bug and pick "iOS issue" from the Template menu.
Instead of filing this bug (again), it is better to vote for the existing issue: https://code.google.com/p/chromium/issues/detail?id=135498
As Aaron said, it's a known issue on Chrome for iOS:
https://code.google.com/p/chromium/issues/detail?id=135362
You can easily workaround it using window.top.open() inside the iframe, but if you have cross-domain limitations or need to handle the window.opener correctly within the iframe, you'll need another approach*.
*Another approaches can fall into the Popup Blocker issue if they are asynchronous.

jQuery-UI Autocomplete plugin AND Blackberry Autocompleter

I am using autocomplete jquery-ui plugin on jquery mobile framework. This setup is working great on all mobile devices but the Blackberry platform. The watermark is showing correctly so I know javascript is enabled and working however when a user starts typing it appears that Blackberry is over-riding and showing its own autocomplete/fill text options, when a user selects the jquery plugin is not firing.
On a desktop browser I can paste text and it works fine. It appears to be related to Blackberry mobile devices only.
Ideas on how to disable through code Blackberry autofill functionality?
thx
You can set the autocomplete="off" attribute on the input tag:
<input autocomplete="off" .../>
Source: http://davidbcalhoun.com/2010/using-mobile-specific-html-css-javascript
You could try this:
<input autocomplete="off" .../>
But it isn't working for (some?) BlackBerry devices. They ignore the atribute. A possible workaround/hack is to set the input-type to "email", since they never have autocorrect on bb's.
Via: disable spelling assistance in HTML for mobile devices

HTML file browse not working in iPad

The HTML file browse element isn’t working in iPad.
Example:
<input type="file" />
The choose file button always remains disabled.
You can’t upload files from an iPad in that way; iPad apps can’t browse the filesystem.
That's true. Safari Mobile doesn't support file transfer over HTTP.

Resources