Snipplr - noah

(Ruby) Rendered WGet with Selenium

Mon, 18 Aug 2008 09:23:43 GMT

Created in response to a discussion about "ghosting," between Kord Campbell of Splunk and Christian Heilman of Yahoo! at Ajax World 2008. IMPORTANT: The Selenium-RC server must be running on port 4444 (the default) and you must have Curl and Tidy installed on your system. NOTE: Diffing the rendered versus the "server" source. This option works OK as a learning tool, but I need to do more in terms of normalizing the server source versus the rendered source. I run both the "server" and innerHTML sources through Tidy, but unfortunately there still seems to be a lot of extraneous differences between them. So while this works OK for downloading the rendered source via a Ruby script, I've got a ways to go before it can produce a reliable "rendered diff."

(JavaScript) List all class names used in a DOM tree

Wed, 28 May 2008 17:31:41 GMT

Lists each CSS class name that is applied to an element within an HTML page. Some applications suggested by this pattern are: - List class names by frequency of use. - List class names by what kind of element they are applied to. - List class names that are only used once.

(JavaScript) Find Verbose IDs in the DOM

Tue, 27 May 2008 17:08:12 GMT

Traverses the DOM tree and reports if any IDs are over 30 characters in length. Doesn't check for doubled IDs because that's caught when validationg the HTML.

(JavaScript) find ancestor

Fri, 20 Jul 2007 19:26:22 GMT

find the first ancestor on which comparisonFunc evaluates to true works the same way as a custom sort the el specified in the pram will be the FIRST el to which comparisonFunc is applied. this is, this function considers me to be my own first ancestor :)

(JavaScript) toggle classname

Fri, 20 Jul 2007 19:15:59 GMT

(JavaScript) Kruse's hasClass

Fri, 20 Jul 2007 19:06:22 GMT

This Matt Kruse's hasClass function.

(JavaScript) click on an element across browsers

Fri, 20 Jul 2007 18:08:37 GMT

If you have assigned an event handler to a container, you might want to remotely trigger it as if a child of the container had been clicked. That is, you might want to manually set the target of the 'event' object that is passed to the event handler on the container. This helps to keep the number of event handlers down.

(JavaScript) Create new CSS Selector (FF, IE, Opera)

Fri, 20 Jul 2007 10:53:32 GMT

Construct and add a selector to an existing stylesheet. Does not work in Safari.

(JavaScript) Find doubled IDs in the DOM

Sat, 14 Jul 2007 14:51:33 GMT

(JavaScript) set a nested DOM property with square bracket notation

Tue, 10 Jul 2007 10:05:48 GMT

This was fun to write. I wonder if nested DOM properties can be set with any of JavaScript's built-in methods?

(JavaScript) Safely Get and Operate Upon An Element

Thu, 28 Jun 2007 20:09:25 GMT

Pass this an ID or an object reference, as well as any number of functions that take the referenced object as a parameter. This wrapper is intended to provide a sanity check against missing DOM elements.

(JavaScript) Get Mouse Position (from Quirksmode.org)

Mon, 25 Jun 2007 08:36:02 GMT

This is PPK's solution for finding mouse position across platforms.

(JavaScript) accept either an element or an id as a parameter

Tue, 12 Jun 2007 07:42:21 GMT

(JavaScript) Change opacity in all browsers

Mon, 11 Jun 2007 12:07:17 GMT

Check whether style.opacity is available. If not, then apply IE proprietary opacity

(JavaScript) Set IE Hover State

Mon, 11 Jun 2007 09:09:44 GMT

assigns/removes the class 'over' to elements on hover since IE does not attach :hover to any element but A

(JavaScript) Stop event propagation (stop an event from bubbling up)

Wed, 06 Jun 2007 12:09:40 GMT

This is useful if I have an element that is inside a container, and I want to the element's event handler to fire without triggering the container's event handler. Then I would wrap the element's event handler function with this code. See "PPK On JavaScript," pp. 315 and 323.

(JavaScript) Get the event object and the element that triggered the event

Wed, 06 Jun 2007 10:29:53 GMT

See "PPK On JavaScript," p. 323.

(JavaScript) Accept a parameter that is /either/ a DOM element /or/ the ID of a DOM element.

Thu, 24 May 2007 13:40:48 GMT

(JavaScript) Height of window

Tue, 15 May 2007 10:29:17 GMT

Get the height of the browser window in any browser. Rob Zand's code.

(JavaScript) Toggle the className of a DOM element

Fri, 04 May 2007 08:45:52 GMT

Imagine an element that has two states, represented by two CSS classes named 'expanded' and 'contracted.' This code toggles between the two states.