Hi,
I'm trying to implement the Growl option for the blockUI plugin, the
"hard" way ( as seen here: http://malsup.com/jquery/block/#demos,
second to last example). The reason why I'm going the "hard" way is
because I'd like to have multiple Growl messages - one for an error,
one for a success, etc, all of which have different background
images / styles (ex: a red X for error, a green checkmark for a
success).
The "easy" growl method, while allowing for different text content,
only allows for one style. Thus I'm trying to get around this
limitation using the "hard" way:
$.blockUI({
message: $('div.growlUI'),
fadeIn: 700,
fadeOut: 700,
timeout: 3000,
showOverlay: false,
centerY: false,
css: {
width: '350px',
top: '10px',
left: '',
right: '10px',
border: 'none',
padding: '5px',
backgroundColor: '#000',
'-webkit-border-radius': '10px',
'-moz-border-radius': '10px',
opacity: .6,
color: '#fff'
}
});
replacing the "$(div.growlUI)" with $(div.growlUIerror) and $
(div.growlUIsuccess), etc, and subsequently adding different styles in
my stylesheet. Yet I get an error that says "data.parent =
node.parentNode", when I try and run the above code. Has anyone had
any luck getting *different* growl messages with different styles/
images in them to run on the same page?
