Path: csiph.com!x330-a1.tempe.blueboxinc.net!newsfeed.hal-mli.net!feeder3.hal-mli.net!newsfeed.hal-mli.net!feeder1.hal-mli.net!border3.nntp.dca.giganews.com!border1.nntp.dca.giganews.com!nntp.giganews.com!postnews.google.com!glegroupsg2000goo.googlegroups.com!not-for-mail
From: Jason C <jwcarlton@gmail.com>
Newsgroups: comp.lang.javascript
Subject: Blackberry-specific problem
Date: Tue, 7 Feb 2012 20:02:47 -0800 (PST)
Organization: http://groups.google.com
Lines: 98
Message-ID: <3969324.4567.1328673767667.JavaMail.geo-discussion-forums@vbbfd4>
Reply-To: comp.lang.javascript@googlegroups.com
NNTP-Posting-Host: 67.237.93.23
Mime-Version: 1.0
Content-Type: text/plain; charset=ISO-8859-1
Content-Transfer-Encoding: quoted-printable
X-Trace: posting.google.com 1328673867 26843 127.0.0.1 (8 Feb 2012 04:04:27 GMT)
X-Complaints-To: groups-abuse@google.com
NNTP-Posting-Date: Wed, 8 Feb 2012 04:04:27 +0000 (UTC)
Complaints-To: groups-abuse@google.com
Injection-Info: glegroupsg2000goo.googlegroups.com; posting-host=67.237.93.23; posting-account=494U9QkAAACJUH6jIcyb5E30maZZLsu7
User-Agent: G2/1.0
X-Google-Web-Client: true
Xref: x330-a1.tempe.blueboxinc.net comp.lang.javascript:11482

I'm having a problem on my site that seems to ONLY occur when the user has =
a Blackberry. I have an iPhone and an Android, but no Blackberry, so natura=
lly, I have no way of duplicating the problem.

This is on a classifieds page. The user will select a category from a SELEC=
T menu, then if necessary, a second SELECT menu will pop up for a subcatego=
ry.

Further down the page, the user has a series of checkboxes, where they can =
select to show the listing under multiple sections of the site.

The problem, though, is that with Blackberry users, one of the values of th=
e checkboxes (seemingly random) will come through as the value of the subca=
tegory.

I've tried to duplicate this with IE, FF, Chrome, Safari, Opera, iPhone, an=
d Android, with no luck. The only similarity between the submissions with e=
rrors is that the user is using a Blackberry, so I'm guessing that it's eit=
her something with the phone, or an error somewhere in the code that's only=
 being picked up by Blackberry.

FWIW, the page "almost" validates via W3.org. The only error that it finds =
is that I use <p></p> to let the user increase the font size of the page, b=
ut it's used within several inline tags. This should be irrelevant for this=
 error, though.

The relevant code is below. Do you guys see a flaw anywhere that could be c=
ausing this?

// The JavaScript
//
// this is used later in the script, but I'm=20
// leaving it here in case it's somehow relevant=20
var has_subcat =3D false;

// Set subcategories=20
function getSubcat(cat) {
  var list_cat =3D new Array();
  var show_msg;

  // Modified for this post
  // The actual script creates several arrays, where the=20
  // list_cat[index] represents a category (like "Autos"),=20
  // and the values represent a subcategory (like "Cars")
  list_cat['Autos'] =3D new Array (
    "Cars",
    "Trucks, Vans, and SUVs",
    "Motorcycles / ATVs",
    "Campers / Boats",
    "Farm Equipment",
    "Parts and Accessories"
  );

  if (cat && (list_cat[cat].length > 0)) {
    has_subcat =3D true;

    show_msg =3D "<select name=3D'subcat' size=3D'1'>";
    show_msg +=3D "<option value=3D''>Choose a subcategory<\/option>";

    for (n=3D0; n < list_cat[cat].length; n++)
      show_msg +=3D "<option value=3D'" + list_cat[cat][n] + "'>"=20
        + list_cat[cat][n] + "<\/option>";

    show_msg +=3D "<\/select>";
  }

  if (document.getElementById)
    document.getElementById('subcategory').innerHTML =3D show_msg;

  else if (document.all)
    document.all[subcategory].innerHTML =3D show_msg;

  else if (document.layers) {=20
    document.layers[subcategory].document.write(show_msg);
    document.layers[subcategory].document.close();
  }
}


// The HTML part of the SELECT menu
<select name=3D"category" size=3D"1" onChange=3D"getSubcat(this.value)">
  <option value=3D"">Choose a Category...</option>

  // Abbreviated for this post. Several options are=20
  // usually shown here
  <option value=3D"Autos">Autos</option>
</select>
<div id=3D"subcategory"></div>


// The HTML part of the checkboxes; roughly 40 of these=20
// are actually shown
//   "option" is intended as a variable here, so the=20
//   live page doesn't actually say "option"
<div style=3D"float:left">
  <input type=3D"checkbox" name=3D"more" id=3D"option" value=3D"option">
  Option
</div>