Path: csiph.com!v102.xanadu-bbs.net!xanadu-bbs.net!feeder.erje.net!eu.feeder.erje.net!weretis.net!feeder1.news.weretis.net!news.solani.org!.POSTED!not-for-mail
From: Thomas 'PointedEars' Lahn <PointedEars@web.de>
Newsgroups: comp.lang.javascript
Subject: Re: Dynamic CSS adjustments (JavaScript)
Date: Fri, 27 Jun 2014 10:16:21 +0200
Organization: PointedEars Software (PES)
Lines: 40
Message-ID: <2578227.iEouokMIWM@PointedEars.de>
References: <MPG.2e1662bf95bc0a299899c1@news.demon.co.uk> <XnsA358CD0D1F4FBeejj99@194.109.133.133> <MPG.2e16b6ce69e50e579899c2@news.demon.co.uk> <toggle-20140627012335@ram.dialup.fu-berlin.de> <event-listener-20140627013954@ram.dialup.fu-berlin.de>
Reply-To: Thomas 'PointedEars' Lahn <cljs@PointedEars.de>
Mime-Version: 1.0
Content-Type: text/plain; charset="UTF-8"
Content-Transfer-Encoding: 8Bit
X-Trace: solani.org 1403856981 3478 eJwFwQkBACAIA8BK8g2oI7L+EbwLg2DSEfBgcI5qV8go0TubE+lSl6V8dnqc2LJ+Z/vC/AMWehDs (27 Jun 2014 08:16:21 GMT)
X-Complaints-To: abuse@news.solani.org
NNTP-Posting-Date: Fri, 27 Jun 2014 08:16:21 +0000 (UTC)
User-Agent: KNode/4.12.4
X-User-ID: eJwVyMERwDAIA7CVGowhjAMh7D9C2zu9RNiy42o05XAUAK2uhsOaIoZ9+0zWZOQBHRrPL32RktWKxpeSgc0XNyAUeA==
Face: iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAGFBMVEXTxa4RFk5dUWANED8PFEfy7+MGBiW+n3ZNF/QuAAACaElEQVQ4jVXUwVOcMBQG8Dc7Rc4PUntdWV2uxjDpGaGeozOp1woar4jd5t/v9wLstMwsA/ntlxdCAgUc1hjTc9/JCZfGoo3wG3HdmdAWrIJRHe7GM/TmpY5VFefuVcAkkPbLIaN8rmPmjloyZxgyR3GuJ4K0AGtJ2htz8o7yqikm759fldQXaMpbDzjKAG+8v+AugVTOPO5DOjLvGtUYQwh0CPjnVMyGd+8/GfUB5nLKJDD2aLDh5HYyMDJGDwQIo2ZmZcKbowNmAdB/AzyFhrmF2MHRb0QJJfaAnwGB6orZhoykLzJtGwF/xpYxI1dswomiUj3gTuAIqCn/4C7cULwGNBtwMTk3Y4LfKB5YUaOKBKYtpplm7u0vip8tU1NWWyI/7XdcSuIDoMt6rVHMWT0DbjHPGqDqZVSa6zleLcUTcIKLoMv3ueJluALtAo9B302zPPlrtiVScRdCjXvVh3e3JpYa/jjkuC9N+LrBMlz/eAN4eQijX2EdLo6c5tGGHwLyHFtXk89dDGHwCVhG9T0S/j55AhRZgkMCmUQXJ49TnS1wnQDvw0eAh9ICeMmEFbCnPMFzjAvsWoEWEFdYEx+S0MoUZ1gT1wId8+AF3Bl2OoEu906AUHx5VLw/gXYg/x84loOah/2UYNrgiwSwGO7RfUzVBbx/kgpckumGOi6QirtD6gkLTitbnxNol47S2jVc2vsN5kPqaAHT8uUdAJM4v/DanjYOwmUjWznGfwB7sGtAtor5BgofDuzaRj4kSQAqDakTsKORa3Q3xKi3gE1fhl71KRMqrdZ2AWNNg/YOhQyrVBnb+i+nEg4bsDA+egAAAABJRU5ErkJggg==
X-Face: %i>XG-yXR'\"2P/C_aO%~;2o~?g0pPKmbOw^=NT`tprDEf++D.m7"}HW6.#=U:?2GGctkL,f89@H46O$ASoW&?s}.k+&.<b';Md8`dH6iqhT)6C^.Px|[=M@7=Ik[_w<%n1Up"LPQNu2m8|L!/3iby{-]A+#YE}Kl{Cw$\U!kD%K}\2jz"QQP6Uqr],./"?;=4v
Cancel-Lock: sha1:lL3aSsusT6EwAHFaCElUMN4lGX8=
X-NNTP-Posting-Host: eJwNxckRwEAIA7CWTMIxLmcxbP8lJPoo3rRUeUZ63Lg7wtEMmsY1LXzEGJ7/Z7ZYdOguGuisD0OyEho=
Xref: csiph.com comp.lang.javascript:25064

Stefan Ram wrote:

> ram@zedat.fu-berlin.de (Stefan Ram) writes:
>>Philip Herlihy <bounceback@you.com> writes:
>>>Now I just hope the good people in comp.lang.javascript don't deem this
>>>a CSS issue and send me back...
>>Today, we want »non-obtrusive JavaScript«.
> 
>   So,
> 
> <button onclick='toggleDone()'>toggleDone</button>
> 
>   could be replaced by:
> 
> <button id="toggleButton">toggleDone</button>
> 
>   . Then, in »myinit«:
> 
> document.getElementById( "toggleButton" ).
> addEventListener( "click", toggleDone );
> 
>   , with the function »toggleDone« being defined before.

And if none of the alternatives implemented in your addEventListener() 
wrapper would apply, the button would be non-functional.

By comparison, using the standards-compliant “onclick” attribute, the button 
would always be functional (if there was script support; actually, *this* 
button should be generated with scripting to avoid a non-functional widget; 
the alternative is using a form where the “submit” event is handled and, if 
necessary, canceled.)

And for what?  Misguided cleanliness.  The functionality of the button is 
tied to the button.  It does not make sense to separate them this way.

-- 
PointedEars
FAQ: <http://PointedEars.de/faq> | SVN: <http://PointedEars.de/wsvn/>
Twitter: @PointedEars2 | ES Matrix: <http://PointedEars.de/es-matrix>
Please do not Cc: me. / Bitte keine Kopien per E-Mail.