Skip to content
jQuery plugin to calculate actual color values of DOM nodes
JavaScript
Find file
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.