Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
jQuery plugin to calculate actual color values of DOM nodes
branch: master

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
lib
.gitignore
README.md
jquery.color_spy-0.1.0.js
jquery.color_spy.html
jquery.color_spy_spec.js

README.md

Purpose

Built so that could determine the color of an element on the page. This was critical to being able to write a SIFR plugin that would work in across a heterogenous set of elements. Could be useful in other general purpose code.

Tested on Firefox, Chrome, Safari, IE7.

Usage

<script src="./lib/jquery-1.4.2.js"></script>
<script src="./jquery.color_spy-0.1.0.js"></script>
<script type="text/javascript">
alert($('.selector').backgroundColor());
</script>

$(...).backgroundColor()

Returns the background color of the first element as a hex string. For example, #ff0000. Traverses up the DOM until it finds an explicit color. Converts rgb, rgba and named colors to their hex equivalents.

$(...).color()

Returns the color of the first element. Traverses up the DOM until it finds an explicit color. Converts rgb, rgba and named colors to their hex equivalents.

$.toHexColor(color)

Converts varioius formats to the standard size-color hex string.

Demo & Development

Open jquery.color_spy_spec.js

Tests are written in ScrewUnit and included here.

License

Copyright (c) Andrew J. Peterson / NDPSoftware All Rights Reserved. Use with permission only.

Something went wrong with that request. Please try again.