prototype tooltip problem

Collapse
X
Collapse
 
  • Page of 1
  • Time
  • Show
Clear All
new posts
Previous template Next
  • omerbutt
    Contributor
    • Nov 2006
    • 638
    #1

    prototype tooltip problem

    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
    [code=html]
    <html>
    <body>
    <div id='my_div'>
    </div>
    <script type-'text/javascript'>
    new Tip('my_div', {
    title : 'Advanced Hockey Splitting Inhibitor (AHSI):',
    ajax: {
    url: 'tooltip.php?it em_name=AHSI',
    options: {onComplete: function(transp ort) {}}
    },
    className: 'pinktip'
    });
    </script>
    <body>
    <html>
    [/code]
    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
    [code=html]
    <html>
    <head>
    <script type="text/javascript">
    function getScales(val){
    if(val!=""){
    ScaleObj=GetXml HttpObject();
    if(ScaleObj==nu ll){
    document.getEle mentById("detai l").innerHTML=" You Need To Upgrade your Browser To Continue";
    return;
    }else{
    var url="scaler.php ?scaler="+val;
    ScaleObj.onread ystatechange=$_ scl;
    ScaleObj.open(" GET",url,true) ;
    ScaleObj.send(n ull);
    }
    }
    }
    function $_scl(){
    if(ScaleObj.rea dyState==4){
    if(ScaleObj.sta tus==200){
    var a=ScaleObj.resp onseText
    var b=a.split("|");
    alert(b[2]);
    if(b[1]=="Wody"){
    document.getEle mentById("scale r_div").innerHT ML=b[0];
    document.getEle mentById("stick _price").innerH TML="";
    document.getEle mentById("AddOn _div").innerHTM L=b[2];
    document.getEle mentById("Mold_ div").innerHTML =b[3];
    }else{
    document.getEle mentById("scale r_div").innerHT ML=b[0];
    document.getEle mentById("stick _price").innerH TML=b[1];
    document.getEle mentById("AddOn _div").innerHTM L=b[2];
    document.getEle mentById("Mold_ div").innerHTML =b[3];
    }
    }
    }
    }

    </script>
    </head>
    <BODY>
    <tr>
    <td align="left" valign="top" width="727">
    <div id="AddOn_div" >
    <table cellspacing="0" cellpadding="0" border="0" align="left" width="727">
    <tr>
    <td align="left" valign="top" width="9"></td>
    <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="AddOnF or(this.id,0,12 );" style="cursor:p ointer;" />
    </div>
    </td>
    <td align="left" valign="top" width="9"></td>
    <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="AddOnF or(this.id,0,8) ;" style="cursor:p ointer;" />
    </div>
    </td>
    <td align="left" valign="top" width="9"></td>
    <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="AddOnF or(this.id,0,15 );" style="cursor:p ointer;" />
    </div>
    </td>
    <td align="left" valign="top" width="9"></td>
    <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="AddOnF or(this.id,0,14 );" style="cursor:p ointer;" />
    </div>
    </td>
    <td align="left" valign="top" width="9"></td>
    <td align="left" valign="top" width="133">
    <div id="quadcore_di v">
    <img id="quadcore" name="off" src="images/quadcore_off.gi f" width="133" height="60" border="0" alt="" onclick="AddOnF or(this.id,0,17 );" style="cursor:p ointer;" />
    </div>
    </td>
    <td align="left" valign="top" width="11">
    <img src="images/submitdesign_27 .gif" width="11" height="60" border="0" alt="" />
    </td>
    </tr>
    </table>
    </div>
    </td>
    </tr>
    <tr>
    <td align="right" valign="top" width="150">
    <select name="version" id="version" style="width:10 0px; border:1px solid #000000;" onchange="getSc ales(this.value );">
    <option selected="selec ted" value="Outdoor" >Outdoor</option>
    <option value="Indoor"> Indoor</option>
    <option value="Wooden"> Wooden</option>
    <option value="Goalie"> Goalie</option>
    </select>
    </td>
    </tr>
    <script type="text/javascript">
    new Tip('ahsi_div', {
    title : 'Advanced Hockey Splitting Inhibitor (AHSI):',
    ajax: {
    url: 'tooltip.php?it em_name=AHSI',
    options: {onComplete: function(transp ort) {}}
    },
    className: 'pinktip',
    // hook: { target: 'bottomMiddle', tip: 'topRight' },
    stem: 'topMiddle',
    //offset: { x: 0, y: 5 }
    });
    new Tip('pu-nc_wrap_div', {
    title : 'PU-NC Wrap:',
    ajax: {
    url: 'tooltip.php?it em_name=PUNC',
    options: {onComplete: function(transp ort) {}}
    },
    className: 'pinktip',
    // hook: { target: 'bottomMiddle', tip: 'topRight' },
    stem: 'topMiddle',
    //offset: { x: 0, y: 5 }
    });
    new Tip('omega_div' , {
    title : 'Omega 315 Core:',
    ajax: {

    url: 'tooltip.php?it em_name=OMEGA',
    options: {onComplete: function(transp ort) {}}
    },
    className: 'pinktip',
    // hook: { target: 'bottomMiddle', tip: 'topRight' },
    stem: 'topMiddle',
    //offset: { x: 0, y: 5 }
    });
    new Tip('cr_39_div' , {
    title : 'CR-39 Edge Protection:',
    ajax: {
    url: 'tooltip.php?it em_name=CR-39',
    options: {onComplete: function(transp ort) {}}
    },
    className: 'pinktip',
    // hook: { target: 'bottomMiddle', tip: 'topRight' },
    stem: 'topMiddle',
    //offset: { x: 0, y: 5 }
    });
    /*new Tip('quadcore_d iv', {
    title : 'Advanced Hockey Splitting Inhibitor (AHSI):',
    ajax: {
    url: 'tooltip.php?it em_name=AHSI',
    options: {onComplete: function(transp ort) {}}
    },
    className: 'pinktip',
    // hook: { target: 'bottomMiddle', tip: 'topRight' },
    stem: 'topMiddle',
    //offset: { x: 0, y: 5 }
    });*/
    </script>
    [/code]
    file=SCALER.PHP
    [CODE=php]
    if($_GET["scaler"]=="Outdoor"){ ?>
    <table cellspacing="0" cellpadding="0" align="center" width="512" border="0">
    <tr><td align='center' valign='middle' width='512' class="text_bla ck_10" colspan="11">Ca rbon</td></tr>
    <tr>
    <td align='left' valign='middle' width='49'>
    <table cellspacing='0' cellpadding='0' border='0' align='center' width='49'>
    <tr>
    <td align='left' valign='middle' width='16' class="text_bla ck_10">&nbsp;</td>
    <td align='left' valign='middle' width='16' class="text_bla ck_10">&nbsp;10 0</td>
    <td align='left' valign='middle' width='16'>&nbs p;</td>
    </tr>
    </table>
    </td>
    <td align='left' valign='middle' width='49'>
    <table cellspacing='0' cellpadding='0' border='0' align='center' width='49'>
    <tr>
    <td align='left' valign='middle' width='16'>&nbs p;</td>
    <td align='left' valign='middle' width='16' class="text_bla ck_10">90</td>
    <td align='left' valign='middle' width='16'>&nbs p;</td>
    </tr>
    </table>
    </td>
    <td align='left' valign='middle' width='49'>
    <table cellspacing='0' cellpadding='0' border='0' align='center' width='49'>
    <tr>
    <td align='left' valign='middle' width='16'>&nbs p;</td>
    <td align='left' valign='middle' width='16' class="text_bla ck_10">&nbsp;80 </td>
    <td align='left' valign='middle' width='16'>&nbs p;</td>
    </tr>
    </table>
    </td>
    <td align='left' valign='middle' width='49'>
    <table cellspacing='0' cellpadding='0' border='0' align='center' width='49'>
    <tr>
    <td align='left' valign='middle' width='16'>&nbs p;</td>
    <td align='left' valign='middle' width='16' class="text_bla ck_10">&nbsp;70 </td>
    <td align='left' valign='middle' width='16'>&nbs p;</td>
    </tr>
    </table>
    </td>
    <td align='left' valign='middle' width='49'>
    <table cellspacing='0' cellpadding='0' border='0' align='center' width='49'>
    <tr>
    <td align='left' valign='middle' width='16'>&nbs p;</td>
    <td align='left' valign='middle' width='16' class="text_bla ck_10">&nbsp;60 </td>
    <td align='left' valign='middle' width='16'>&nbs p;</td>
    </tr>
    </table>
    </td>
    <td align='left' valign='middle' width='49'>
    <table cellspacing='0' cellpadding='0' border='0' align='center' width='49'>
    <tr>
    <td align='left' valign='middle' width='16'>&nbs p;</td>
    <td align='left' valign='middle' width='16' class="text_bla ck_10">&nbsp;50 </td>
    <td align='left' valign='middle' width='16'>&nbs p;</td>
    </tr>
    </table>
    </td>
    <td align='left' valign='middle' width='49'>
    <table cellspacing='0' cellpadding='0' border='0' align='center' width='49'>
    <tr>
    <td align='left' valign='middle' width='16'>&nbs p;</td>
    <td align='left' valign='middle' width='16' class="text_bla ck_10">&nbsp;40 </td>
    <td align='left' valign='middle' width='16'>&nbs p;</td>
    </tr>
    </table>
    </td>
    <td align='left' valign='middle' width='49'>
    <table cellspacing='0' cellpadding='0' border='0' align='center' width='49'>
    <tr>
    <td align='left' valign='middle' width='16'>&nbs p;</td>
    <td align='left' valign='middle' width='16' class="text_bla ck_10">&nbsp;30 </td>
    <td align='left' valign='middle' width='16'>&nbs p;</td>
    </tr>
    </table>
    </td>
    <td align='left' valign='middle' width='49'>
    <table cellspacing='0' cellpadding='0' border='0' align='center' width='49'>
    <tr>
    <td align='left' valign='middle' width='16'>&nbs p;</td>
    <td align='left' valign='middle' width='16' class="text_bla ck_10">&nbsp;20 </td>
    <td align='left' valign='middle' width='16'>&nbs p;</td>
    </tr>
    </table>
    </td>
    <td align='left' valign='middle' width='49'>
    <table cellspacing='0' cellpadding='0' border='0' align='center' width='49'>
    <tr>
    <td align='left' valign='middle' width='16'>&nbs p;</td>
    <td align='left' valign='middle' width='16' class="text_bla ck_10">&nbsp;10 </td>
    <td align='left' valign='middle' width='16'>&nbs p;</td>
    </tr>
    </table>
    </td>
    <td align='left' valign='middle' width='49'>
    <table cellspacing='0' cellpadding='0' border='0' align='center' width='49'>
    <tr>
    <td align='left' valign='middle' width='16'>&nbs p;</td>
    <td align='left' valign='middle' width='16' class="text_bla ck_10">&nbsp;0</td>
    <td align='left' valign='middle' width='16'>&nbs p;</td>
    </tr>
    </table>
    </td>
    </tr>
    </table>
    <table cellspacing="0" cellpadding="0" border="0" align="center" width="512" style="backgrou nd-image:url(image s/bar.gif); background-repeat:no-repeat; width:512; height:25px; background-position:center ;">
    <tr>
    <td align="left" valign="middle" width="49">
    <table cellspacing="0" cellpadding="0" border="0" align="center" width="49">
    <tr>
    <td align="left" valign="middle" width="16">&nbs p;</td>
    <td align="left" valign="middle" width="16"><div id="point_01" style="cursor:p ointer;" onclick="getPoi nt(this.id,100, 0);"><img src="images/dum.gif" height="21" width="23" border="0" alt="" /></div></td>
    <td align="left" valign="middle" width="16">&nbs p;</td>
    </tr>
    </table>
    </td>
    <td align="left" valign="middle" width="49">
    <table cellspacing="0" cellpadding="0" border="0" align="center" width="49">
    <tr>
    <td align="left" valign="middle" width="16">&nbs p;</td>
    <td align="left" valign="middle" width="16"><div id="point_02" style="cursor:p ointer;" onclick="getPoi nt(this.id,90,1 0);"><img src="images/dum.gif" height="21" width="23" border="0" alt="" /></div></td>
    <td align="left" valign="middle" width="16">&nbs p;</td>
    </tr>
    </table>
    </td>
    <td align="left" valign="middle" width="49">
    <table cellspacing="0" cellpadding="0" border="0" align="center" width="49">
    <tr>
    <td align="left" valign="middle" width="16">&nbs p;</td>
    <td align="left" valign="middle" width="16"><div id="point_03" style="cursor:p ointer;" onclick="getPoi nt(this.id,80,2 0);"><img src="images/dum.gif" height="21" width="23" border="0" alt="" /></div></td>
    <td align="left" valign="middle" width="16">&nbs p;</td>
    </tr>
    </table>
    </td>
    <td align="left" valign="middle" width="49">
    <table cellspacing="0" cellpadding="0" border="0" align="center" width="49">
    <tr>
    <td align="left" valign="middle" width="16">&nbs p;</td>
    <td align="left" valign="middle" width="16"><div id="point_04" style="cursor:p ointer;" onclick="getPoi nt(this.id,70,3 0);"><img src="images/dum.gif" height="21" width="23" border="0" alt="" /></div></td>
    <td align="left" valign="middle" width="16">&nbs p;</td>
    </tr>
    </table>
    </td>
    <td align="left" valign="middle" width="49">
    <table cellspacing="0" cellpadding="0" border="0" align="center" width="49">
    <tr>
    <td align="left" valign="middle" width="16">&nbs p;</td>
    <td align="left" valign="middle" width="16"><div id="point_05" style="cursor:p ointer;" onclick="getPoi nt(this.id,60,4 0);"><img src="images/dum.gif" height="21" width="23" border="0" alt="" /></div></td>
    <td align="left" valign="middle" width="16">&nbs p;</td>
    </tr>
    </table>
    </td>
    <td align="left" valign="middle" width="49">
    <table cellspacing="0" cellpadding="0" border="0" align="center" width="49">
    <tr>
    <td align="left" valign="middle" width="16">&nbs p;</td>
    <td align="left" valign="middle" width="16" id=""><div id="point_06" style="cursor:p ointer;" onclick="getPoi nt(this.id,50,5 0);"><img id="arrow" name="50,50" src="images/arrow.gif" width="23" height="21" border="0" alt="" /></div></td>
    <td align="left" valign="middle" width="16">&nbs p;</td>
    </tr>
    </table>
    </td>
    <td align="left" valign="middle" width="49">
    <table cellspacing="0" cellpadding="0" border="0" align="center" width="49">
    <tr>
    <td align="left" valign="middle" width="16">&nbs p;</td>
    <td align="left" valign="middle" width="16"><div id="point_07" style="cursor:p ointer;" onclick="getPoi nt(this.id,40,6 0);"><img src="images/dum.gif" height="21" width="23" border="0" alt="" /></div></td>
    <td align="left" valign="middle" width="16">&nbs p;</td>
    </tr>
    </table>
    </td>
    <td align="left" valign="middle" width="49">
    <table cellspacing="0" cellpadding="0" border="0" align="center" width="49">
    <tr>
    <td align="left" valign="middle" width="16">&nbs p;</td>
    <td align="left" valign="middle" width="16"><div id="point_08" style="cursor:p ointer;" onclick="getPoi nt(this.id,30,7 0);"><img src="images/dum.gif" height="21" width="23" border="0" alt="" /></div></td>
    <td align="left" valign="middle" width="16">&nbs p;</td>
    </tr>
    </table>
    </td>
    <td align="left" valign="middle" width="49">
    <table cellspacing="0" cellpadding="0" border="0" align="center" width="49">
    <tr>
    <td align="left" valign="middle" width="16">&nbs p;</td>
    <td align="left" valign="middle" width="16"><div id="point_09" style="cursor:p ointer;" onclick="getPoi nt(this.id,20,8 0);"><img src="images/dum.gif" height="21" width="23" border="0" alt="" /></div></td>
    <td align="left" valign="middle" width="16">&nbs p;</td>
    </tr>
    </table>
    </td>
    <td align="left" valign="middle" width="49">
    <table cellspacing="0" cellpadding="0" border="0" align="center" width="49">
    <tr>
    <td align="left" valign="middle" width="16">&nbs p;</td>
    <td align="left" valign="middle" width="16"><div id="point_10" style="cursor:p ointer;" onclick="getPoi nt(this.id,10,9 0);"><img src="images/dum.gif" height="21" width="23" border="0" alt="" /></div></td>
    <td align="left" valign="middle" width="16">&nbs p;</td>
    </tr>
    </table>
    </td>
    <td align="left" valign="middle" width="23">
    <table cellspacing="0" cellpadding="0" border="0" align="center" width="49">
    <tr>
    <td align="left" valign="middle" width="16">&nbs p;</td>
    <td align="left" valign="middle" width="16"><div id="point_11" style="cursor:p ointer;" onclick="getPoi nt(this.id,0,10 0);"><img src="images/dum.gif" height="21" width="23" border="0" alt="" /></div></td>
    <td align="left" valign="middle" width="16">&nbs p;</td>
    </tr>
    </table>
    </td>
    </tr>
    </table>
    <table cellspacing="0" cellpadding="0" align="center" width="512" border="0">
    <tr>
    <td align='left' valign='middle' width='49'>
    <table cellspacing='0' cellpadding='0' border='0' align='center' width='49'>
    <tr>
    <td align='left' valign='middle' width='16'>&nbs p;</td>
    <td align='left' valign='middle' width='16' class="text_bla ck_10">&nbsp;0</td>
    <td align='left' valign='middle' width='16'>&nbs p;</td>
    </tr>
    </table>
    </td>
    <td align='left' valign='middle' width='49'>
    <table cellspacing='0' cellpadding='0' border='0' align='center' width='49'>
    <tr>
    <td align='left' valign='middle' width='16'>&nbs p;</td>
    <td align='left' valign='middle' width='16' class="text_bla ck_10">&nbsp;10 </td>
    <td align='left' valign='middle' width='16'>&nbs p;</td>
    </tr>
    </table>
    </td>
    <td align='left' valign='middle' width='49'>
    <table cellspacing='0' cellpadding='0' border='0' align='center' width='49'>
    <tr>
    <td align='left' valign='middle' width='16'>&nbs p;</td>
    <td align='left' valign='middle' width='16' class="text_bla ck_10">&nbsp;20 </td>
    <td align='left' valign='middle' width='16'>&nbs p;</td>
    </tr>
    </table>
    </td>
    <td align='left' valign='middle' width='49'>
    <table cellspacing='0' cellpadding='0' border='0' align='center' width='49'>
    <tr>
    <td align='left' valign='middle' width='16'>&nbs p;</td>
    <td align='left' valign='middle' width='16' class="text_bla ck_10">&nbsp;30 </td>
    <td align='left' valign='middle' width='16'>&nbs p;</td>
    </tr>
    </table>
    </td>
    <td align='left' valign='middle' width='49'>
    <table cellspacing='0' cellpadding='0' border='0' align='center' width='49'>
    <tr>
    <td align='left' valign='middle' width='16'>&nbs p;</td>
    <td align='left' valign='middle' width='16' class="text_bla ck_10">&nbsp;40 </td>
    <td align='left' valign='middle' width='16'>&nbs p;</td>
    </tr>
    </table>
    </td>
    <td align='left' valign='middle' width='49'>
    <table cellspacing='0' cellpadding='0' border='0' align='center' width='49'>
    <tr>
    <td align='left' valign='middle' width='16'>&nbs p;</td>
    <td align='left' valign='middle' width='16' class="text_bla ck_10">&nbsp;50 </td>
    <td align='left' valign='middle' width='16'>&nbs p;</td>
    </tr>
    </table>
    </td>
    <td align='left' valign='middle' width='49'>
    <table cellspacing='0' cellpadding='0' border='0' align='center' width='49'>
    <tr>
    <td align='left' valign='middle' width='16'>&nbs p;</td>
    <td align='left' valign='middle' width='16' class="text_bla ck_10">&nbsp;60 </td>
    <td align='left' valign='middle' width='16'>&nbs p;</td>
    </tr>
    </table>
    </td>
    <td align='left' valign='middle' width='49'>
    <table cellspacing='0' cellpadding='0' border='0' align='center' width='49'>
    <tr>
    <td align='left' valign='middle' width='16'>&nbs p;</td>
    <td align='left' valign='middle' width='16' class="text_bla ck_10">&nbsp;70 </td>

    <td align='left' valign='middle' width='16'>&nbs p;</td>
    </tr>
    </table>
    </td>
    <td align='left' valign='middle' width='49'>
    <table cellspacing='0' cellpadding='0' border='0' align='center' width='49'>
    <tr>
    <td align='left' valign='middle' width='16'>&nbs p;</td>
    <td align='left' valign='middle' width='16' class="text_bla ck_10">&nbsp;80 </td>
    <td align='left' valign='middle' width='16'>&nbs p;</td>
    </tr>
    </table>
    </td>
    <td align='left' valign='middle' width='49'>
    <table cellspacing='0' cellpadding='0' border='0' align='center' width='49'>
    <tr>
    <td align='left' valign='middle' width='16'>&nbs p;</td>
    <td align='left' valign='middle' width='16' class="text_bla ck_10">&nbsp;90 </td>
    <td align='left' valign='middle' width='16'>&nbs p;</td>
    </tr>
    </table>
    </td>
    <td align='left' valign='middle' width='49'>
    <table cellspacing='0' cellpadding='0' border='0' align='center' width='49'>
    <tr>
    <td align='left' valign='middle' width='16'>&nbs p;</td>
    <td align='left' valign='middle' width='16' class="text_bla ck_10">&nbsp;10 0</td>
    <td align='left' valign='middle' width='16'>&nbs p;</td>
    </tr>
    </table>
    </td>
    </tr>
    <tr><td align='center' valign='middle' width='512' class="text_bla ck_10" colspan="11">Gl ass</td></tr>
    <tr><td align="center" valign="middle" colspan="11">&n bsp;</td></tr>
    </table>
    <?
    echo "|";
    echo "120";
    echo "|";
    ?>
    <table cellspacing="0" cellpadding="0" border="0" align="left" width="727">
    <tr>
    <td align="left" valign="top" width="9"></td>
    <td align="left" valign="top" width="133"><di v id="ahsi_div">< img id="ahsi" name="off" src="images/ahsi_off.gif" width="133" height="60" border="0" alt="" onclick="AddOnF or(this.id,0,12 );" style="cursor:p ointer;" /></div></td>
    <td align="left" valign="top" width="9"></td>
    <td align="left" valign="top" width="133"><di v id="pu-nc_wrap_div"><i mg id="pu-nc_wrap" name="off" src="images/pu-nc_wrap_off.gif " width="133" height="60" border="0" alt="" onclick="AddOnF or(this.id,0,8) ;" style="cursor:p ointer;" /></div></td>
    <td align="left" valign="top" width="9"></td>
    <td align="left" valign="top" width="133"><di v id="omega_div"> <img id="omega" name="off" src="images/omega_off.gif" width="133" height="60" border="0" alt="" onclick="AddOnF or(this.id,0,15 );" style="cursor:p ointer;" /></div></td>
    <td align="left" valign="top" width="9"></td>
    <td align="left" valign="top" width="133"><di v id="cr_39_div"> <img id="cr_39" name="off" src="images/cr_39_off.gif" width="133" height="60" border="0" alt="" onclick="AddOnF or(this.id,0,14 );" style="cursor:p ointer;" /></div></td>
    <td align="left" valign="top" width="9"></td>
    <td align="left" valign="top" width="133"><di v id="quadcore_di v"><img id="quadcore" name="off" src="images/quadcore_off.gi f" width="133" height="60" border="0" alt="" onclick="AddOnF or(this.id,0,17 );" style="cursor:p ointer;" /></div></td>
    <td align="left" valign="top" width="11"><img src="images/submitdesign_27 .gif" width="11" height="60" border="0" alt="" /></td>
    </tr>
    </table>
    <?
    echo "|";
    ?>
    <table cellspacing="0" cellpadding="0" border="0" align="left" width="359">
    <tr>
    <td align="right" valign="top" width="55"><div id="mn01_div" style="cursor:p ointer;"><img id="mn01" name="off" src="images/mn01_off.gif" width="55" height="30" border="0" alt="" onclick="getMol d(this.id,0);" /></div></td>
    <td align="center" valign="top" width="6"></td>
    <td align="right" valign="top" width="55"><div id="mn02_div" style="cursor:p ointer;"><img id="mn02" name="off" src="images/mn02_off.gif" width="55" height="30" border="0" alt="" onclick="getMol d(this.id,0);" /></div></td>
    <td align="center" valign="top" width="6"></td>
    <td align="right" valign="top" width="55"><div id="mn03_div" style="cursor:p ointer;"><img id="mn03" name="off" src="images/mn03_off.gif" width="55" height="30" border="0" alt="" onclick="getMol d(this.id,0);" /></div></td>
    <td align="center" valign="top" width="6"></td>
    <td align="right" valign="top" width="55"><div id="mn04_div" style="cursor:p ointer;"><img id="mn04" name="off" src="images/mn04_off.gif" width="55" height="30" border="0" alt="" onclick="getMol d(this.id,0);" /></div></td>
    <td align="center" valign="top" width="6"></td>
    <td align="right" valign="top" width="55"><div id="mn05_div" style="cursor:p ointer;"><img id="mn05" name="off" src="images/mn05_off.gif" width="55" height="30" border="0" alt="" onclick="getMol d(this.id,0);" /></div></td>
    <td align="center" valign="top" width="6"></td>
    <td align="right" valign="top" width="55"><div id="mn06_div" style="cursor:p ointer;"><img id="mn06" name="off" src="images/mn06_off.gif" width="55" height="30" border="0" alt="" onclick="getMol d(this.id,0);" /></div></td>
    </tr>
    </table>
    <script type="text/javascript">
    new Tip('ahsi_div', {
    title : 'Advanced Hockey Splitting Inhibitor (AHSI):',
    ajax: {
    url: 'tooltip.php?it em_name=AHSI',
    options: {onComplete: function(transp ort) {}}
    },
    className: 'pinktip',
    // hook: { target: 'bottomMiddle', tip: 'topRight' },
    stem: 'topMiddle',
    //offset: { x: 0, y: 5 }
    });
    new Tip('pu-nc_wrap_div', {
    title : 'PU-NC Wrap:',
    ajax: {
    url: 'tooltip.php?it em_name=PUNC',
    options: {onComplete: function(transp ort) {}}
    },
    className: 'pinktip',
    // hook: { target: 'bottomMiddle', tip: 'topRight' },
    stem: 'topMiddle',
    //offset: { x: 0, y: 5 }
    });
    new Tip('omega_div' , {
    title : 'Omega 315 Core:',
    ajax: {
    url: 'tooltip.php?it em_name=OMEGA',
    options: {onComplete: function(transp ort) {}}
    },
    className: 'pinktip',
    // hook: { target: 'bottomMiddle', tip: 'topRight' },
    stem: 'topMiddle',
    //offset: { x: 0, y: 5 }
    });
    new Tip('cr_39_div' , {
    title : 'CR-39 Edge Protection:',
    ajax: {
    url: 'tooltip.php?it em_name=CR-39',
    options: {onComplete: function(transp ort) {}}
    },
    className: 'pinktip',
    // hook: { target: 'bottomMiddle', tip: 'topRight' },
    stem: 'topMiddle',
    //offset: { x: 0, y: 5 }
    });
    /*new Tip('quadcore_d iv', {
    title : 'Advanced Hockey Splitting Inhibitor (AHSI):',
    ajax: {
    url: 'tooltip.php?it em_name=AHSI',
    options: {onComplete: function(transp ort) {}}
    },
    className: 'pinktip',
    // hook: { target: 'bottomMiddle', tip: 'topRight' },
    stem: 'topMiddle',
    //offset: { x: 0, y: 5 }
    });*/
    </script>
    [/CODE]
    Tags: None
    • acoder
      Recognized Expert MVP
      • Nov 2006
      • 16032
      #2
      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.

        Comment

        • omerbutt
          Contributor
          • Nov 2006
          • 638
          #3
          Originally posted by acoder
          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 :)

            Comment

            • acoder
              Recognized Expert MVP
              • Nov 2006
              • 16032
              #4
              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.

                Comment

                Previous template Next
                Working...