Comments on: Create a Custom “:selected” Pseudo Selector in MooTools

By: Thunder Mountain

Thunder Mountain — Sun, 28 Feb 2010 01:46:35 +0000

For IE and FF support you can wrap it in a Try/Catch

Selectors.Pseudo.selected = function(){
var tag;

try {
tag = Element.get(this, ‘tag’);
}
catch (ex) {
tag = this.get(‘tag’);
}

return (this.selected && ‘option’ == tag);
);

By: Luke Hoggett

Luke Hoggett — Wed, 08 Jul 2009 03:49:08 +0000

In response to Yann’s comment to have this pseudo selector and other play nice with IEs you might like to have a look at this Mootools Core ticket on Lighthouse

from Valerio’s comment there the script would need to be something like (note haven’t tested)

Selectors.Pseudo.selected = function(){
return (this.selected && ‘option’ == Element.get(this, ‘tag’));

};

By: Yann

Yann — Thu, 28 May 2009 17:04:33 +0000

Do you know your script doesn’t work on IE ?

By: Henrik Lindqvist

Henrik Lindqvist — Thu, 12 Feb 2009 18:47:48 +0000

If MooTools implement CSS3 for it’s selector the :checked could be used.

While the :checked pseudo-class is dynamic in nature, and is altered by user action, since it can also be based on the presence of the semantic HTML4 selected and checked attributes, it applies to all media.

See http://www.w3.org/TR/css3-selectors/#UIstates

By: Chris

Chris — Thu, 27 Nov 2008 06:14:37 +0000

Ha, nice script, in my current style of programming I don’t use it, but defiantly will later on!

Sorry Grammar, couldn’t resist :)

By: httpwebwitch

httpwebwitch — Tue, 18 Nov 2008 14:55:09 +0000

This is one of the neatest tricks I’ve seen in a while. I can already think of two situations where I’d use this right away! Keep up the good work Mister Walsh.

Oh, and when I read that someone would “defiantly” use this, I just figured they were being rebellious, audacious, insubordinate … mutinous. Using this technique with recalcitrant disobedience.

“Definitely” is spelled right, but much less interesting.

By: david

david — Mon, 17 Nov 2008 13:41:48 +0000

@atom: Yep, I guess I find “:selected” to be shorter and within the $$() functionality.

By: atom

atom — Mon, 17 Nov 2008 00:24:31 +0000

MooTools has functionality built in to get selected elements:

http://mootools.net/docs/Element/Element#Element:getSelected

By: Moksha

Moksha — Tue, 11 Nov 2008 22:40:09 +0000

really nice one, it look good

By: Evan

Evan — Tue, 11 Nov 2008 16:42:18 +0000

@Grammar Nazi… I noticed the stupid spelling mistake right after I posted and could not go back to edit…

@david Thanks for testing out my questions for me.