Re: radio buttons with. checkbox

Message-ID	<2760364.jIkiNM8doB@PointedEars.de> (permalink)
From	Thomas 'PointedEars' Lahn <PointedEars@web.de>
Organization	PointedEars Software (PES)
Date	2012-08-18 19:18 +0200
Subject	Re: radio buttons with. checkbox
Newsgroups	comp.lang.javascript
References	<k0o75t$iac$1@speranza.aioe.org>
Followup-To	comp.lang.javascript

Followups directed to: comp.lang.javascript

Show all headers | View raw

emf wrote:
^^^
Who?

> In my Spherical Triangle Calculator:
> 
> https://files.nyu.edu/emf202/public/js/spherical.html
> 
> one can select 1 of 3 radio buttons. Degrees and Radians affect the
> input and the output, while degmin affects the output only.
> 
> I considered making the deg°min' a checkbox instead:
> 
> https://files.nyu.edu/emf202/public/js/spherical2.html
> 
> but there are problems with the code. To begin with, if you click
> Radians, the degmin checkbox *is* disabled, but then when I click Clear
> while the Degrees is selected the degmin remains disabled.

You could call the "Degrees" radiobutton's onclick() property when the 
"Clear" button is activated, or you could simply call the function called 
the former's click event listener.  The latter is probably more compatible, 
but in more than a decade of browser scripting I have not yet encountered a 
DOM where calling the onclick() property would fail under these 
circumstances.¹  You may even call the radiobutton's click() method instead 
if it has any, or despatch a `click' event to it, but tests as to that are 
pending as well.

¹  Indeed, the HTML5 Working Draft suggests that calling the onclick() 
property is well-supported even with a HTML 4.01 DOM API:  
<http://www.w3.org/TR/html5/webappapis.html#event-handlers-on-elements-
document-objects-and-window-objects>

> Also, I'd prefer if the radio buttons and the checkbox are outside the
> dataForm, so their settings won't change with Clear, but then when
> clicking Calculate, it should be able to tell the current status of the
> buttons/checkbox.

A reset button in a form is usually a bad idea to begin with as it carries 
with it the risk of accidentally undoing all user inputs², but in your case 
an exception can be made.  Therefore, it is a bad idea to place form 
controls outside the form because then it could not be made to work without 
client-side DOM scripting, which you should consider implementing.

²  <http://www.useit.com/alertbox/20000416.html>

> […]
>                  <label for="rads" style="padding-right:1em;">
>                      <input type="radio" name="formats"
>                        onClick="inputOutput(0)";> Radians
>                  </label>
>                   <label for="degr" style="padding-right:1em;">
>                       <input type="radio" name="formats"
>                         onClick="inputOutput(1)"; checked> Degrees
>                  </label>
>                 <label for="dgmn2" style="padding-right:1em;">
>                      <input type="checkbox" name="dgmn"
>                        onClick="inputOutput(2)"> deg°min'
>                  </label>
> ...

Your LABEL elements do not work (clicking them does not focus the control) 
in Chromium 21.0.1180.75 Built on Debian wheezy/sid, running on Debian 6.0.5 
(150248), and most certainly other browsers, because you have not specified 
the `rads' aso. IDs on the corresponding form controls.  With this approach, 
you need to omit the `for' attribute on the LABEL elements.

However, indication of control activation might be rendered better (such as 
a dotted line around the text of the label of the activated control, 
excluding leading and trailing whitespace, as users would expect from other 
GUIs) if you used the `for' attribute and specified a corresponding `id' 
attribute on the corresponding control, but would not have the control as a 
child element of the LABEL element.

<http://www.w3.org/TR/html401/interact/forms.html#edef-LABEL>

PointedEars
-- 
When all you know is jQuery, every problem looks $(olvable).

Thread

radio buttons with. checkbox emf <emfril@gmail.com> - 2012-08-18 10:03 -0400
  Re: radio buttons with. checkbox SAM <stephanemoriaux.NoAdmin@wanadoo.fr.invalid> - 2012-08-18 17:36 +0200
    Re: radio buttons with. checkbox emf <emfril@gmail.com> - 2012-08-19 09:30 -0400
      Re: radio buttons with. checkbox emf <emfril@gmail.com> - 2012-08-19 12:11 -0400
        Re: radio buttons with. checkbox SAM <stephanemoriaux.NoAdmin@wanadoo.fr.invalid> - 2012-08-20 14:00 +0200
          Re: radio buttons with. checkbox emf <emfril@gmail.com> - 2012-08-20 09:05 -0400
            Re: radio buttons with. checkbox SAM <stephanemoriaux.NoAdmin@wanadoo.fr.invalid> - 2012-08-20 16:11 +0200
              Re: radio buttons with. checkbox emf <emfril@gmail.com> - 2012-08-21 05:25 -0400
                Re: radio buttons with. checkbox Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2012-08-21 14:36 +0200
                Re: radio buttons with. checkbox SAM <stephanemoriaux.NoAdmin@wanadoo.fr.invalid> - 2012-08-22 12:24 +0200
      Re: radio buttons with. checkbox SAM <stephanemoriaux.NoAdmin@wanadoo.fr.invalid> - 2012-08-20 12:13 +0200
      Re: radio buttons with. checkbox Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2012-08-20 16:27 +0200
        Re: radio buttons with. checkbox SAM <stephanemoriaux.NoAdmin@wanadoo.fr.invalid> - 2012-08-20 21:58 +0200
        Re: radio buttons with. checkbox emf <emfril@gmail.com> - 2012-08-21 10:58 -0400
          Re: radio buttons with. checkbox Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2012-08-22 10:41 +0200
          Re: radio buttons with. checkbox "Evertjan." <exxjxw.hannivoort@inter.nl.net> - 2012-08-22 10:14 +0000
          Re: radio buttons with. checkbox SAM <stephanemoriaux.NoAdmin@wanadoo.fr.invalid> - 2012-08-22 14:31 +0200
  Re: radio buttons with. checkbox Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2012-08-18 19:18 +0200
    Re: radio buttons with. checkbox emf <emfril@gmail.com> - 2012-08-20 08:29 -0400
      Re: radio buttons with. checkbox Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2012-08-20 16:25 +0200
        Re: radio buttons with. checkbox emf <emfril@gmail.com> - 2012-08-21 06:06 -0400
          Re: radio buttons with. checkbox Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2012-08-21 14:33 +0200
            Re: radio buttons with. checkbox emf <emfril@gmail.com> - 2012-08-21 10:51 -0400
              Re: radio buttons with. checkbox Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2012-08-22 11:42 +0200
              Re: radio buttons with. checkbox SAM <stephanemoriaux.NoAdmin@wanadoo.fr.invalid> - 2012-08-22 14:27 +0200
            Re: radio buttons with. checkbox Dr J R Stockton <reply1234@merlyn.demon.co.uk.invalid> - 2012-08-22 20:24 +0100
              Re: radio buttons with. checkbox Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2012-08-23 11:06 +0200
                Re: radio buttons with. checkbox Dr J R Stockton <reply1234@merlyn.demon.co.uk.invalid> - 2012-08-25 17:01 +0100
          Re: radio buttons with. checkbox Dr J R Stockton <reply1234@merlyn.demon.co.uk.invalid> - 2012-08-22 19:58 +0100
        Re: radio buttons with. checkbox emf <emfril@gmail.com> - 2012-08-22 02:20 -0400
          Re: radio buttons with. checkbox Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2012-08-22 10:44 +0200
          Re: radio buttons with. checkbox SAM <stephanemoriaux.NoAdmin@wanadoo.fr.invalid> - 2012-08-22 14:40 +0200
            Re: radio buttons with. checkbox emf <emfril@gmail.com> - 2012-08-26 00:16 -0400
            Re: radio buttons with. checkbox emf <emfril@gmail.com> - 2012-09-03 07:19 -0400
    Re: radio buttons with. checkbox David Mark <dmark.cinsoft@gmail.com> - 2012-09-03 21:02 -0700
      Re: radio buttons with. checkbox Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2012-09-04 13:44 +0200
        Re: radio buttons with. checkbox David Mark <dmark.cinsoft@gmail.com> - 2012-09-04 06:00 -0700

csiph-web