if you want to create a shadow the same way (there are lots of other
ways to do it), you can just use this code:
$(document).ready(function() {
var $dropShadow = $([]),
dropShadowSteps = 6;
for (var i=0; i < dropShadowSteps; i++) {
$dropShadow = $dropShadow.add($('<div class="drop-shadow"></
div>').css({opacity:.1, top: 1+i, left: 1+i}));
};
$dropShadow.appendTo('#preview-container');
});
And set up some styles. For example:
#preview-container,
.preview {
top: 0;
left: 0;
z-index: 100;
position: absolute;
background-color: #ddd;
}
#preview-container,
.preview,
.drop-shadow {
height: 200px;
width: 600px;
}
.drop-shadow {
position: absolute;
z-index: 99;
background-color: #000;
}
The arrows in cluetip are just done with images and CSS positioning,
but the Filament Group posted a cool article about using a CSS to
create arrows:
http://www.filamentgroup.com/lab/image_free_css_tooltip_pointers_a_use_for_polygonal_css/
I used their approach for some tooltips here:
http://store.steelcase.com/go/office-chairs (hover over one of the
chairs in the top row).
--Karl
____________
Karl Swedberg
www.englishrules.com
www.learningjquery.com
On Jun 30, 2009, at 2:24 PM, johhnnyboy wrote:
Stupid maybe but i like the shadow option and the arrow...
On 30 jun, 17:03, Karl Swedberg <k...@englishrules.com> wrote:
I'd say don't do it. The clueTip plugin was never meant for that sort
of thing. It goes through all sorts of positioning calculations each
time it appears, and it always hides the div before it shows it again
(for various reasons), so you'd probably get some weird flickering
and
tons of extra, unnecessary, work.
Can you tell me why you would really like to use clueTip for this?
What advantage do you see it having over a simpler approach?
--Karl
____________
Karl Swedbergwww.englishrules.comwww.learningjquery.com
On Jun 30, 2009, at 2:09 AM, johhnnyboy wrote:
?
On 29 jun, 20:34, johhnnyboy <johhnnybo...@hotmail.com> wrote:
But say I really would like to?
On 29 jun, 19:32, Karl Swedberg <k...@englishrules.com> wrote:
I don't think cluetip is the best tool for that job.
I wrote a tutorial long ago about showing a preview for textareas.
I'd
just do something simple like that and position the preview div
with
CSS.
http://www.learningjquery.com/2006/11/really-simple-live-comment-preview
--Karl
____________
Karl Swedbergwww.englishrules.comwww.learningjquery.com
On Jun 29, 2009, at 1:05 PM, johhnnyboy wrote:
Hello,
Does anyone have a tutorial or testscript how to show a cluetip
(previewwindow) when onkeyup in textarea?- Tekst uit
oorspronkelijk bericht niet weergeven -
- Tekst uit oorspronkelijk bericht weergeven -- Tekst uit
oorspronkelijk bericht niet weergeven -
- Tekst uit oorspronkelijk bericht weergeven -- Tekst uit
oorspronkelijk bericht niet weergeven -
- Tekst uit oorspronkelijk bericht weergeven -
