Register / Login

Post Reply Bookmark Topic Watch Topic
New Topic

programming forums Java Mobile Certification Databases Caching Books Engineering Micro Controllers OS Languages Paradigms IDEs Build Tools Frameworks Application Servers Open Source This Site Careers Other Pie Elite all forums

this forum made possible by our volunteer staff, including ...

Marshals:

Campbell Ritchie
Tim Cooke
Ron McLeod
paul wheaton
Jeanne Boyarsky

Sheriffs:

Paul Clapham
Devaka Cooray

Saloon Keepers:

Tim Holloway
Roland Mueller
Himai Minh

Bartenders:

Forum:

HTML Pages with CSS and JavaScript

How to highlight a particular row of DisplayTag table?

Ranch Hand

Posts: 58

posted 12 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

I want to highlight the DisplayTag's row which has value `'Total'` for this I was trying through javascript but I am uable to do that .Below is the snippet which I am using.Please guide.

I am getting the alert when there is Total in 2nd column but it does not get highlighted.

How to highlight a particular row which has value `Total` in 2nd column?

<script type="text/javascript">
            function onLoad(){
                var table = document.getElementById("data");    
                var tbody = table.getElementsByTagName("tbody")[0];
                var rows = tbody.getElementsByTagName("tr");
               
                for (i=0; i < rows.length; i++) {
                    var value = rows[i].getElementsByTagName("td")[1].firstChild.nodeValue;
                    
                    if (value == 'Total') {
                    	alert('true');
                        rows[i].style.backgroundColor = "red";
                    	
                                }
                }
            }
            
            </script>
        <body onload="onLoad();">
        <%AppUtil oAppUtil=new AppUtil();%>
        <jsp:useBean id="realTimeIssuance" scope="session" class="com.mindcraft.mis.tpd.actionform.afRealTimeIssuance"></jsp:useBean>
        
        <display:table name="realtimereportcol" export="true" pagesize="30" sort="list" id="data" requestURI="" class="tablelist" decorator="org.displaytag.decorator.TotalTableDecorator">
        	
        	
        		<display:column title="SUB_CHANNEL" sortable="true" property="sub_channel"></display:column>
        		<display:column title="AGENT_NAMES" sortable="true" property="agent_names"></display:column>
        		<display:column title="FTD" sortable="true" property="ftd"  ></display:column>
        		<display:column title="MTD" sortable="true" property="mtd"  ></display:column>
        		<display:column title="QTD" sortable="true" property="qtd"  ></display:column>
     
        </display:table>
        </body>
        </html>

Sheriff

Posts: 67754

173

Mac

Mac OS X

IntelliJ IDE

jQuery

TypeScript

Java

iOS

posted 12 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

It'd be best to show the generated HTML rather than the server-side markup.

[Asking smart questions] [About Bear] [Books by Bear]

HTML 5 (verified skill)
Skill verified by Jeanne Boyarsky

CSS 3 (verified skill)
Skill verified by Jeanne Boyarsky

JavaScript (verified skill)
Skill verified by Jeanne Boyarsky

Consider Paul's rocket mass heater.

reply

Bookmark Topic

Watch Topic

New Topic

Boost this thread!

Similar Threads