cluetip : parameterized cluetip function
Hi,
I have a html page where I need to load a different html page (say for example: yahoo.com)
here is the attached code:
- <div id="examples">
- <table border="1">
- <tr> <td> tr 1 </td><td> td 2 </td> </tr>
- <tr> <td> <a id="clickme" href="#" rel="http://www.google.com" title="AMBIS # 12002">tr 2</a> </td><td> 2</td></tr>
- <tr> <td> <a id="clickme2" href="#" rel="http://www.yahoo.com" title="AMBIS # 123">tr 3</a> </td><td>3 </td> </tr>
- <tr> <td> <a id="clickme3" href="#" rel="http://www.aol.com" title="AMBIS # 456">tr 4</a> </td><td> 4</td> </tr>
- <tr> <td> <a id="clickme4" href="#" rel="http://www.google.com" title="AMBIS # 459">tr 5</a> </td><td>5 </td> </tr>
- <tr> <td> <a id="clickme5" href="#" rel="http://www.yahoo.com" title="AMBIS # 876">tr 6</a> </td><td> 6</td> </tr>
- <tr> <td> <a id="clickme6" href="#" rel="http://www.google.com" title="AMBIS # 323">tr 7</a> </td><td>7 </td> </tr>
- <tr> <td> <a id="clickme7" href="#" rel="http://www.aol.com" title="AMBIS # 1212">tr 8</a> </td><td>8 </td> </tr>
- <tr> <td> <a id="clickme8" href="#" rel="http://www.google.com" title="AMBIS # 998878">tr 9</a> </td><td>9 </td> </tr>
- </table>
- <SCRIPT>
- $('#clickme').cluetip({activation: 'click', sticky: true, width: 800, closePosition: 'title', closeText: 'Close'});
- $('#clickme2').cluetip({activation: 'click', sticky: true, width: 800, closePosition: 'title', closeText: 'Close'});
- $('#clickme3').cluetip({activation: 'click', sticky: true, width: 800, closePosition: 'title', closeText: 'Close'});
- $('#clickme4').cluetip({activation: 'click', sticky: true, width: 800, closePosition: 'title', closeText: 'Close'});
- $('#clickme5').cluetip({activation: 'click', sticky: true, width: 800, closePosition: 'title', closeText: 'Close'});
- $('#clickme6').cluetip({activation: 'click', sticky: true, width: 800, closePosition: 'title', closeText: 'Close'});
- $('#clickme7').cluetip({activation: 'click', sticky: true, width: 800, closePosition: 'title', closeText: 'Close'});
- $('#clickme8').cluetip({activation: 'click', sticky: true, width: 800, closePosition: 'title', closeText: 'Close'});
- </SCRIPT>
- </div>
can I have this $('#clickme').cluetip method parameterized.
Also, I want the actual page (without cluetip CSS) applied to the pages when it loaded in the tooltips.
Appreciate your answers.
Thanks,
Mahesh