<html>
<head>
<style><!--
.hmmessage P
{
margin:0px;
padding:0px
}
body.hmmessage
{
font-size: 10pt;
font-family:Tahoma
}
--></style>
</head>
<body class='hmmessage'>
<div>Thank you for the info.</div><div><br></div>I reported the issue at http://code.google.com/p/bubbletip/issues/detail?id=17.<div><br></div><div>Looks like the id thing was reported before... has something to do with a concatenation with an element id.</div><div><br></div><div>RS</div><div><br><hr id="stopSpelling">Date: Thu, 9 Jun 2011 17:27:59 +0100<br>Subject: Re: [Seaside] JQWidgetBox Bubble Tips<br>From: nick.ager@gmail.com<br>To: seaside@lists.squeakfoundation.org<br><br>Hi Robert,<div><br></div><div>Quick answers with (if afraid) minimal investigation:</div><div><br></div><div><div><div class="ecxgmail_quote"><blockquote class="ecxgmail_quote" style="border-left:1px #ccc solid;padding-left:1ex">
<div>For some reason the tip doesn't like to appear relative to where it's set when scrolling either.</div></blockquote><div><br></div><div>Scrolled tips work for me on Safari I haven't tried other browers. Have a look at the original version - <a href="http://www.uhleeka.com/demo/bubbletip/" target="_blank">http://www.uhleeka.com/demo/bubbletip/</a> - does that work after a scroll? That will isolate the problem to either the Seaside integration or the jQuery plugin. If it's jQuery plugin at fault, check to see if a later version available. Do they mention the scroll bug in their bug list? Feel free to update Query-Widgets to a later version.</div>
<div><br></div><blockquote class="ecxgmail_quote" style="border-left:1px #ccc solid;padding-left:1ex"><div><div><div><div class="h5">
<font face="Tahoma" size="2">Just out of curiosity, how come when I load html I need to have an id for it to work?</font><div style="font-family:Tahoma;font-size:10pt"><br></div><div style="font-family:Tahoma;font-size:10pt">
ie.</div><div style="font-family:Tahoma;font-size:10pt"><br></div><div style="font-family:Tahoma;font-size:10pt"><div>html jQuery this bubbletip</div><div><span style="white-space:pre-wrap"> </span>target: (html jQuery html: [:r | r span id: r nextId; class: 'tip'; with: 'You live here!' ]);</div>
<div><span style="white-space:pre-wrap"> </span>deltaDirection: 'down';</div><div><span style="white-space:pre-wrap"> </span>animationDuration: 0;</div><div><span style="white-space:pre-wrap"> </span>offsetTop: -275</div>
</div><div style="font-family:Tahoma;font-size:10pt"><br></div><div style="font-family:Tahoma;font-size:10pt">Without the id, it doesn't work.</div></div></div></div></div></blockquote><div><br></div><div>I guess the id is required by bubbletip library but I'm not sure (I don't remember doing anything clever with the integration). If you want to investigate examine the html and javascript created by Seaside with a tool like firebug.</div>
<div><br></div><div>As I'm sure you've noticed there are many ways of displaying tips - <a href="http://localhost:8080/jquery-widgets/bubbletip" target="_blank">http://localhost:8080/jquery-widgets/bubbletip</a> for examples.</div>
<div><br></div><div> </div><blockquote class="ecxgmail_quote" style="border-left:1px #ccc solid;padding-left:1ex"><div><div><div><div class="h5"><div style="font-family:Tahoma;font-size:10pt"></div><div style="font-family:Tahoma;font-size:10pt">
Also, (Nick Ager wrote this one?) suggested that Tipsy be created in the widget box... does anyone know if that happened?</div><div style="font-family:Tahoma;font-size:10pt"><br></div><div><font face="Tahoma" size="2"><a href="http://onehackoranother.com/projects/jquery/tipsy/" target="_blank">http://onehackoranother.com/projects/jquery/tipsy/</a></font></div>
</div></div></div></div></blockquote><div><br></div><div>I discovered tipsy after integrating bubble tip. At the time I found tipsy it appeared to be under more active development and thought it might have been a better choice. If tipsy isn't in the JQuery-Widgets repository I doubt anyone has integrated it. Feel free to integrate it though.</div>
<div><br></div><div>Nick</div></div></div></div>
<br>_______________________________________________
seaside mailing list
seaside@lists.squeakfoundation.org
http://lists.squeakfoundation.org/cgi-bin/mailman/listinfo/seaside</div> </body>
</html>