Mouseover a Grid

I have been trying to add a javascript function to display information when there is a moveover a grid, and i want the message to disapear on its own after a (reasonably)short time, say a message that just say "use ctr + shift to select multi rows", but i cant seem to find this info, does anyone know how to do it
Dawie de VilliersAsked:
Who is Participating?

[Webinar] Streamline your web hosting managementRegister Today

x
 
RobPalConnect With a Mentor Commented:
Yes, Matthias is correct.  If you use the title attribute within your <td> tag that holds your grid code then this should work.

<td title="use ctrl + shift to select multi rows">
                                    <telerik:RadGrid ID="rdgAccounts"  OnItemCommand="rdgAccounts_ItemCommand" runat="server" Skin="Office2007" GridLines="None" Width="100%" AutoGenerateColumns="False" UniqueName="BranchID" OnItemCreated="rdgAccounts_ItemCreated" oncolumndb ShowStatusBar="True" OnItemDataBound="rdgAccounts_ItemDataBound" OnNeedDataSource="rdgAccounts_NeedDataSource1" OnPreRender="rdgAccounts_PreRender1">
                                        <MasterTableView HierarchyLoadMode="Client">
                                            <Columns>
                                                <telerik:GridBoundColumn DataField="ID" HeaderText="ID" visible = "False" UniqueName="ID">
                                                    <HeaderStyle Font-Names="Tahoma" Font-Size="X-Small" Width="50%" />
                                                </telerik:GridBoundColumn>
                                                <telerik:GridBoundColumn DataField="Name" HeaderText="Name" UniqueName="Name">
                                                    <HeaderStyle Font-Names="Tahoma" Font-Size="X-Small" Width="50%" />
                                                </telerik:GridBoundColumn>
                                                 <telerik:GridBoundColumn DataField="Date" UniqueName="Description">
                                                    <HeaderStyle Font-Names="Tahoma" Font-Size="X-Small" />
                                                </telerik:GridBoundColumn>
                                            </Columns>
                                            <EditItemStyle Font-Bold="True" Font-Italic="False" Font-Overline="False" Font-Strikeout="False"
                                            Font-Underline="False" Wrap="True" />
                                            <RowIndicatorColumn>
                                                <HeaderStyle Width="20px" />
                                            </RowIndicatorColumn>
                                            <ExpandCollapseColumn>
                                                <HeaderStyle Width="20px" />
                                            </ExpandCollapseColumn>
                                            <NoRecordsTemplate>
                                        </NoRecordsTemplate>
                                        </MasterTableView>
                                        <ClientSettings AllowExpandCollapse="False" EnableRowHoverStyle="True">
                                         <Scrolling AllowScroll="True" UseStaticHeaders="True" />                                                                                      
                                            <Selecting AllowRowSelect="True" />
                                        </ClientSettings>  
                                        <PagerStyle Mode = "NextPrevAndNumeric"/>  
                                        <SelectedItemStyle BackColor="InactiveBorder" />                                      
                                        <ValidationSettings CommandsToValidate="PerformInsert,Update,ItemCommand" />
                                    </telerik:RadGrid></td>
0
 
MatthiasVanceCommented:
Can you provide us with some example code of your 'grid'?

Kind regards,

Matthias Vance
0
 
James LooneySr. Programmer/AnalystCommented:
I would recommend this person's script. We use it on a couple of sites and it works great. The instructions here describe exactly how to install it and the code examples show you how to use it. Let me know if you need help, but the instructions are really good.

http://simplythebest.net/scripts/DHTML_scripts/dhtml_script_120.html
0
The new generation of project management tools

With monday.com’s project management tool, you can see what everyone on your team is working in a single glance. Its intuitive dashboards are customizable, so you can create systems that work for you.

 
RobPalCommented:
Are you using an html table as your grid?  If so then you could probably use

alt="use ctrl + shift to select multi rows"

within your <table> tag.

Let me know if that helps or if i've got the wrong end of the stick.

Rob
0
 
Dawie de VilliersAuthor Commented:
Here is the grid design in HTML; Its a third party control but im sure javascript works on it cause i m using javascript with other functions on the grid like double click.

<td>
                                    <telerik:RadGrid ID="rdgAccounts"  OnItemCommand="rdgAccounts_ItemCommand" runat="server" Skin="Office2007" GridLines="None" Width="100%" AutoGenerateColumns="False" UniqueName="BranchID" OnItemCreated="rdgAccounts_ItemCreated" oncolumndb ShowStatusBar="True" OnItemDataBound="rdgAccounts_ItemDataBound" OnNeedDataSource="rdgAccounts_NeedDataSource1" OnPreRender="rdgAccounts_PreRender1">
                                        <MasterTableView HierarchyLoadMode="Client">
                                            <Columns>
                                                <telerik:GridBoundColumn DataField="ID" HeaderText="ID" visible = "False" UniqueName="ID">
                                                    <HeaderStyle Font-Names="Tahoma" Font-Size="X-Small" Width="50%" />
                                                </telerik:GridBoundColumn>
                                                <telerik:GridBoundColumn DataField="Name" HeaderText="Name" UniqueName="Name">
                                                    <HeaderStyle Font-Names="Tahoma" Font-Size="X-Small" Width="50%" />
                                                </telerik:GridBoundColumn>
                                                 <telerik:GridBoundColumn DataField="Date" UniqueName="Description">
                                                    <HeaderStyle Font-Names="Tahoma" Font-Size="X-Small" />
                                                </telerik:GridBoundColumn>
                                            </Columns>
                                            <EditItemStyle Font-Bold="True" Font-Italic="False" Font-Overline="False" Font-Strikeout="False"
                                            Font-Underline="False" Wrap="True" />
                                            <RowIndicatorColumn>
                                                <HeaderStyle Width="20px" />
                                            </RowIndicatorColumn>
                                            <ExpandCollapseColumn>
                                                <HeaderStyle Width="20px" />
                                            </ExpandCollapseColumn>
                                            <NoRecordsTemplate>
                                        </NoRecordsTemplate>
                                        </MasterTableView>
                                        <ClientSettings AllowExpandCollapse="False" EnableRowHoverStyle="True">
                                         <Scrolling AllowScroll="True" UseStaticHeaders="True" />                                                                                      
                                            <Selecting AllowRowSelect="True" />
                                        </ClientSettings>  
                                        <PagerStyle Mode = "NextPrevAndNumeric"/>  
                                        <SelectedItemStyle BackColor="InactiveBorder" />                                      
                                        <ValidationSettings CommandsToValidate="PerformInsert,Update,ItemCommand" />
                                    </telerik:RadGrid></td>
0
 
MatthiasVanceCommented:
RobPal, I assume you mean using the 'title' attribute of the table-tag, since it doesn't support the alt-attribute. I tested it, and it worked nicely. It would be a good solution if he is using a html table.

Kind regards,

Matthias Vance
0
All Courses

From novice to tech pro — start learning today.