473,240 Members | 1,608 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,240 software developers and data experts.

prototype tooltip problem

omerbutt
638 512MB
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
3 2552
acoder
16,027 Expert Mod 8TB
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
638 512MB
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
16,027 Expert Mod 8TB
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

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

Similar topics

2
by: Simon Richardson | last post by:
I recently found that one of my application was leaking memory every time I closed a MDIChild form. The garbage collector never reclaimed it and my windows handles kept increasing and increasing...
6
by: Robert | last post by:
Hello. I have been trying out the Lebans ToolTip Classes at http://www.lebans.com/tooltip.htm, to display "balloon" style help tips in a form. The classes I am using are located at...
0
by: Yves Royer | last post by:
Hi, I'm currently writing an application (in VS 2005 bta 2) and made some own user controls. In each user control I added a ToolTip object so i can set some tooltips on checkboxes etc. What...
0
by: Yves Royer | last post by:
Hi, My first post didn't show up so here's a second try. I'm currently writing an application (in VS 2005 bta 2) and made some own user controls. In each user control I added a ToolTip object...
0
by: sonu | last post by:
Hi all, I am experiencing a strange problem for the call setToolTip while running my application on frmaework 2.0. I have found 2 messages on google discussing the same issue but there are no...
5
by: =?Utf-8?B?cGV0ZTE5Njk=?= | last post by:
I use Visual Studio 2005 and created a very simple Form with one button. I added a Tooltip for that button. It shows fine the first time I hover over that button. But if I let it disappear by the...
0
by: walve_wei | last post by:
<1>use the D3D control panel, enable the debug DLL and maximum validation,for D3D control panel ,you need to install the directx sdk. <2>Start up the debug monitor (<MSVC install...
16
by: Charles Law | last post by:
I have to take this personally now. Tooltips have been flakey since the dawn of .NET, but to still have to put up with a disappearing tooltip in VS 2008 is getting beyond a joke. Tooltips have...
3
Airslash
by: Airslash | last post by:
Hello, currently I have 2 functions thatI'm trying to get to work together. Both functions make use of the Prototype library. The first function moves a div container with ID _tooltip on the...
3
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 3 Jan 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). For other local times, please check World Time Buddy In...
0
by: jianzs | last post by:
Introduction Cloud-native applications are conventionally identified as those designed and nurtured on cloud infrastructure. Such applications, rooted in cloud technologies, skillfully benefit from...
2
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 7 Feb 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:30 (7.30PM). In this month's session, the creator of the excellent VBE...
0
by: MeoLessi9 | last post by:
I have VirtualBox installed on Windows 11 and now I would like to install Kali on a virtual machine. However, on the official website, I see two options: "Installer images" and "Virtual machines"....
0
by: DolphinDB | last post by:
The formulas of 101 quantitative trading alphas used by WorldQuant were presented in the paper 101 Formulaic Alphas. However, some formulas are complex, leading to challenges in calculation. Take...
0
by: DolphinDB | last post by:
Tired of spending countless mintues downsampling your data? Look no further! In this article, youll learn how to efficiently downsample 6.48 billion high-frequency records to 61 million...
0
by: Aftab Ahmad | last post by:
Hello Experts! I have written a code in MS Access for a cmd called "WhatsApp Message" to open WhatsApp using that very code but the problem is that it gives a popup message everytime I clicked on...
0
by: Aftab Ahmad | last post by:
So, I have written a code for a cmd called "Send WhatsApp Message" to open and send WhatsApp messaage. The code is given below. Dim IE As Object Set IE =...
0
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.