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
be sure jquery tools javascript includes expose. library used display mask.
Comments
Post a Comment