Oh son of a ..... My entire layout has a table (I know, I know) and so I had to move the script call to the footer file. At least I can now stick the tooltip text in a span that gets hidden and avoid looping again.
On Fri, Jul 4, 2008 at 7:01 PM, David Morton <[EMAIL PROTECTED]> wrote: > wait, that still doesn't quite explain it all... > > The other way I tried it was to have a span right after the link that > contain the tooltip text, with a class matching the rel link in the anchor. > Then I called the script to load local after the table, after the form > actually. > > > On Fri, Jul 4, 2008 at 6:41 PM, David Morton <[EMAIL PROTECTED]> wrote: > >> erg. The data is available in a loop while in the table... I'll have to >> loop again to output the javascript. Drat that IE stuff. >> >> I'll give it a shot. Maybe I can capture the javascript string in >> variable as I loop and then output it later. >> >> I have tried to get rid of the tables altogether, but seeing as how it is >> rows and columns of data, it's some pretty hard CSS to make it work. >> >> Thanks for the help! >> >> >> On Fri, Jul 4, 2008 at 12:47 PM, Karl Swedberg <[EMAIL PROTECTED]> >> wrote: >> >>> Hi David, >>> Seems that IE does not like the script being executed from within a table >>> cell. If you move the scripts out of the body and put them in the <head> or >>> in a separate file (and make sure you're calling cluetip from within a >>> document ready), it should work. I had to clear my cache before IE would >>> work again after making the changes, but that did the trick. >>> >>> Here is an example, with the table rows copied and pasted from your >>> email: >>> >>> http://test.learningjquery.com/cluetip/demo/table.html >>> >>> Actually, putting the scripts after the table in the body works too. The >>> ways of IE are mysterious. >>> >>> --Karl >>> ____________ >>> Karl Swedberg >>> www.englishrules.com >>> www.learningjquery.com >>> >>> >>> >>> >>> On Jul 4, 2008, at 12:24 PM, David Morton wrote: >>> >>> I even changed it to just have the tip in the call: >>> >>> <tr class="hambody" id="row_529806"><td align="left"> >>> >>> <a id="link_529806" class="thickbox tip" rel=".tip_529806" >>> href="view.php?mail_id=529806&cache_type=ham&address_id=6">two</a> >>> >>> >>> >>> <script type="text/javascript">$("#link_529806").cluetip("two");</script> >>> >>> </td></tr> >>> <tr class="hambody_alt" id="row_550060"><td align="left"> >>> >>> >>> >>> <a id="link_550060" class="thickbox tip" rel=".tip_550060" >>> href="view.php?mail_id=550060&cache_type=ham&address_id=6">three</a> >>> >>> >>> >>> <script type="text/javascript">$("#link_550060").cluetip("three");</script> >>> >>> </td></tr> >>> >>> And that crashes. >>> >>> >>>> >>>> On Fri, Jul 4, 2008 at 10:42 AM, Karl Swedberg <[EMAIL PROTECTED]> >>>> wrote: >>>> >>>>> >>>>> Hi, >>>>> >>>>> I can't tell from the information what is causing the problem, but if I >>>>> had to guess, I'd suggest looking at the content that is being loaded. >>>>> I've >>>>> seen problems before when invalid markup, usually caused by unclosed tags, >>>>> is inserted into the cluetip. Not sure if this is the problem here, but >>>>> maybe it's a place to start. >>>>> >>>>> --Karl >>>>> ____________ >>>>> Karl Swedberg >>>>> www.englishrules.com >>>>> www.learningjquery.com >>>>> >>>>> >>>>> >>>>> >>>>> >>>>> On Jul 3, 2008, at 11:23 PM, dgm wrote: >>>>> >>>>> >>>>>> I'm trying to use cluetip (Looks great!) to display a full text of >>>>>> otherwise truncated data, in a table. (Email subjects are truncated >>>>>> for the normal view, but if you mouse over, I want a tooltip to show >>>>>> the full subject). I'm using php and smarty templates to generate the >>>>>> table rows: >>>>>> >>>>>> <td align="left"> >>>>>> <a id="link_{$row[hamloop].id}" class="thickbox tip" >>>>>> rel=".tip{$row[hamloop].id}" >>>>>> >>>>>> href="view.php{$msid}mail_id={$row[hamloop].id}&cache_type={$cache_type}&address_id={$row[hamloop].address_id}"> >>>>>> {$row[hamloop].subject|truncate:$truncate_subject:"...":true| >>>>>> escape:'htmlall'} >>>>>> </a> >>>>>> <span class="tip{$row[hamloop].id}">{$row[hamloop].subject| >>>>>> escape:"javascript"|escape:'htmlall'}</span> >>>>>> </td> >>>>>> >>>>>> and then at the bottom of the file, I do: >>>>>> >>>>>> $('a.tip').cluetip({local:true, cursor: 'pointer'}); >>>>>> >>>>>> This works great on Firefox 3, but IE 6 and 7 just give a blank >>>>>> screen, or a bonk dialog that says the operation was aborted. No >>>>>> other info. :( >>>>>> >>>>>> If I take out the cluetip call, it loads ok. >>>>>> >>>>>> Example output from the code above: >>>>>> >>>>>> <td align="left"> >>>>>> <a id="link_12345" class="thickbox tip" rel=".tip12345" >>>>>> href="view.php? >>>>>> mail_id=12345&cache_type=spam&address_id=10"> >>>>>> A really long subject line... >>>>>> </a> >>>>>> <span class="tip12345">A really long subject line was truncated</span> >>>>>> </td> >>>>>> >>>>>> As I understand the docs, the <a rel=".tip12345" ... means it will put >>>>>> the <span class="tip12345" text into he tooltip. This is repeated >>>>>> many times with different id's, so there is still a one to one mapping >>>>>> of rel's to spans. >>>>>> >>>>>> Any ideas as to what is going on? >>>>>> >>>>> >>>>> >>>> >>>> >>>> -- >>>> David Morton >>>> [EMAIL PROTECTED] - bulk address >>>> [EMAIL PROTECTED] - direct to my server >>> >>> >>> >>> >>> -- >>> David Morton >>> [EMAIL PROTECTED] - bulk address >>> [EMAIL PROTECTED] - direct to my server >>> >>> >>> >> >> >> -- >> David Morton >> [EMAIL PROTECTED] - bulk address >> [EMAIL PROTECTED] - direct to my server >> > > > > -- > David Morton > [EMAIL PROTECTED] - bulk address > [EMAIL PROTECTED] - direct to my server > -- David Morton [EMAIL PROTECTED] - bulk address [EMAIL PROTECTED] - direct to my server
