Solved

Safari or IOS Issue?

Posted on 2013-10-22
4
581 Views
Last Modified: 2013-10-22
Hello,

See attached html. Note this is basically a normal html form. This all works fine in IE (vers. 9 - 10) & FireFox.

Running it on an iPad in Safari DOES NOT work; specifically, it simply ignores all the input & refreshes the page.

Note that the line 328 the form action attribute is index.php. So it just goes there.

Note the Javascript function chk_vals(). Note that after checking all the values, it changes the action attribute to another page (which saves the results & does some other things).

Is there something wrong with the Javascript? Do I have to do something special to make it work right on Safair / IOS?

Thanks
0
Comment
Question by:Richard Korts
  • 2
  • 2
4 Comments
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 39592754
Uhm..... Attached HTML????

Cd&
0
 

Author Comment

by:Richard Korts
ID: 39592764
Sorry............

Attached.
index.htm
0
 
LVL 53

Accepted Solution

by:
COBOLdinosaur earned 500 total points
ID: 39592806
Well that is a really broken page.  The is more than one html tag, the title tag is between the end of the head and the start of the body, and the form is definitely broken because the form tag is between rows of the table.  

The validator cannot even process through the whole thing, so I am not surprised that an OS/browser with known issues handling form events would fail.  

You are not going to get it to work in something as fussy as Safari when structurally it is not a valid page and you have a broken form.  

Cd&
0
 

Author Closing Comment

by:Richard Korts
ID: 39592854
Wow, really simple. I inherited the HTML skeleton from the customer, never occurred to me those issues. I probably screwed up & put the <form> tag in the wrong place.

Works great now on iPad.

Thanks!
0

Featured Post

3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Citrix XenApp, Internet Explorer 11 set to Enterprise Mode and using central hosted sites.xml file.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
Shows how to create a shortcut to site-search Experts Exchange using Google in the Chrome browser. This eliminates the need to type out site:experts-exchange.com whenever you want to search the site. Launch the Search Engine Menu: In chrome, via you…
When you create an app prototype with Adobe XD, you can insert system screens -- sharing or Control Center, for example -- with just a few clicks. This video shows you how. You can take the full course on Experts Exchange at http://bit.ly/XDcourse.

777 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question