[jQuery] Re: Cluetip with textarea
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>').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 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 wrote:
But say I really would like to?
On 29 jun, 19:32, Karl Swedberg 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 -
[jQuery] Re: Cluetip with textarea
Stupid maybe but i like the shadow option and the arrow... On 30 jun, 17:03, Karl Swedberg 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 wrote: > >> But say I really would like to? > > >> On 29 jun, 19:32, Karl Swedberg 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 -
[jQuery] Re: Cluetip with textarea
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 Swedberg www.englishrules.com www.learningjquery.com On Jun 30, 2009, at 2:09 AM, johhnnyboy wrote: ? On 29 jun, 20:34, johhnnyboy wrote: But say I really would like to? On 29 jun, 19:32, Karl Swedberg 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 -
[jQuery] Re: Cluetip with textarea
? On 29 jun, 20:34, johhnnyboy wrote: > But say I really would like to? > > On 29 jun, 19:32, Karl Swedberg 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 -
[jQuery] Re: Cluetip with textarea
But say I really would like to? On 29 jun, 19:32, Karl Swedberg 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 -
[jQuery] Re: Cluetip with textarea
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 Swedberg www.englishrules.com www.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?
