Radio buttons will not function as expected in Firefox, but will do so in Chrome and IE
I have written a web page to display aerial photographs and have a form which allows the user to click on a Google map. There are two sets of radio buttons, one to select how many to look for, and the other to select a search radius. These radio buttons work properly in Chrome and IE, but not in Firefox. In Firefox, clicking on a radio button is either ignored, or it is reset to the first option (which is not even the default). I am currently using FF version 30.0, but this has not worked on previous versions.
The web page is at: http://www.actinia.me.uk/Clack/ClackPictures.htm
All Replies (4)
Using the built in Web Developer feature, in Firefox 33.1 I get this message.
"Control is no longer supported in the Google Maps Javascript API v2. Please visit https://developers.google.com/maps/documentation/javascript/v2/v2tov3 to migrate your application to v3." %7Bmain,adsense,geometry,zombie%7D.js:72
Sounds like you need to update that feature on your website. See the appropriate Google Group for help with that.
I did not think that it was Google, so I created a stripped-down version of the page, removing all scripts, Google and mine. The Google interface just selects a spot on the map. My script converts this to a UK Grid reference which is then fed to the form. In the stripped down version, the form is given a typical value.
The form will still will not perform as per spec, neither on my PC nor on my server.
Here is the form:
<form id="form1" name="form1" method="get" action="../cgi-bin/findPix.py"> <p><label>Grid reference <input name="gridref" id="gridref" type="text" value="TQ776887" /></label> </p> <p> <label>Enter maximum number of images to find:<br /> <input name="maxcount" id="maxcount1" value="1" type="radio" /> One <input name="maxcount" id="maxcount5" value="5" checked="checked" type="radio" /> Five <input name="maxcount" id="maxcount10" value="10" type="radio" /> Ten <input name="maxcount" id="maxcount20" value="20" type="radio" /> Twenty </label></p> <p> <label>Enter the maximum distance to look from your chosen point:<br /> <input name="maxdist" id="maxdist1" value="1" type="radio" /> One Km <input name="maxdist" id="maxdist2" value="2" checked="checked" type="radio" /> Two Km <input name="maxdist" id="maxdist5" value="5" type="radio" /> Five Km <input name="maxdist" id="maxdist50" value="50" type="radio" /> Unlimited </label></p> <input name="button" id="button" value="Submit" type="submit" /> </form>
Modified by cor-el
Sorry, this forum isn't for developer support.
I was able to troubleshoot your issue with tools built into Firefox, which showed the message that I provided.
Apparently you are using an old v2 script from
script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAoo2KR2rwS9elA7JdViHA_hTMmbWCihAIxuSb1AoUK0CoLlOoDBTD73Qq57UFsjylZws2nNCG9N4D_Q - which is no longer available.
Did you read this? https://developers.google.com/maps/documentation/javascript/v2/v2tov3 It says to migrate to v3.
Beyond that, you could try posting at the Web Development / Standards Evangelism forum at MozillaZine. The contributors over there are more knowledgeable about web page development issues with Firefox. http://forums.mozillazine.org/viewforum.php?f=25 You'll need to register and login to be able to post in that forum.
As I have said above, this is not a Google Maps error. The form on a stripped-down page without any reference to Google maps or any other script still will not work as it should. It is Firefox not behaving as it should in following standard HTML. The error occurs whether the page is on my PC or on the server. It works fine in Chrome and IE.