[jQuery] Re: cluetip issue firefox/safari local content w/link

Wed, 24 Jun 2009 16:34:26 -0700

thanks for that, but you still need to clean up the invalid html throughout. try running it through the w3c validator to get an idea of all the problems. 
http://validator.w3.org/

--Karl

____________
Karl Swedberg
www.englishrules.com
www.learningjquery.com




On Jun 24, 2009, at 5:15 PM, kurtzilla wrote:



sorry - i changed some names to publish to web but didn't follw thru
and double check it all with the jquery code

change the <div class="container"> to <div class="nextcontainer"> or
change jquery code from $('.nextcontainer a.cell_link')
to $('.container a.cell_link')


below is a corrected version

<div class="nextcontainer">
   <table border="0" cellpadding="0" cellspacing="0">
       <tr>
           <td>
               <a href='/Store/select.aspx?sid=15454'
class="cell_link" rel=".nxt_billing" title="SUNDAY">
                   <div class="evt_dialog">
                       <div
class="content">
                           <div
class="hd">
                           Wed 06/24</div>
                           <div class="ft"><img onclick='javascript:
redirect("http://localhost/Store/select.aspx?sid=15454";);' border="0"
src="/Resources/Images/Venues/thumbsm/newbordergray.png" /></div>
                           <div class="bd">
                               <a class="linktip" href='/Store/
select.aspx?sid=15454'>
                                   <div class="nxt_billing">
                                       <img border="0" src="/
Resources/Images/Venues/thumbsm/newbordergray.png" align="right"
class="imagetip" />
                                       <dl><dt>THE SWARGE<dd>EGGO
&amp; STACY</dd><dd>Doors: 8:30 / Show: 09:00 PM</dd><dd>$8 ADV / $12
DOS</dd><dd>All Ages</dd></dt></dl>
                                   </div>
                               </a>
                           </div>
                       </div>
                       <div class="b"><div></div></div>

                   </div>
               </a>
           </td>
           <td>
               <a href='/Store/select.aspx?sid=15452'
class="cell_link" rel=".nxt_billing" title="MONDAY">
                   <div class="evt_dialog">
                       <div
class="content">
                           <div
class="hd">
                           Thu 06/25</div>
                           <div class="ft"><img onclick='javascript:
redirect("http://localhost/Store/select.aspx?sid=15452";);' border="0"
src="/Resources/Images/Acts/thumbsm/Dynamo.jpg" /></div>
                           <div class="bd">
                               <div class="nxt_billing">
                                   <a class="linktip" href='/Store/
select.aspx?sid=15452'>
                                       <img border="0" src="/
Resources/Images/Acts/thumbsm/Dynamo.jpg" align="right"
class="imagetip" />
                                       <dl><dt>THE DYNAMO<dd>SPECIAL
GUEST</dd><dd>Doors: 8:30 / Show: 09:00 PM</dd><dd>$10 ADV / $15 DOS</
dd><dd>21+</dd></dt></dl>
                                   </a>
                               </div>
                           </div>
                       </div>
                       <div class="b"><div></div></div>

                   </div>
               </a>
           </td>
           <td>
               <a href='/Store/select.aspx?sid=15430'
class="cell_link" rel=".nxt_billing" title="TUESDAY">
                   <div class="evt_dialog">
                       <div
class="content">
                           <div
class="hd">
                           Fri 06/26</div>
                           <div class="ft"><img onclick='javascript:
redirect("http://localhost/Store/select.aspx?sid=15430";);' border="0"
src="/Resources/Images/Acts/thumbsm/livecrow.jpg" /></div>
                           <div class="bd">
                               <a class="linktip" href='/Store/
select.aspx?sid=15430'>
                                   <div class="nxt_billing">
                                       <img border="0" src="/
Resources/Images/Acts/thumbsm/livecrow.jpg" align="right"
class="imagetip" />
                                       <dl><dt>LIVE CROW &amp;
FRIENDS<dd>SPECIAL GUEST</dd><dd>Doors: 8:30 / Show: 09:00 PM</dd><dd>
$16.75 ADV / $22 DOS</dd><dd>21+</dd></dt></dl>
                                   </div>
                               </a>
                           </div>
                       </div>
                       <div class="b"><div></div></div>

                   </div>
               </a>
           </td>
           <td>
               <a href='/Store/select.aspx?sid=15455'
class="cell_link" rel=".nxt_billing" title="WEDNESDAY">
                   <div class="evt_dialog">
                       <div
class="content">
                           <div
class="hd">
                           Fri 07/10</div>
                           <div class="ft"><img onclick='javascript:
redirect("http://localhost/Store/select.aspx?sid=15455";);' border="0"
src="/Resources/Images/Venues/thumbsm/newbordergray.png" /></div>
                           <div class="bd">
                               <a class="linktip" href='/Store/
select.aspx?sid=15455'>
                                   <div class="nxt_billing">
                                       <img border="0" src="/
Resources/Images/Venues/thumbsm/newbordergray.png" align="right"
class="imagetip" />
                                       <dl><dt>THE LEEB<dd>SPECIAL
GUEST</dd><dd>Doors: 8:30 / Show: 09:00 PM</dd><dd>$10 ADV / $15 DOS</
dd><dd>All Ages</dd></dt></dl>
                                   </div>
                               </a>
                           </div>
                       </div>
                       <div class="b"><div></div></div>

                   </div>
               </a>
           </td>
           <td>
               <a href='/Store/select.aspx?sid=15441'
class="cell_link" rel=".nxt_billing" title="THURSDAY">
                   <div class="evt_dialog">
                       <div
class="content">
                           <div
class="hd">
                           Fri 07/17</div>
                           <div class="ft"><img onclick='javascript:
redirect("http://localhost/Store/select.aspx?sid=15441";);' border="0"
src="/Resources/Images/Acts/thumbsm/bees.jpg" /></div>
                           <div class="bd">
                               <a class="linktip" href='/Store/
select.aspx?sid=15441'>
                                   <div class="nxt_billing">
                                       <img border="0" src="/
Resources/Images/Acts/thumbsm/bees.jpg" align="right"
class="imagetip" />
                                       <dl><dt>THE BEES<dd>SPECIAL
GUEST</dd><dd>Doors: 8:30 / Show: 09:00 PM</dd><dd>$25</dd><dd>All
Ages</dd></dt></dl>
                                   </div>
                               </a>
                           </div>
                       </div>
                       <div class="b"><div></div></div>

                   </div>
               </a>
           </td>
           <td>
               <a href='/Store/select.aspx?sid=15444'
class="cell_link" rel=".nxt_billing" title="FRIDAY">
                   <div class="evt_dialog">
                       <div
class="content">
                           <div
class="hd">
                           Sat 07/25</div>
                           <div class="ft"><img onclick='javascript:
redirect("http://localhost/Store/select.aspx?sid=15444";);' border="0"
src="/Resources/Images/Acts/thumbsm/pardon.jpg" /></div>
                           <div class="bd">
                               <a class="linktip" href='/Store/
select.aspx?sid=15444'>
                                   <div class="nxt_billing">
                                       <img border="0" src="/
Resources/Images/Acts/thumbsm/pardon.jpg" align="right"
class="imagetip" />
                                       <dl><dt>PARDON<dd>SPECIAL
GUEST</dd><dd>Doors: 11:30 / Show: 11:45 PM</dd><dd>$25 ADV / $30 DOS</ 
dd><dd>All Ages</dd></dt></dl>
                                   </div>
                               </a>
                           </div>
                       </div>
                       <div class="b"><div></div></div>

                   </div>
               </a>
           </td>
           <td>
               <a href='/Store/select.aspx?sid=15450'
class="cell_link" rel=".nxt_billing" title="SATURDAY">
                   <div class="evt_dialog">
                       <div
class="content">
                           <div
class="hd">
                           Wed 08/26</div>
                           <div class="ft"><img onclick='javascript:
redirect("http://localhost/Store/select.aspx?sid=15450";);' border="0"
src="/Resources/Images/Acts/thumbsm/Whois.jpg" /></div>
                           <div class="bd">
                               <a class="linktip" href='/Store/
select.aspx?sid=15450'>
                                   <div class="nxt_billing">
                                       <img border="0" src="/
Resources/Images/Acts/thumbsm/Whois.jpg" align="right"
class="imagetip" />
                                       <dl><dt>WHOIS<dd>SPECIAL
GUEST</dd><dd>Doors: 8:30 / Show: 09:00 PM</dd><dd>$10 ADV / $15 DOS</
dd><dd>All Ages</dd></dt></dl>
                                   </div>
                               </a>
                           </div>
                       </div>
                       <div class="b"><div></div></div>

                   </div>
               </a>
           </td>
       </tr>
   </table>
</div>


JQuery code:


$('.nextcontainer a.cell_link').cluetip(
   {
   hoverIntent: {
   sensitivity:  1,
   interval:     300,  //mouseover
   timeout:      400   //mouseout
 },
       local: true,
       cluetipClass: 'jtip',
       showTitle: true, // hide the clueTip's heading
       mouseOutClose: true,
       closePosition: 'title',
       closeText: '<img src="/Images/cross.png" alt="close" />',
       hideLocal: false
           }
    );

Reply via email to