Start Building Professional
Web Apps Today


 
Categories Question details Back To List
Question  posted by sbritton on Aug 11, 2008 15:55
open dhtmlx forum
Alt tags for Multiple Images in Cells

I'm filling a cell with a number of images to represent actions and need to have tool tips/alt text show for each image independently.

Right now it shows each image with a blank Tool Tip.

<?xml version="1.0" encoding="utf-8"?><rows>
    <head>
        <column width="50" type="ro" align="left" sort="str">Type</column>
        <column width="55" type="ro" align="left" sort="str">Date</column>
        <column width="130" type="ro" align="left" sort="str">Name</column>
        <column width="183" type="ro" align="left" sort="str">Address</column>
        <column width="113" type="ro" align="left" sort="str">Prop Owner</column>
        <column width="86" type="ro" align="left" sort="str">Phone</column>
        <column width="54" type="ro" align="left" sort="str">Status</column>
        <column width="64" type="ro" align="left" sort="str">Score</column>
        <column width="140" type="ro" align="left" sort="str">Actions</column>
    </head>
        <row id='68211'>
        <cell>associate</cell>
        <cell>2008-08-08</cell>
        <cell>DOE, JOHN M</cell>
        <cell>
            <![CDATA[
                <a href='#' onclick='makeNotesWindow(68211)'>
                111 MAIN ST<br>LOS ANGELES, CA 90033</a>            
            ]]>
        </cell>
        <cell><br /></cell>
        <cell>(213) 555-1212</cell>
        <cell>active</cell>
        <cell>
            <![CDATA[
                275<br><img src='/images/icon_pf.jpg' alt='Provided by source Name Here'>            
            ]]>
        </cell>
        <cell>
            <![CDATA[
             <img src='images/icon_takenotes.gif' alt='Capture notes' style='cursor:pointer' onclick='makeNotesWindow(68211)'>    
                <img src='images/icon_tools.gif' alt='Edit / Change Contact Information' style='cursor:pointer' onClick='makeContactWindow(68211)'/>
                <img src='images/icon_websearch.gif' alt='Search Web for this contact' border=0 style='cursor:pointer' onclick="makeGeneralSearchWindow('JOHN DOE|LOS ANGELES')" />
                <img src='images/icon_proc.jpg' alt='Assign this address for processing' border=0 style='cursor:pointer' onclick='makeRepoWindow(68211)'/>            
            ]]>
        </cell>
    </row>
</rows>
Answer posted by Support on Aug 12, 2008 01:35
You can use onMouseOver event to block tooltips of grid, and show native ones.

grid.attachEvent("onMouseOver",function(id,index){
          if (index == 7 || index == 8 ) return false;
          return true;
})