the positioning properties (left, top), width, and zIndex are set by
the plugin, but you can adjust them by changing their respective
options.
You can change all other properties by using the IDs and classes
already supplied by the plugin or by using .cluetip-fdFaq . When you
modify the cluetipClass option, it appends that class to "cluetip-",
so you'll have to use the combination; hence, "cluetip-fdFaq".
Hope that helps.
--Karl
____________
Karl Swedberg
www.englishrules.com
www.learningjquery.com
On Feb 27, 2009, at 1:34 PM, alanfluff wrote:
Hi cleverer people than me...
Please can someone point me in the right direction to use this
brilliant plugin but have it add no stlye so I can add style to an
unstyled chunk of markup?
I'm calling the plugin with
$('.linkToFaq a').cluetip({splitTitle: '|', width: '100px',
cluetipClass: 'fdFaq', sticky: 'true'});
and fdFaq has only one rule, a border, and yet the o/p produced is the
following (below my sig', a lot of style).
Thanks LOTS in advance to any commenters, I'm sure it's easy and I am
daft.
Cheers,
-Alan
<div style="position: absolute; z-index: 95; display: none;"
id="cluetip-waitimage"></div><div class="clue-right-fdFaq cluetip-
fdFaq" style="z-index: 96; display: block; position: absolute; width:
100px; left: 732.767px; top: 570.4px;" id="cluetip"><div style="z-
index: 95; opacity: 0.1; top: 1px; left: 1px; position: absolute;
background-color: rgb(0, 0, 0); display: block; height: 77px; width:
100px;"></div><div style="z-index: 94; opacity: 0.1; top: 2px; left:
2px; position: absolute; background-color: rgb(0, 0, 0); display:
block; height: 77px; width: 100px;"></div><div style="z-index: 93;
opacity: 0.1; top: 3px; left: 3px; position: absolute; background-
color: rgb(0, 0, 0); display: block; height: 77px; width: 100px;"></
div><div style="z-index: 92; opacity: 0.1; top: 4px; left: 4px;
position: absolute; background-color: rgb(0, 0, 0); display: block;
height: 77px; width: 100px;"></div><div style="z-index: 91; opacity:
0.1; top: 5px; left: 5px; position: absolute; background-color: rgb(0,
0, 0); display: block; height: 77px; width: 100px;"></div><div
style="z-index: 90; opacity: 0.1; top: 6px; left: 6px; position:
absolute; background-color: rgb(0, 0, 0); display: block; height:
77px; width: 100px;"></div><div style="overflow: visible; position:
relative; z-index: 97; height: auto;" id="cluetip-outer"><h3
id="cluetip-title">Q & A</h3><div id="cluetip-
inner"><div id="cluetip-close"><a href="#">Close</a></div>How come I’m
not separately charged for the design time</div></div><div
id="cluetip-extra"></div><div style="z-index: 97; display: none;"
id="cluetip-arrows" class="cluetip-arrows"></div></div>
