Brilliant! Thanks Karl! Have a great weekend and thanks for writing
such a sweet jquery plugin.
On Apr 16, 6:38 pm, Karl Swedberg <k...@englishrules.com> wrote:
> Hi there,
>
> The plugin already has an onHide option. I just fixed it so that
> within onHide's anonymous function "this" will be the invoking element.
>
> so, your additional option would be :
>
> onHide: function() {
> $(this).parent().removeClass('selectedCell');
> })
>
> You can grab the updated plugin on GitHub:
>
> http://github.com/kswedberg/jquery-cluetip/tree/master
>
> --Karl
>
> ____________
> Karl Swedbergwww.englishrules.comwww.learningjquery.com
>
> On Apr 16, 2009, at 1:51 PM, tatlar wrote:
>
>
>
> > Hi there,
>
> > I am using Karl's clueTip plugin in a table. When the user clicks a
> > link in the table, the clueTip pops up, and the CSS of the table cell
> > changes using the addClass method (adds a class called
> > 'selectedCell'). This is all well and groovy, but what I want to do in
> > addition, is that when the user closes the clueTip window, the CSS of
> > the selected table cell reverts to its previous class. I was looking
> > for an onClose in the clueTip API options list and could not find
> > one.
>
> > Does anyone know how I could achieve this desired behavior? What I
> > have right now is that when the user clicks one cell all the current
> > table cells are reset (have the class removed) and then a class is
> > applied ('selectedCell'). When another a link is clicked in the table,
> > all the current table cells with that class have it removed, and the
> > newly clicked cell has the class applied:
>
> > $("a.jTip").click( function() {
> > $('table tbody tr td').removeClass('selectedCell');
> > $(this).parent().addClass('selectedCell');
> > }
>
> > clueTip is called thus:
>
> > $("a.jTip").cluetip({
> > cluetipClass: 'jtip',
> > arrows: true,
> > hoverIntent: false,
> > mouseOutClose: true,
> > sticky: true,
> > activation: 'click',
> > splitTitle: '|',
> > closeText: 'X',
> > closePosition: 'title',
> > tracking: true,
> > showTitle: true
> > }) ;
>
> > I want to add another option (in pseudo-code):
> > onClose: function(e) {
> > e.parent().removeClass('selectedCell')
> > }
>
> > Is this worth modifying the plugin for? Am I even going about this the
> > right way? Thanks in advance.
