Page 1 of 1

Stroop Effect - Interactive Demonstration

Posted: Fri Aug 12, 2005 8:26 pm
by Ambush Commander
I just finished a test script I was working on while I was learning JavaScript. It's an interactive demonstration of the Stroop effect: http://www.thewritingpot.com/stroop/

I'd like comments on the JavaScript (you know, extensibility issues, compatibility issues), and also on the User-friendliness of the interface (commenting on aesthetics couldn't hurt either).

Posted: Fri Aug 12, 2005 8:40 pm
by feyd
the g for green is getting cut off by the textbox it's in, so it looks like a q to me...

Posted: Fri Aug 12, 2005 8:48 pm
by Ambush Commander
Hmm... what browser are you using?

Edit - Okay, updated the style with a 1.8em height, that should fix it... also, I'm getting a mysterious error from Internet Explorer... hmph... I can't decipher it though.

Edit 2 - This is really weird. Internet Explorer complains about three lines. When they're commented off, IE doesn't complain, but of course, the program won't work. But the lines are really weird:

Code: Select all

screenInstructions   = document.getElementById('screenInstructions');
    screenInformation    = document.getElementById('screenInformation');
    screenExperiment     = document.getElementById('screenExperiment');
    //screenResults        = document.getElementById('screenResults');
    body                 = document.getElementById('body');
    buttonEditKeys       = document.getElementById('buttonEditKeys');
    //linkToResults        = document.getElementById('linkToResults');
    //textareaResults      = document.getElementById('textareaResults');
Says "Object doesn't support this property or method". But then what about all the other calls? Actual program works fine...

Posted: Fri Aug 12, 2005 9:01 pm
by feyd
it may not like that the variable names match those of the id's which already exist in the object model.. (wild stab)

Posted: Fri Aug 12, 2005 9:05 pm
by Ambush Commander
Amazing. You're right. :D

::All hail amazing Feyd::

Edit - Okay, squashed another annoying IE bug which involved me using setProperty() (which doesn't work in IE). I think it works in IE 6 now...