<html><body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; ">Hi André,<div>
</div><div>There are a couple ways I can think of to do #1. I've whipped up a couple demos to show you:</div><div>
</div><div><a href="http://plugins.learningjquery.com/cluetip/demo/multi-ajax.html">
http://plugins.learningjquery.com/cluetip/demo/multi-ajax.html</a></div><div><a href="http://plugins.learningjquery.com/cluetip/demo/multi-ajax2.html">
http://plugins.learningjquery.com/cluetip/demo/multi-ajax2.html</a></div><div><div apple-content-edited="true"><span class="Apple-style-span" style="border-collapse: separate; color: rgb(0, 0, 0); font-family: Helvetica; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0; "><div style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; "><span class="Apple-style-span" style="border-collapse: separate; 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; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; "><span class="Apple-style-span" style="border-collapse: separate; 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; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; "><div>
</div><div>Just view source to see how they're done. </div><div>
</div><div>The second one is simpler, but it appends the second file's contents after the cluetip is shown, at which point the drop-shadow divs have already been drawn, so I had to resize them too or else they wouldn't really be drop shadows. The quick resize shouldn't be too noticeable, but thought you should know.</div><div>
</div><div><br class="Apple-interchange-newline">--Karl</div><div><br class="Apple-interchange-newline">____________</div><div>Karl Swedberg</div><div><a href="http://www.englishrules.com">www.englishrules.com</a></div><div><a href="http://www.learningjquery.com">www.learningjquery.com</a></div><div>
</div></span><br class="Apple-interchange-newline"></span><br class="Apple-interchange-newline"></div></span> </div>
<div><div>On Aug 27, 2008, at 9:24 AM, André wrote:</div><br class="Apple-interchange-newline"><blockquote type="cite"><div>
Hi everyone,
I've just started using jquery and a few plugins including cluetips:
they are wonderful! :-)
Now, my question. I am using cluetips to display the content of a
short help file on some elements. Many elements are such that their
help file differ only slightly. What I would like to is create a file
(common.html) containing elements that are common, and even shorter
files for each element (let's call them elem1.html, elem2.html,
etc.). Then, I'd be happy if I could do either of the following:
1. when displaying a cluetip, appending common.html to elem1.html
automatically, and displaying the result.
2. having an active element within elem1.html (let's call it "more")
and using "more" as the source of a new cluetip, used to pull
common.html. (I don't want to have it displayed as a separate web
page, losing focus; a popup might be acceptable).
Thanks for any help,
André
</div></blockquote></div>
</div></body></html>
