Why is mask not working in my Overlay Plugin in jquery -


<script type="text/javascript" src="../jquery-qtip-1.0.0-rc3094652/jquery-1.3.2.min.js"></script> <script type="text/javascript" src="../jquery.tablesorter/jquery.tablesorter.js"></script> <script type="text/javascript" src="../jquery-qtip-1.0.0-rc3094652/jquery.qtip-1.0.0-rc3.min.js"></script> <script type="text/javascript" src="jquery.tools.min(4).js"></script>  <script type="text/javascript">  $(document).ready(function(){  $(function() {      // if function argument given overlay,     // assumed onbeforeload event listener     $(".tool-table a[rel]").overlay({          mask: 'darkred',         effect: 'apple',          onbeforeload: function() {              // grab wrapper element inside content             var wrap = this.getoverlay().find(".contentwrap");              // load page specified in trigger             wrap.load(this.gettrigger().attr("href"));         }      }); });   });  </script>  <style>  /* use semi-transparent image overlay */     #overlay {         background-image:url(http://static.flowplayer.org/img/overlay/transparent.png);         color:#efefef;         height:450px;     }      /* container external content. uses vertical scrollbar, if needed */     div.contentwrap {         height:441px;         overflow-y:auto;     }  </style>  <div id="table-of-data-div">          <div id="table-div">                 <table id="box-table-a" class="tablesorter">                                     <thead>                                         <tr>                                         <th scope="col" style="cursor:pointer;">b-house/dorm name</th>                                         <th scope="col" style="cursor:pointer;">address</th>                                         <th scope="col" style="cursor:pointer;">price range</th>                                         <th scope="col" style="cursor:pointer;">date added</th>                                         <th scope="col" style="cursor:pointer;">status</th>                                          </tr>                                     </thead>                                     <tbody>                                    <?php                                       $q=mysql_query("select * property");                                         while( $f=mysql_fetch_array($q, mysql_assoc))                                         {                                         $p_id=$f["p_id"];                                     echo"                                          <tr>                                             <td class='tool-table'>                                             <span class='tool-id' style='display:none'>".$p_id."</span>                                             <span id='testid' style='cursor:pointer'><a id='wala' href='profile-test.php?q=$p_id' rel='#overlay' style='text-decoration:none; color:#339;'>".$f['p_name']."</a></span></td>                                             <td id='pretty'>".$f['address']."</td>                                             <td>".$f['p_name']."</td>                                             <td>".$f['payment_type']."</td>                                                   <td>".$status."</td>                                                </tr>                                              ";                                      }                                        ?>                                         </tbody>                  </table>                 <div class="apple_overlay" id="overlay">                  <!-- external content of overlay loaded inside tag -->                 <div class="contentwrap"></div>                  </div>           </div>      </div> 

i have screenshot

http://imgur.com/zwxox

be sure jquery tools javascript includes expose. library used display mask.


Comments

Popular posts from this blog

apache - Add omitted ? to URLs -

redirect - bbPress Forum - rewrite to wwww.mysite prohibits login -

php - How can I stop spam on my custom forum/blog? -