I have an application that works fine on Iphone 4/5 but seeing problems on Iphone 6 in both safari and chrome.
The flow.
1. Use picks a field to update
2. List is retrieved using ajax (function locationPicker) which returns list via <DIV>...</DIV> (perl code below)
3. Item is selected and href is fired to transition back to main page. (function setLocation)
4. On transition back to the original anchor there is a flash that doesn't occur on other platforms except iphone 6.
I've highlighted where I believe the flash it occurring (while the original anchor is being loaded).
Any ideas on what might be causing this problem? Has anyone else experienced similar issues?
TIA
John
----------------------------------------------------------------------------------------------
<div id="CurrentMachine" class="current" >
<div class="toolbar">
<h1>Select Location</h1>
</div>
<br />
<ul class="edit rounded">
<li class="arrow" id="locarrow"><a href="#" id="lochref" onclick='locationPicker()'>
Location: <span id="mlocation" style="color:Yellow"></span>
</a></li>
<li id="UpdateLogButton">
<input type="button" class="bigbutton" value="Update Log" onclick="UpdateLog()"/>
</li>
</ul>
<br /><br />
</div>
------------------------------------------------------------------------------------------
function locationPicker() {
var res = "/location.cgi";
document.getElementById("lochref").href = res;
return false;
};
function setLocation(mlocation) {
var oldLocation = document.getElementById("mlocation").innerHTML;
if (mlocation != oldLocation) {
document.getElementById("mlocation").innerHTML = mlocation;
showUpdateLogButton();
}
document.location.href = "#CurrentMachine";
return false;
};
----------------------------------------------------------------------------------------
#!/usr/bin/perl
use CGI qw(:standard);
$DBROOT="//volume1//web//elms";
my $cgi = new CGI();
print $cgi->header;
print '<DIV id="LocationList">';
print '<div class="toolbar">';
print '<h1>Select Location</h1>';
print '<a class="back" href="#">Back</a>';
print '</div>';
print '<ul class="edit rounded">';
foreach $loc (sort (keys %LOCATION)) {
print "\n" . '<li><a href="#" onclick=' . "\"setLocation(\'$loc\')\"" . '>' . $loc . '</a></li>';
}
print '</ul>';
print '</div>';