471,571 Members | 1,104 Online
Bytes | Software Development & Data Engineering Community
Post +

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 471,571 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 2384
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

Post your reply

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

Similar topics

2 posts views Thread by Simon Richardson | last post: by
reply views Thread by Yves Royer | last post: by
reply views Thread by Yves Royer | last post: by
5 posts views Thread by =?Utf-8?B?cGV0ZTE5Njk=?= | last post: by
Airslash
3 posts views Thread by Airslash | last post: by
reply views Thread by XIAOLAOHU | last post: by
reply views Thread by lumer26 | last post: by
reply views Thread by Vinnie | last post: by
reply views Thread by lumer26 | last post: by

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.