[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
