{"id":1363,"date":"2005-01-08T10:08:00","date_gmt":"2005-01-08T16:08:00","guid":{"rendered":"http:\/\/www.lordandrei.com\/blog\/?p=1363"},"modified":"2005-01-08T10:08:00","modified_gmt":"2005-01-08T16:08:00","slug":"calling-javascripters-take-my-lj-challenge","status":"publish","type":"post","link":"http:\/\/www.lordandrei.com\/blog\/2005\/01\/08\/calling-javascripters-take-my-lj-challenge\/","title":{"rendered":"Calling JavaScripters, take my LJ Challenge"},"content":{"rendered":"

So, many say that LJ is just a repository of fluff. That it holds no real innate value.<\/p>\n

So, I now put it out there. This is my test and situation.<\/p>\n

I am trying to teach myself JavaScript. I think I’ve written my code correctly. Only problem is.. it doesn’t work. Actually it doesn’t do anything at all<\/p>\n

So, below the cut I will explain the problem, code, and issue. I will leave myself logged on via AIM and Yahoo. I am curious to see how long it takes for someone to find read my issue and get in contact with me to aid the solution \ud83d\ude42<\/p>\n

Theoretically this is a very simple problem. \ud83d\ude42<\/p>\n

This is my current JavaScript quandry it is actually in two parts.<\/p>\n

I have created a table that has 3 radio buttons, 3 simple text labels, and 3 text fields and 1 submit button. These all sit in a form:<\/p>\n

\n\n\n\n\n\n
<\/td>\nlabel 1<\/td>\n<\/td>\n<\/tr>\n
<\/td>\nlabel 2<\/td>\n<\/td>\n<\/tr>\n
<\/td>\nlabel 3<\/td>\n<\/td>\n<\/tr>\n
\n
<\/div>\n<\/td>\n<\/tr>\n<\/table>\n<\/form>\n

The form:
\n   Has a name and id of “NewData”<\/p>\n

The radio buttons
\n   Are all named “ModChoice”
\n   Have values of 1, 2, and 3 respectively.
\n   onClick=”radioClick(this.value)”<\/font><\/p>\n

Up in the <head><\/font> section of the html I have written the following:
\n<\/p>\n

\r<script language=\"JavaScript\" type=\"text\/javascript\">\r<!--\r\rfunction radioClick(radioChoice)\r{\ralert(\"Click in button [\" . radioChoice . \"]\")\rswitch (radioChoice) {\r{{Other stuff removed}}\r}\r}\r\/\/-->\r<\/script><\/pre>\n
<\/font><\/p>\n
So, question 1. When someone clicks a radio button, why doesn’t RadioClick get called?. When I hit one of the radio buttons, nothing happens.<\/p>\n
Advanced question 2. I’d like to use the switch statement to change the css “on the fly” so that selecting a button causes the text in the unselected choices to change to a dimmer colour and the associated text fields ‘disable’.<\/p>\n
From my reading, issue 1 should just work. Granted, I’ve yet to comprehend how JavaScript feels about semi-colon usage. I’ve seen examples that do and don’t use it.<\/p>\n
So… comments? Thanks!<\/p>\n
Share this:<\/h3>