[jQuery] clueTip updates and new theme

[jQuery] clueTip updates and new theme

<HTML><BODY style="word-wrap: break-word; -khtml-nbsp-mode: space; -khtml-line-break: after-white-space; "><DIV>Hi again,</DIV><DIV><BR class="khtml-block-placeholder"></DIV><DIV>Just wanted to let you know that I did a bunch of <SPAN class="Apple-tab-span" style="white-space:pre"> </SPAN>work on the clueTip plugin this weekend and made some progress in a few areas. </DIV><DIV><BR class="khtml-block-placeholder"></DIV><DIV>A couple people requested that the clueTips look more like Cody Lindley's jTips. Your wish is my command:</DIV><DIV><SPAN class="Apple-tab-span" style="white-space:pre"> </SPAN><A href="http://test.learningjquery.com/clue/demo/alt-demo.html"> http://test.learningjquery.com/clue/demo/alt-demo.html</A></DIV><DIV><BR class="khtml-block-placeholder"></DIV><DIV>Here is a run-down of what I've modified:</DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><BR></DIV><DIV>- waitImage feature/option is now implemented</DIV><DIV>- added "arrows" option that sets background-position-y to line up an arrow background image with the hovered element.</DIV><DIV>- the clueTip heading (<h3>) now comes before <div id="cluetip-inner">, not first child of it. Makes it much easier to apply sane CSS.</DIV><DIV>- fixed a positioning glitch when using the truncate option</DIV><DIV>- added alternate theme based on Cody Lindley's jTip and demo files to show it (alt-demo...)</DIV><DIV>- changed $(document).width() to the more appropriate $(window).width() for positioning clueTip x coordinate</DIV><DIV>- <div id="cluetip"> now gets class="clue-left" if positioned to the left of the hovered element; gets class="clue-right" if positioned to the right. Useful for styling the clueTip differently based on where it displays</DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><FONT class="Apple-style-span" color="#0000EE" face="Trebuchet MS"><SPAN class="Apple-style-span" style="text-decoration: underline;"><BR class="khtml-block-placeholder"></SPAN></FONT></DIV><BR><DIV><SPAN class="Apple-style-span" style="border-collapse: separate; border-spacing: 0px 0px; color: rgb(0, 0, 0); font-family: Helvetica; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-align: auto; -khtml-text-decorations-in-effect: none; text-indent: 0px; -apple-text-size-adjust: auto; text-transform: none; orphans: 2; white-space: normal; widows: 2; word-spacing: 0px; ">I haven't committed any of this to SVN yet because I'm hoping to work out the IE6 drop shadow/CSS issues first. But everything is up on my test server, so if you want to poke around, feel free:</SPAN></DIV><DIV><SPAN class="Apple-style-span" style="border-collapse: separate; border-spacing: 0px 0px; color: rgb(0, 0, 0); font-family: Helvetica; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-align: auto; -khtml-text-decorations-in-effect: none; text-indent: 0px; -apple-text-size-adjust: auto; text-transform: none; orphans: 2; white-space: normal; widows: 2; word-spacing: 0px; "><SPAN class="Apple-tab-span" style="white-space:pre"> </SPAN><A href="http://test.learningjquery.com/clue/"> http://test.learningjquery.com/clue/</A> </SPAN></DIV><DIV><SPAN class="Apple-style-span" style="border-collapse: separate; border-spacing: 0px 0px; color: rgb(0, 0, 0); font-family: Helvetica; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-align: auto; -khtml-text-decorations-in-effect: none; text-indent: 0px; -apple-text-size-adjust: auto; text-transform: none; orphans: 2; white-space: normal; widows: 2; word-spacing: 0px; "><BR class="Apple-interchange-newline"><SPAN class="Apple-style-span" style="border-collapse: separate; border-spacing: 0px 0px; color: rgb(0, 0, 0); font-family: Helvetica; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-align: auto; -khtml-text-decorations-in-effect: none; text-indent: 0px; -apple-text-size-adjust: auto; text-transform: none; orphans: 2; white-space: normal; widows: 2; word-spacing: 0px; "><DIV><BR class="khtml-block-placeholder"></DIV><DIV>--Karl</DIV><DIV>_________________</DIV><DIV>Karl Swedberg</DIV><DIV>www.englishrules.com</DIV><DIV>www.learningjquery.com</DIV><DIV><BR class="khtml-block-placeholder"></DIV><BR class="Apple-interchange-newline"></SPAN></SPAN> </DIV><BR></BODY></HTML>