Hi PJ,
Maybe you can give this a try? [using pseudo-code] ...
Bind your cluetips to elements as usual:
$('someelements').cluetip({options: values});
Then, if you want to open a particular cluetip, you might be able to
use .trigger() :
$('another-element').someEvent(function() {
$('#aParticularElement').trigger('mouseover');
});
If you used the click activation option, you'd want to trigger 'click'
rather than 'mouseover'.
Let me know how that goes.
--Karl
_________________
Karl Swedberg
www.englishrules.com
www.learningjquery.com
On Nov 28, 2007, at 4:30 AM, PJ wrote:
I have been playing with this some more overnight. I have some more
comments that make my request for support clearer...
Basically I want to be able to open/close tips whenever I want - but I
want to be able to open them by specifying the id of the span (as
detailed in code in previous post). So $(".cluetip-
help").fadeIn(slow); would need to specify which span I am referring
to. Looking at the code I am pretty sure this is not doable - as it
stands.
I thought initially that I wouldn't need to specify the span id as I
would be level with the span (the icons are located horizontally
adjacent to the input field) when I needed to display the message -
but the validation happens after the users has tabbed away to the next
field - so positionBy: mouse would no longer work and I would have to
reference the exact span I want to display.
Grrrrr.
PJ
On Nov 27, 3:59 pm, PJ <[EMAIL PROTECTED]> wrote:
[Help me Karl. You're my only hope!! Well my best chance of success
at
least!]
As I mentioned in a couple of other posts I am building an interface
using the cluetip and validate plugins for jQuery. I have both
working
well but I am trying to integrate them smoothly now and I have a few
issues.
I want to be able to control cluetip "tips" without clicking on the
elements used to define the tips in the first place.
I have:
<p>
<label for="name">Name</label>
<input id="name" />
<span id="help1" class="help" title="Help" href="#help_1"
rel="#help_1" ></span>
</p>
The label and input are obvious - the span is an icon showing the
current state of the data entered. A tick if valid, a cross if not.
cluetip works great to help the user when explaining the data we
require - they click the help icon and the tip tells them what to do.
But I also want to use clueTip to show error messages. So the
validate
plugin determines an error and then calls clueTip to display the
correct "tip" ~(in the case above it would be the tip associated with
help1).
This is where I am struggling. How can I control specific "tips"
without clicking on the defining elements?
$(".cluetip-help").fadeIn(slow);
The above would be nice - but I am having no joy with it - mainly as
i'm not specifying the originating element (help1, help2,
help3, .....). I have had a look at your code but I've not been
playing with it long enough to come up with a sensible line of
attack.
Any help or ideas would (again) be greatly appreciated.
Cheers
PJ
