By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
425,719 Members | 1,081 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 425,719 IT Pros & Developers. It's quick & easy.

prototype tooltip problem

omerbutt
100+
P: 638
hi there i have downloaded a prototype tooltip from

http://www.nickstakenburg.com/projects/prototip/

the logic it uses is to call the script after creating the <div> for example i am using the ajax method
Expand|Select|Wrap|Line Numbers
  1. <html>
  2. <body>
  3. <div id='my_div'>
  4. </div>
  5. <script type-'text/javascript'>
  6. new Tip('my_div', {
  7.               title : 'Advanced Hockey Splitting Inhibitor (AHSI):',
  8.               ajax: {
  9.                     url: 'tooltip.php?item_name=AHSI',
  10.                     options: {onComplete: function(transport) {}}
  11.                   },
  12.               className: 'pinktip'
  13.             });
  14. </script>
  15. <body>
  16. <html>
  17.  
for the first time the page loads it runs great and good but as soon as i change the version from the dropdown menu it stops showing the tooltip.

now i have a main div that consists of add-ons in which i have 4 more divs for which i want a tool tip,the help in the tool tip is updated after a month or so , so we used the ajax method and saved the text in the database , now that Addon div is updated via AJAX on changing the Versions in the drop-down menu the page from which the new source code for the AddOn div is responsed....i tried to paste the code there also after the html part but it does not show the tooltip the code for on which i am working is here
file=index.php
Expand|Select|Wrap|Line Numbers
  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4. function getScales(val){
  5.     if(val!=""){
  6.         ScaleObj=GetXmlHttpObject();
  7.         if(ScaleObj==null){
  8.             document.getElementById("detail").innerHTML="You Need To Upgrade your Browser To Continue";
  9.             return;
  10.         }else{
  11.             var url="scaler.php?scaler="+val;
  12.             ScaleObj.onreadystatechange=$_scl;
  13.             ScaleObj.open("GET",url,true);
  14.             ScaleObj.send(null);
  15.         }
  16.     }
  17. }
  18. function $_scl(){
  19.     if(ScaleObj.readyState==4){
  20.         if(ScaleObj.status==200){
  21.             var a=ScaleObj.responseText
  22.             var b=a.split("|");
  23.             alert(b[2]);
  24.             if(b[1]=="Wody"){
  25.                 document.getElementById("scaler_div").innerHTML=b[0];
  26.                 document.getElementById("stick_price").innerHTML="";
  27.                 document.getElementById("AddOn_div").innerHTML=b[2];
  28.                 document.getElementById("Mold_div").innerHTML=b[3];
  29.             }else{
  30.                 document.getElementById("scaler_div").innerHTML=b[0];
  31.                 document.getElementById("stick_price").innerHTML=b[1];
  32.                 document.getElementById("AddOn_div").innerHTML=b[2];
  33.                 document.getElementById("Mold_div").innerHTML=b[3];
  34.             }
  35.         }
  36.     }
  37. }
  38.  
  39. </script>
  40. </head>
  41. <BODY>
  42. <tr>
  43.   <td align="left" valign="top" width="727">
  44. <div id="AddOn_div">
  45. <table cellspacing="0" cellpadding="0" border="0" align="left" width="727">
  46. <tr>
  47. <td align="left" valign="top" width="9"></td>
  48. <td align="left" valign="top" width="133">
  49. <div id="ahsi_div">
  50. <img id="ahsi" name="off" src="images/ahsi_off.gif" width="133" height="60" border="0" alt="" onclick="AddOnFor(this.id,0,12);" style="cursor:pointer;" />
  51. </div>
  52. </td>
  53. <td align="left" valign="top" width="9"></td>
  54. <td align="left" valign="top" width="133">
  55. <div id="pu-nc_wrap_div">
  56. <img id="pu-nc_wrap" name="off" src="images/pu-nc_wrap_off.gif" width="133" height="60" border="0" alt="" onclick="AddOnFor(this.id,0,8);" style="cursor:pointer;" />
  57. </div>
  58. </td>
  59. <td align="left" valign="top" width="9"></td>
  60. <td align="left" valign="top" width="133">
  61. <div id="omega_div">
  62. <img id="omega" name="off" src="images/omega_off.gif" width="133" height="60" border="0" alt="" onclick="AddOnFor(this.id,0,15);" style="cursor:pointer;" />
  63. </div>
  64. </td>
  65. <td align="left" valign="top" width="9"></td>
  66. <td align="left" valign="top" width="133">
  67. <div id="cr_39_div">
  68. <img id="cr_39" name="off" src="images/cr_39_off.gif" width="133" height="60" border="0" alt="" onclick="AddOnFor(this.id,0,14);" style="cursor:pointer;" />
  69. </div>
  70. </td>
  71. <td align="left" valign="top" width="9"></td>
  72. <td align="left" valign="top" width="133">
  73. <div id="quadcore_div">
  74. <img id="quadcore" name="off" src="images/quadcore_off.gif" width="133" height="60" border="0" alt="" onclick="AddOnFor(this.id,0,17);" style="cursor:pointer;" />
  75. </div>
  76. </td>
  77. <td align="left" valign="top" width="11">
  78. <img src="images/submitdesign_27.gif" width="11" height="60" border="0" alt="" />
  79. </td>
  80. </tr>
  81. </table>
  82. </div>
  83. </td>
  84. </tr>
  85. <tr>
  86. <td align="right" valign="top" width="150">
  87. <select name="version" id="version" style="width:100px; border:1px solid #000000;" onchange="getScales(this.value);">
  88. <option selected="selected" value="Outdoor">Outdoor</option>
  89. <option value="Indoor">Indoor</option>
  90. <option value="Wooden">Wooden</option>
  91. <option value="Goalie">Goalie</option>
  92. </select>
  93. </td>
  94. </tr>
  95. <script type="text/javascript">
  96.             new Tip('ahsi_div', {
  97.               title : 'Advanced Hockey Splitting Inhibitor (AHSI):',
  98.               ajax: {
  99.                     url: 'tooltip.php?item_name=AHSI',
  100.                     options: {onComplete: function(transport) {}}
  101.                   },
  102.               className: 'pinktip',
  103.              // hook: { target: 'bottomMiddle', tip: 'topRight' },
  104.               stem: 'topMiddle',
  105.               //offset: { x: 0, y: 5 }
  106.             });
  107.             new Tip('pu-nc_wrap_div', {
  108.               title : 'PU-NC Wrap:',
  109.               ajax: {
  110.                     url: 'tooltip.php?item_name=PUNC',
  111.                     options: {onComplete: function(transport) {}}
  112.                   },
  113.               className: 'pinktip',
  114.              // hook: { target: 'bottomMiddle', tip: 'topRight' },
  115.               stem: 'topMiddle',
  116.               //offset: { x: 0, y: 5 }
  117.             });
  118.             new Tip('omega_div', {
  119.               title : 'Omega 315 Core:',
  120.               ajax: {
  121.  
  122.                     url: 'tooltip.php?item_name=OMEGA',
  123.                     options: {onComplete: function(transport) {}}
  124.                   },
  125.               className: 'pinktip',
  126.              // hook: { target: 'bottomMiddle', tip: 'topRight' },
  127.               stem: 'topMiddle',
  128.               //offset: { x: 0, y: 5 }
  129.             });
  130.             new Tip('cr_39_div', {
  131.               title : 'CR-39 Edge Protection:',
  132.               ajax: {
  133.                     url: 'tooltip.php?item_name=CR-39',
  134.                     options: {onComplete: function(transport) {}}
  135.                   },
  136.               className: 'pinktip',
  137.              // hook: { target: 'bottomMiddle', tip: 'topRight' },
  138.               stem: 'topMiddle',
  139.               //offset: { x: 0, y: 5 }
  140.             });
  141.             /*new Tip('quadcore_div', {
  142.               title : 'Advanced Hockey Splitting Inhibitor (AHSI):',
  143.               ajax: {
  144.                     url: 'tooltip.php?item_name=AHSI',
  145.                     options: {onComplete: function(transport) {}}
  146.                   },
  147.               className: 'pinktip',
  148.              // hook: { target: 'bottomMiddle', tip: 'topRight' },
  149.               stem: 'topMiddle',
  150.               //offset: { x: 0, y: 5 }
  151.             });*/
  152.         </script>
  153.  
file=SCALER.PHP
Expand|Select|Wrap|Line Numbers
  1. if($_GET["scaler"]=="Outdoor"){?>
  2.         <table cellspacing="0" cellpadding="0" align="center" width="512" border="0">
  3.             <tr><td align='center' valign='middle' width='512' class="text_black_10" colspan="11">Carbon</td></tr>
  4.             <tr>
  5.                 <td align='left' valign='middle' width='49'>
  6.                     <table cellspacing='0' cellpadding='0' border='0' align='center' width='49'>
  7.                         <tr>
  8.                             <td align='left' valign='middle' width='16' class="text_black_10">&nbsp;</td>
  9.                             <td align='left' valign='middle' width='16' class="text_black_10">&nbsp;100</td>
  10.                             <td align='left' valign='middle' width='16'>&nbsp;</td>
  11.                         </tr>
  12.                     </table>
  13.                 </td>
  14.                 <td align='left' valign='middle' width='49'>
  15.                     <table cellspacing='0' cellpadding='0' border='0' align='center' width='49'>
  16.                         <tr>
  17.                             <td align='left' valign='middle' width='16'>&nbsp;</td>
  18.                             <td align='left' valign='middle' width='16' class="text_black_10">90</td>
  19.                             <td align='left' valign='middle' width='16'>&nbsp;</td>
  20.                         </tr>
  21.                     </table>
  22.                 </td>
  23.                 <td align='left' valign='middle' width='49'>
  24.                     <table cellspacing='0' cellpadding='0' border='0' align='center' width='49'>
  25.                         <tr>
  26.                             <td align='left' valign='middle' width='16'>&nbsp;</td>
  27.                             <td align='left' valign='middle' width='16' class="text_black_10">&nbsp;80</td>
  28.                             <td align='left' valign='middle' width='16'>&nbsp;</td>
  29.                         </tr>
  30.                     </table>
  31.                 </td>
  32.                 <td align='left' valign='middle' width='49'>
  33.                     <table cellspacing='0' cellpadding='0' border='0' align='center' width='49'>
  34.                         <tr>
  35.                             <td align='left' valign='middle' width='16'>&nbsp;</td>
  36.                             <td align='left' valign='middle' width='16' class="text_black_10">&nbsp;70</td>
  37.                             <td align='left' valign='middle' width='16'>&nbsp;</td>
  38.                         </tr>
  39.                     </table>
  40.                 </td>
  41.                 <td align='left' valign='middle' width='49'>
  42.                     <table cellspacing='0' cellpadding='0' border='0' align='center' width='49'>
  43.                         <tr>
  44.                             <td align='left' valign='middle' width='16'>&nbsp;</td>
  45.                             <td align='left' valign='middle' width='16' class="text_black_10">&nbsp;60</td>
  46.                             <td align='left' valign='middle' width='16'>&nbsp;</td>
  47.                         </tr>
  48.                     </table>
  49.                 </td>
  50.                 <td align='left' valign='middle' width='49'>
  51.                     <table cellspacing='0' cellpadding='0' border='0' align='center' width='49'>
  52.                         <tr>
  53.                             <td align='left' valign='middle' width='16'>&nbsp;</td>
  54.                             <td align='left' valign='middle' width='16' class="text_black_10">&nbsp;50</td>
  55.                             <td align='left' valign='middle' width='16'>&nbsp;</td>
  56.                         </tr>
  57.                     </table>
  58.                 </td>
  59.                 <td align='left' valign='middle' width='49'>
  60.                     <table cellspacing='0' cellpadding='0' border='0' align='center' width='49'>
  61.                         <tr>
  62.                             <td align='left' valign='middle' width='16'>&nbsp;</td>
  63.                             <td align='left' valign='middle' width='16' class="text_black_10">&nbsp;40</td>
  64.                             <td align='left' valign='middle' width='16'>&nbsp;</td>
  65.                         </tr>
  66.                     </table>
  67.                 </td>
  68.                 <td align='left' valign='middle' width='49'>
  69.                     <table cellspacing='0' cellpadding='0' border='0' align='center' width='49'>
  70.                         <tr>
  71.                             <td align='left' valign='middle' width='16'>&nbsp;</td>
  72.                             <td align='left' valign='middle' width='16' class="text_black_10">&nbsp;30</td>
  73.                             <td align='left' valign='middle' width='16'>&nbsp;</td>
  74.                         </tr>
  75.                     </table>
  76.                 </td>
  77.                 <td align='left' valign='middle' width='49'>
  78.                     <table cellspacing='0' cellpadding='0' border='0' align='center' width='49'>
  79.                         <tr>
  80.                             <td align='left' valign='middle' width='16'>&nbsp;</td>
  81.                             <td align='left' valign='middle' width='16' class="text_black_10">&nbsp;20</td>
  82.                             <td align='left' valign='middle' width='16'>&nbsp;</td>
  83.                         </tr>
  84.                     </table>
  85.                 </td>
  86.                 <td align='left' valign='middle' width='49'>
  87.                     <table cellspacing='0' cellpadding='0' border='0' align='center' width='49'>
  88.                         <tr>
  89.                             <td align='left' valign='middle' width='16'>&nbsp;</td>
  90.                             <td align='left' valign='middle' width='16' class="text_black_10">&nbsp;10</td>
  91.                             <td align='left' valign='middle' width='16'>&nbsp;</td>
  92.                         </tr>
  93.                     </table>
  94.                 </td>
  95.                 <td align='left' valign='middle' width='49'>
  96.                     <table cellspacing='0' cellpadding='0' border='0' align='center' width='49'>
  97.                         <tr>
  98.                             <td align='left' valign='middle' width='16'>&nbsp;</td>
  99.                             <td align='left' valign='middle' width='16' class="text_black_10">&nbsp;0</td>
  100.                             <td align='left' valign='middle' width='16'>&nbsp;</td>
  101.                         </tr>
  102.                     </table>
  103.                 </td>
  104.             </tr>
  105.         </table>
  106.         <table cellspacing="0" cellpadding="0" border="0" align="center" width="512" style="background-image:url(images/bar.gif); background-repeat:no-repeat; width:512; height:25px; background-position:center;">
  107.             <tr>
  108.                 <td align="left" valign="middle" width="49">
  109.                     <table cellspacing="0" cellpadding="0" border="0" align="center" width="49">
  110.                         <tr>
  111.                             <td align="left" valign="middle" width="16">&nbsp;</td>
  112.                             <td align="left" valign="middle" width="16"><div id="point_01" style="cursor:pointer;" onclick="getPoint(this.id,100,0);"><img src="images/dum.gif" height="21" width="23" border="0" alt="" /></div></td>
  113.                             <td align="left" valign="middle" width="16">&nbsp;</td>
  114.                         </tr>
  115.                     </table>
  116.                 </td>
  117.                 <td align="left" valign="middle" width="49">
  118.                     <table cellspacing="0" cellpadding="0" border="0" align="center" width="49">
  119.                         <tr>
  120.                             <td align="left" valign="middle" width="16">&nbsp;</td>
  121.                             <td align="left" valign="middle" width="16"><div id="point_02" style="cursor:pointer;" onclick="getPoint(this.id,90,10);"><img src="images/dum.gif" height="21" width="23" border="0" alt="" /></div></td>
  122.                             <td align="left" valign="middle" width="16">&nbsp;</td>
  123.                         </tr>
  124.                     </table>
  125.                 </td>
  126.                 <td align="left" valign="middle" width="49">
  127.                     <table cellspacing="0" cellpadding="0" border="0" align="center" width="49">
  128.                         <tr>
  129.                             <td align="left" valign="middle" width="16">&nbsp;</td>
  130.                             <td align="left" valign="middle" width="16"><div id="point_03" style="cursor:pointer;" onclick="getPoint(this.id,80,20);"><img src="images/dum.gif" height="21" width="23" border="0" alt="" /></div></td>
  131.                             <td align="left" valign="middle" width="16">&nbsp;</td>
  132.                         </tr>
  133.                     </table>
  134.                 </td>
  135.                 <td align="left" valign="middle" width="49">
  136.                     <table cellspacing="0" cellpadding="0" border="0" align="center" width="49">
  137.                         <tr>
  138.                             <td align="left" valign="middle" width="16">&nbsp;</td>
  139.                             <td align="left" valign="middle" width="16"><div id="point_04" style="cursor:pointer;" onclick="getPoint(this.id,70,30);"><img src="images/dum.gif" height="21" width="23" border="0" alt="" /></div></td>
  140.                             <td align="left" valign="middle" width="16">&nbsp;</td>
  141.                         </tr>
  142.                     </table>
  143.                 </td>
  144.                 <td align="left" valign="middle" width="49">
  145.                     <table cellspacing="0" cellpadding="0" border="0" align="center" width="49">
  146.                         <tr>
  147.                             <td align="left" valign="middle" width="16">&nbsp;</td>
  148.                             <td align="left" valign="middle" width="16"><div id="point_05" style="cursor:pointer;" onclick="getPoint(this.id,60,40);"><img src="images/dum.gif" height="21" width="23" border="0" alt="" /></div></td>
  149.                             <td align="left" valign="middle" width="16">&nbsp;</td>
  150.                         </tr>
  151.                     </table>
  152.                 </td>
  153.                 <td align="left" valign="middle" width="49">
  154.                     <table cellspacing="0" cellpadding="0" border="0" align="center" width="49">
  155.                         <tr>
  156.                             <td align="left" valign="middle" width="16">&nbsp;</td>
  157.                             <td align="left" valign="middle" width="16" id=""><div id="point_06" style="cursor:pointer;" onclick="getPoint(this.id,50,50);"><img id="arrow" name="50,50" src="images/arrow.gif" width="23" height="21" border="0" alt="" /></div></td>
  158.                             <td align="left" valign="middle" width="16">&nbsp;</td>
  159.                         </tr>
  160.                     </table>
  161.                 </td>
  162.                 <td align="left" valign="middle" width="49">
  163.                     <table cellspacing="0" cellpadding="0" border="0" align="center" width="49">
  164.                         <tr>
  165.                             <td align="left" valign="middle" width="16">&nbsp;</td>
  166.                             <td align="left" valign="middle" width="16"><div id="point_07" style="cursor:pointer;" onclick="getPoint(this.id,40,60);"><img src="images/dum.gif" height="21" width="23" border="0" alt="" /></div></td>
  167.                             <td align="left" valign="middle" width="16">&nbsp;</td>
  168.                         </tr>
  169.                     </table>
  170.                 </td>
  171.                 <td align="left" valign="middle" width="49">
  172.                     <table cellspacing="0" cellpadding="0" border="0" align="center" width="49">
  173.                         <tr>
  174.                             <td align="left" valign="middle" width="16">&nbsp;</td>
  175.                             <td align="left" valign="middle" width="16"><div id="point_08" style="cursor:pointer;" onclick="getPoint(this.id,30,70);"><img src="images/dum.gif" height="21" width="23" border="0" alt="" /></div></td>
  176.                             <td align="left" valign="middle" width="16">&nbsp;</td>
  177.                         </tr>
  178.                     </table>
  179.                 </td>
  180.                 <td align="left" valign="middle" width="49">
  181.                     <table cellspacing="0" cellpadding="0" border="0" align="center" width="49">
  182.                         <tr>
  183.                             <td align="left" valign="middle" width="16">&nbsp;</td>
  184.                             <td align="left" valign="middle" width="16"><div id="point_09" style="cursor:pointer;" onclick="getPoint(this.id,20,80);"><img src="images/dum.gif" height="21" width="23" border="0" alt="" /></div></td>
  185.                             <td align="left" valign="middle" width="16">&nbsp;</td>
  186.                         </tr>
  187.                     </table>
  188.                 </td>
  189.                 <td align="left" valign="middle" width="49">
  190.                     <table cellspacing="0" cellpadding="0" border="0" align="center" width="49">
  191.                         <tr>
  192.                             <td align="left" valign="middle" width="16">&nbsp;</td>
  193.                             <td align="left" valign="middle" width="16"><div id="point_10" style="cursor:pointer;" onclick="getPoint(this.id,10,90);"><img src="images/dum.gif" height="21" width="23" border="0" alt="" /></div></td>
  194.                             <td align="left" valign="middle" width="16">&nbsp;</td>
  195.                         </tr>
  196.                     </table>
  197.                 </td>
  198.                 <td align="left" valign="middle" width="23">
  199.                     <table cellspacing="0" cellpadding="0" border="0" align="center" width="49">
  200.                         <tr>
  201.                             <td align="left" valign="middle" width="16">&nbsp;</td>
  202.                             <td align="left" valign="middle" width="16"><div id="point_11" style="cursor:pointer;" onclick="getPoint(this.id,0,100);"><img src="images/dum.gif" height="21" width="23" border="0" alt="" /></div></td>
  203.                             <td align="left" valign="middle" width="16">&nbsp;</td>
  204.                         </tr>
  205.                     </table>
  206.                 </td>
  207.             </tr>
  208.         </table>
  209.         <table cellspacing="0" cellpadding="0" align="center" width="512" border="0">
  210.             <tr>
  211.                 <td align='left' valign='middle' width='49'>
  212.                     <table cellspacing='0' cellpadding='0' border='0' align='center' width='49'>
  213.                         <tr>
  214.                             <td align='left' valign='middle' width='16'>&nbsp;</td>
  215.                             <td align='left' valign='middle' width='16' class="text_black_10">&nbsp;0</td>
  216.                             <td align='left' valign='middle' width='16'>&nbsp;</td>
  217.                         </tr>
  218.                     </table>
  219.                 </td>
  220.                 <td align='left' valign='middle' width='49'>
  221.                     <table cellspacing='0' cellpadding='0' border='0' align='center' width='49'>
  222.                         <tr>
  223.                             <td align='left' valign='middle' width='16'>&nbsp;</td>
  224.                             <td align='left' valign='middle' width='16' class="text_black_10">&nbsp;10</td>
  225.                             <td align='left' valign='middle' width='16'>&nbsp;</td>
  226.                         </tr>
  227.                     </table>
  228.                 </td>
  229.                 <td align='left' valign='middle' width='49'>
  230.                     <table cellspacing='0' cellpadding='0' border='0' align='center' width='49'>
  231.                         <tr>
  232.                             <td align='left' valign='middle' width='16'>&nbsp;</td>
  233.                             <td align='left' valign='middle' width='16' class="text_black_10">&nbsp;20</td>
  234.                             <td align='left' valign='middle' width='16'>&nbsp;</td>
  235.                         </tr>
  236.                     </table>
  237.                 </td>
  238.                 <td align='left' valign='middle' width='49'>
  239.                     <table cellspacing='0' cellpadding='0' border='0' align='center' width='49'>
  240.                         <tr>
  241.                             <td align='left' valign='middle' width='16'>&nbsp;</td>
  242.                             <td align='left' valign='middle' width='16' class="text_black_10">&nbsp;30</td>
  243.                             <td align='left' valign='middle' width='16'>&nbsp;</td>
  244.                         </tr>
  245.                     </table>
  246.                 </td>
  247.                 <td align='left' valign='middle' width='49'>
  248.                     <table cellspacing='0' cellpadding='0' border='0' align='center' width='49'>
  249.                         <tr>
  250.                             <td align='left' valign='middle' width='16'>&nbsp;</td>
  251.                             <td align='left' valign='middle' width='16' class="text_black_10">&nbsp;40</td>
  252.                             <td align='left' valign='middle' width='16'>&nbsp;</td>
  253.                         </tr>
  254.                     </table>
  255.                 </td>
  256.                 <td align='left' valign='middle' width='49'>
  257.                     <table cellspacing='0' cellpadding='0' border='0' align='center' width='49'>
  258.                         <tr>
  259.                             <td align='left' valign='middle' width='16'>&nbsp;</td>
  260.                             <td align='left' valign='middle' width='16' class="text_black_10">&nbsp;50</td>
  261.                             <td align='left' valign='middle' width='16'>&nbsp;</td>
  262.                         </tr>
  263.                     </table>
  264.                 </td>
  265.                 <td align='left' valign='middle' width='49'>
  266.                     <table cellspacing='0' cellpadding='0' border='0' align='center' width='49'>
  267.                         <tr>
  268.                             <td align='left' valign='middle' width='16'>&nbsp;</td>
  269.                             <td align='left' valign='middle' width='16' class="text_black_10">&nbsp;60</td>
  270.                             <td align='left' valign='middle' width='16'>&nbsp;</td>
  271.                         </tr>
  272.                     </table>
  273.                 </td>
  274.                 <td align='left' valign='middle' width='49'>
  275.                     <table cellspacing='0' cellpadding='0' border='0' align='center' width='49'>
  276.                         <tr>
  277.                             <td align='left' valign='middle' width='16'>&nbsp;</td>
  278.                             <td align='left' valign='middle' width='16' class="text_black_10">&nbsp;70</td>
  279.  
  280.                             <td align='left' valign='middle' width='16'>&nbsp;</td>
  281.                         </tr>
  282.                     </table>
  283.                 </td>
  284.                 <td align='left' valign='middle' width='49'>
  285.                     <table cellspacing='0' cellpadding='0' border='0' align='center' width='49'>
  286.                         <tr>
  287.                             <td align='left' valign='middle' width='16'>&nbsp;</td>
  288.                             <td align='left' valign='middle' width='16' class="text_black_10">&nbsp;80</td>
  289.                             <td align='left' valign='middle' width='16'>&nbsp;</td>
  290.                         </tr>
  291.                     </table>
  292.                 </td>
  293.                 <td align='left' valign='middle' width='49'>
  294.                     <table cellspacing='0' cellpadding='0' border='0' align='center' width='49'>
  295.                         <tr>
  296.                             <td align='left' valign='middle' width='16'>&nbsp;</td>
  297.                             <td align='left' valign='middle' width='16' class="text_black_10">&nbsp;90</td>
  298.                             <td align='left' valign='middle' width='16'>&nbsp;</td>
  299.                         </tr>
  300.                     </table>
  301.                 </td>
  302.                 <td align='left' valign='middle' width='49'>
  303.                     <table cellspacing='0' cellpadding='0' border='0' align='center' width='49'>
  304.                         <tr>
  305.                             <td align='left' valign='middle' width='16'>&nbsp;</td>
  306.                             <td align='left' valign='middle' width='16' class="text_black_10">&nbsp;100</td>
  307.                             <td align='left' valign='middle' width='16'>&nbsp;</td>
  308.                         </tr>
  309.                     </table>
  310.                 </td>
  311.             </tr>
  312.             <tr><td align='center' valign='middle' width='512' class="text_black_10" colspan="11">Glass</td></tr>
  313.             <tr><td align="center" valign="middle" colspan="11">&nbsp;</td></tr>
  314.         </table>
  315. <? 
  316.     echo "|";
  317.     echo "120";
  318.     echo "|";
  319. ?>
  320.     <table cellspacing="0" cellpadding="0" border="0" align="left" width="727">
  321.         <tr>
  322.             <td align="left" valign="top" width="9"></td>
  323.             <td align="left" valign="top" width="133"><div id="ahsi_div"><img id="ahsi" name="off" src="images/ahsi_off.gif" width="133" height="60" border="0" alt="" onclick="AddOnFor(this.id,0,12);" style="cursor:pointer;" /></div></td>
  324.             <td align="left" valign="top" width="9"></td>
  325.             <td align="left" valign="top" width="133"><div id="pu-nc_wrap_div"><img id="pu-nc_wrap" name="off" src="images/pu-nc_wrap_off.gif" width="133" height="60" border="0" alt="" onclick="AddOnFor(this.id,0,8);" style="cursor:pointer;" /></div></td>
  326.             <td align="left" valign="top" width="9"></td>
  327.             <td align="left" valign="top" width="133"><div id="omega_div"><img id="omega" name="off" src="images/omega_off.gif" width="133" height="60" border="0" alt="" onclick="AddOnFor(this.id,0,15);" style="cursor:pointer;" /></div></td>
  328.             <td align="left" valign="top" width="9"></td>
  329.             <td align="left" valign="top" width="133"><div id="cr_39_div"><img id="cr_39" name="off" src="images/cr_39_off.gif" width="133" height="60" border="0" alt="" onclick="AddOnFor(this.id,0,14);" style="cursor:pointer;" /></div></td>
  330.             <td align="left" valign="top" width="9"></td>
  331.             <td align="left" valign="top" width="133"><div id="quadcore_div"><img id="quadcore" name="off" src="images/quadcore_off.gif" width="133" height="60" border="0" alt="" onclick="AddOnFor(this.id,0,17);" style="cursor:pointer;" /></div></td>
  332.             <td align="left" valign="top" width="11"><img src="images/submitdesign_27.gif" width="11" height="60" border="0" alt="" /></td>
  333.         </tr>
  334.     </table>
  335. <?
  336.     echo "|";
  337. ?>
  338.     <table cellspacing="0" cellpadding="0" border="0" align="left" width="359">
  339.         <tr>
  340.             <td align="right" valign="top" width="55"><div id="mn01_div" style="cursor:pointer;"><img id="mn01" name="off" src="images/mn01_off.gif" width="55" height="30" border="0" alt="" onclick="getMold(this.id,0);" /></div></td>
  341.             <td align="center" valign="top" width="6"></td>
  342.             <td align="right" valign="top" width="55"><div id="mn02_div" style="cursor:pointer;"><img id="mn02" name="off" src="images/mn02_off.gif" width="55" height="30" border="0" alt="" onclick="getMold(this.id,0);" /></div></td>
  343.             <td align="center" valign="top" width="6"></td>
  344.             <td align="right" valign="top" width="55"><div id="mn03_div" style="cursor:pointer;"><img id="mn03" name="off" src="images/mn03_off.gif" width="55" height="30" border="0" alt="" onclick="getMold(this.id,0);" /></div></td>
  345.             <td align="center" valign="top" width="6"></td>
  346.             <td align="right" valign="top" width="55"><div id="mn04_div" style="cursor:pointer;"><img id="mn04" name="off" src="images/mn04_off.gif" width="55" height="30" border="0" alt="" onclick="getMold(this.id,0);" /></div></td>
  347.             <td align="center" valign="top" width="6"></td>
  348.             <td align="right" valign="top" width="55"><div id="mn05_div" style="cursor:pointer;"><img id="mn05" name="off" src="images/mn05_off.gif" width="55" height="30" border="0" alt="" onclick="getMold(this.id,0);" /></div></td>
  349.             <td align="center" valign="top" width="6"></td>
  350.             <td align="right" valign="top" width="55"><div id="mn06_div" style="cursor:pointer;"><img id="mn06" name="off" src="images/mn06_off.gif" width="55" height="30" border="0" alt="" onclick="getMold(this.id,0);" /></div></td>
  351.         </tr>
  352.     </table>  
  353. <script type="text/javascript">
  354.             new Tip('ahsi_div', {
  355.               title : 'Advanced Hockey Splitting Inhibitor (AHSI):',
  356.               ajax: {
  357.                     url: 'tooltip.php?item_name=AHSI',
  358.                     options: {onComplete: function(transport) {}}
  359.                   },
  360.               className: 'pinktip',
  361.              // hook: { target: 'bottomMiddle', tip: 'topRight' },
  362.               stem: 'topMiddle',
  363.               //offset: { x: 0, y: 5 }
  364.             });
  365.             new Tip('pu-nc_wrap_div', {
  366.               title : 'PU-NC Wrap:',
  367.               ajax: {
  368.                     url: 'tooltip.php?item_name=PUNC',
  369.                     options: {onComplete: function(transport) {}}
  370.                   },
  371.               className: 'pinktip',
  372.              // hook: { target: 'bottomMiddle', tip: 'topRight' },
  373.               stem: 'topMiddle',
  374.               //offset: { x: 0, y: 5 }
  375.             });
  376.             new Tip('omega_div', {
  377.               title : 'Omega 315 Core:',
  378.               ajax: {
  379.                     url: 'tooltip.php?item_name=OMEGA',
  380.                     options: {onComplete: function(transport) {}}
  381.                   },
  382.               className: 'pinktip',
  383.              // hook: { target: 'bottomMiddle', tip: 'topRight' },
  384.               stem: 'topMiddle',
  385.               //offset: { x: 0, y: 5 }
  386.             });
  387.             new Tip('cr_39_div', {
  388.               title : 'CR-39 Edge Protection:',
  389.               ajax: {
  390.                     url: 'tooltip.php?item_name=CR-39',
  391.                     options: {onComplete: function(transport) {}}
  392.                   },
  393.               className: 'pinktip',
  394.              // hook: { target: 'bottomMiddle', tip: 'topRight' },
  395.               stem: 'topMiddle',
  396.               //offset: { x: 0, y: 5 }
  397.             });
  398.             /*new Tip('quadcore_div', {
  399.               title : 'Advanced Hockey Splitting Inhibitor (AHSI):',
  400.               ajax: {
  401.                     url: 'tooltip.php?item_name=AHSI',
  402.                     options: {onComplete: function(transport) {}}
  403.                   },
  404.               className: 'pinktip',
  405.              // hook: { target: 'bottomMiddle', tip: 'topRight' },
  406.               stem: 'topMiddle',
  407.               //offset: { x: 0, y: 5 }
  408.             });*/
  409.         </script>
  410.  
Jul 19 '08 #1
Share this Question
Share on Google+
3 Replies


acoder
Expert Mod 15k+
P: 16,027
For any third-party product/software, you should try to use the latest version if possible. Have you followed the instructions on installation and how to use? I don't see any included files.
Jul 19 '08 #2

omerbutt
100+
P: 638
For any third-party product/software, you should try to use the latest version if possible. Have you followed the instructions on installation and how to use? I don't see any included files.
thanks for the concern acoder but i did it my way "NO PROTYPES" MY OWN ajax based TOOLTIPS :) THANKS AGAIN ,
REGARDS,
OMER :)
Jul 23 '08 #3

acoder
Expert Mod 15k+
P: 16,027
That's a good idea if you're not using prototype. A whole library for a tooltip could be a bit overkill, though it depends.
Jul 29 '08 #4

Post your reply

Sign in to post your reply or Sign up for a free account.