Highlight table rows on load

Hi,
I am using JSF dataTable and need to highlite some of the rows on page load. The order of the rows which is to be marked with different bgcolor is not fixed. Is there any way to do this? I am breaking my head for a day now without any success. Please help me out.
Thanks in advance.

If the dataTable is bound to a list of custom objects and you know which row needs to be highlighted on the server side, can't you have a property in the custom object for the css classname and set the value? This property can be bound to the className attribute of the row????? I am not very sure.
Or do it onload of the page using javascript. You can set a comma separated list of rowId's say in a hidden field, and onload, the script code can read the field and get the Row with the ID and change the css class.

Similar Messages

Table row colour loading problem

Hi,
Thanks for your time.
I want to display table row colour dynamically based on table data.
Am able to achieve it partially as below,when I scroll the table the loaded colour dissappears.
I use the below code:-
template: new sap.ui.commons.TextView().bindProperty("text","objectivecategory",function(category){
if(category=="Operational"){
backgroundColor='#fff2cb';
backgroundColorClass ="operationColor"
else if(category=="Strategic"){
backgroundColor='#e8f5fe';
}else{
backgroundColor='#ecf6c1';
           cellId = this.getId();
           //alert("cellId"+cellId);
           $("#"+cellId).parent().parent().parent().css("background-color",backgroundColor);

Hi Velu
Here is an example
Hope this answer your question.
-D

Auto highlight table row

I would like to ask, is there any methods in JTable, or AbstractTableModel that allows a row in the table to be auto-selected if the value in the row cell matches the value that the user enters? That means, when a user enters a value in textfield, a "search" buton is clicked, the rows of the table will be traversed to search for matching value. If there's a matching value in any row of the table, the table row will be automatically "highlighted" (looks as if it's a selected row).

Hello!
You should create your own TableCellRenderer like this:
setDefaultRenderer(Object.class, new DefaultTableCellRenderer() {
            public void setValue(Object value) {
                if (match...(...))
                    this.setBackground(...);
});Hope it helps you
regards
Franz

How to delete the source table rows once loaded in Destination Table in SSIS?

Data Base=kssdata
Tables= Userdetails having 1000 rows
Using SSIS:
Taking A
OLE DB Source----------------->OLE DB Destination
Am Taking 200 rows in Source table and loaded into Destination table once
Constraint: here once 200 rows are exported in destination table , that 200 rows are deleted in source table
repeat the task as source table all the records are loaded into Destination table
After that am taking another 200 rows in source table and loaded into Destination table

Provided you've a sequential primary key or audit timestamp (datetime/date) column in the table you can do an approach like this
1. Add a execute sql task connectng to source db with below statement
SELECT COUNT(*) FROM table
Store the result in a variable
2. Have another variable and set it to below expression
(@[User::CountVariable]/200) + (@[User::CountVariable]%200 >0? 1:0)
by setting EvaluatesExpression as true. Here CountVariable is variable created in previous step
3. Have a for loop container with below settings
InitExpression
@NewVariable = @CounterVariable
EvalExpression
@NewVariable > 0
AssignExpression
@NewVariable = @NewVariable - 1
3. Add a data flow task with OLEDB source and OLEDB Destination
4. Use source query as
SELECT TOP 200 columns...
FROM Table
ORDER BY [PK | AuditColumn]
Use PK or audit column depending which one is sequential
5. After data flow task have a execute sql task with statement as below
DELETE t
FROM (SELECT ROW_NUMBER() OVER (ORDER BY PK) AS Rn
FROM Table)t
WHERE Rn <= 200
This will make sure the 200 records gets deleted each time
Please Mark This As Answer if it solved your issue
Please Vote This As Helpful if it helps to solve your issue
Visakh
My Wiki User Page
My MSDN Page
My Personal Blog
My Facebook Page

Highlight table row

I am using a textual nav bar, I would like to be able in my
nav bar to have the (td) highlight as a rollover as well as the
text change a different colour when i rollover.I have looked under
page properties : links, i can only change the text colour.
I have looked under a new css rule and have tried to select /
deselect each heading to no avail
As an example: in the DW start page under page designs css
(halo) section links.
Can anyone offer any advice

On Fri, 24 Aug 2007 19:49:53 +0000 (UTC), "woolwell"
<[email protected]> wrote:
>Malcolm, many thanks for your steer.
>
> Still getting to grips with the basic's, the advice you
gave was excellent,
>once i choose a style where do i insert it in to the code
or page to make it
>work, it looks quite straight forward to adapt, but don't
know how to insert it
>in to my site.
OK - just to take a simple case based on Russ Weakley's
simple
horizontal nav.
http://css.maxdesign.com.au/listamatic/horizontal02.htm
I just put it in a simple page:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN"
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">

</style>
</head>
<body>
<div id="navcontainer">
<ul id="navlist">
<li id="active"></li>
<li><a href="#">Home</a></li>
<li><a href="#">Page 1</a></li>
<li><a href="#">Page 2</a></li>
<li><a href="#">Page 3</a></li>
</ul>
</div>
<div id="mainPage">
<h1>Page Title</h1>
<p>Ut labore et dolore magna aliqua. Sed do eiusmod
tempor incididunt
lorem ipsum dolor
sit amet, cupidatat non proident. Eu fugiat nulla pariatur.
Excepteur sint occaecat
ullamco laboris nisi ut labore et dolore magna aliqua. Quis
nostrud
exercitation qui
officia deserunt eu fugiat nulla pariatur.</p>
<p>Nav list by Author: Russ Weakley</p>
<p>ref</p>
<p><a
href="
http://css.maxdesign.com.au/listamatic/horizontal02.htm">http://css.maxdesign.com.au/lista matic/horizontal02.htm</a></p>
</div>
</body>
</html>
~Malcolm N....
~

Highlighting corresponding rows in table with mouseover

I have a requirement where I need to highlight multiple rows that are logically grouped together in a table. I was thinking of accomplishing this by:
1. Add an invisible column to the table.
2. Set the column's StyleClass in the code to some indicator.
3. Add a client listener to the table/row?? of type mouseover to identify the row being hovered over.
4. In Javascript, select all the rows that have the same StyleClass as the row being hovered over and set their background color.
I am having trouble with step #3 because I am unable to add the client listener to a table/row to identify the row that is hovered over. Note that the user is not clicking on the row so I cannot use the "current row".
If there is no way to identify the row, is there any other way to highlight multiple rows on mouseover?
I am using JDeveloper 11.1.1.5.
Thanks.

Hi Frank, I tried adding the clientListener to each cell renderer component but the problem I noticed with that was that the cell components do not always occupy the entire width of the column so the user has to hover over the cell which may be a tiny part of the cell.
I did however find an alternate solution using JQuery. So instead of adding the client listeners to each component, I added a JQuery .hover() function on document load. Below is the javascript that is loaded on the page load.
<af:resource type="javascript">
function initialize()
//the class name that will be looked at in the DOM and highlighted
var classToHighlight = "";
//TODO will need to use .live("hover") if using PPR on the page
$('.columnClass').hover(
function(data)
$($(this).attr('class').split(' ')).each(function()
if (this !== '')
if ( this.indexOf("bgHighlightClass") == 0 )
classToHighlight = this;
$("." + classToHighlight).css('background-color', 'orange');
function(data)
$("." + classToHighlight).css('background-color', 'white');
classToHighlight = "";
</af:resource>
<af:clientListener method="initialize" type="load"/>

How to highlight a row in tree table - jdev 11.1.2

Hello:
Given a key, I want to highlight (select/set currency) the corresponding row in a tree table. I thought the following code would highlight the row in the tree table that corresponds to the key, but nothing is highlighted in the tree table. ie---> treeTable.setSelectedRowKeys(selectedRowKeys); What am I doing wrong? Thanks much.
public String cb1_action() {
BindingContainer bindings = getBindings();
OperationBinding operationBinding = bindings.getOperationBinding("Next");
Object result = operationBinding.execute();
if (!operationBinding.getErrors().isEmpty()) {
return null;
DCBindingContainer bc = (DCBindingContainer) getBindings();
DCIteratorBinding iter = (DCIteratorBinding) bc.findIteratorBinding("DDF1Iterator");
RowKeySet selectedRowKeys = new RowKeySetImpl();
ArrayList list = new ArrayList();
Row r = iter.getCurrentRow();
Key k = r.getKey();
list.add(k);
selectedRowKeys.add(list);
treeTable.setSelectedRowKeys(selectedRowKeys);
AdfFacesContext adfc = AdfFacesContext.getCurrentInstance();
adfc.addPartialTarget(treeTable);
}

Hello:
Do you mean setting the selectedRowKeys in the setter method of the treeTable in the Request Scoped Managed Bean?
If that is what you mean, I tried that and there was no change in behavior. (Still does not highlight the correct row in the tree table upon execution of the next method for the bindings) Does anyone have any sample code they can provide that works?
Thanks for the help.

Table rows can't be selected / highlighted

Hi All,
I would like to know how table rows in BSP can be selected / highlighted. I was working with enhancement in standard application ERP_IT, but I need table rows to be selected to put some validation. Does anyone have an idea how to do this?
Regards,
Louie

Hi Louie,
You should pass the following parameters to the TableView.
selectionMode = "MULTISELECT"
displayMode = ' '
Answered!

JDEV 10.1.3.3 ADF Table Row Highlighting onMouseOver

I am working with JDEV 10.1.3.3 and I have the following requirement for an ADF table.
When a user's mouse hovers over a table row, the table row should be highlighted and a title should pop up displaying the value of a hidden column in the table. In html, this would look something like the following:
<tr on mouseover="this.bgColor='#elcda7'" on mouseout="this.bgColor='<whatever the current row color is>'" title="Opportunity Primary: <% name %>">
Can anyone help? Thank you!

What i want to know is if we have some date to uix support in jdev 10.1.3

Highlighting one row in a table control

Hi All,
Can i highlight one row in a table control. I found some stroke color in the properties for a field in table control. But i am not sure, will it be applied to the entire column or to a particular field.
Anybody aware of this.?
Regards,
Manjunatha.T.S

Hi,
This is not currently available in VC.
Lior

Extension to do table row highlighting onmouseover?

Is there an extension that does table row highlighting
onMouseover?

I'll try it, thanx!
"Murray *ACE*" <[email protected]> wrote
in message
news:[email protected]...
> Applying behaviors directly to <tr> tags can be
tricky, primarily for
> browser support reasons.
>
> One way you could thread this needle would be to apply
the change class to
> some image/link on the page, and then just move the call
over to the <tr>
> tag. Would that work for you?
>
> --
> Murray --- ICQ 71997575
> Adobe Community Expert
> (If you *MUST* email me, don't LAUGH when you do so!)
> ==================
>
http://www.dreamweavermx-templates.com
- Template Triage!
>
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
>
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
>
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
> ==================
>
>
> "Rachael Caldwell" <[email protected]> wrote in
message
> news:[email protected]...
> > Rolling the mouse over the table rows . . .
> >
> > "Murray *ACE*"
<[email protected]> wrote in message
> > news:[email protected]...
> >> You wouldn't use it that way. What action do
you want to trigger the
> >> highlight?
> >>
> >> --
> >> Murray --- ICQ 71997575
> >> Adobe Community Expert
> >> (If you *MUST* email me, don't LAUGH when you
do so!)
> >> ==================
> >>
http://www.dreamweavermx-templates.com
- Template Triage!
> >>
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
> >>
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
> >>
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
> >> ==================
> >>
> >>
> >> "Rachael Caldwell" <[email protected]> wrote
in message
> >> news:[email protected]...
> >> >I still haven't found an extension which
really does the trick; I
> >> >installed
> >> > the extension pointed out earlier, but
it's grayed out when selecting
> > the
> >> > <tr> or the table itself, so can't
be used . . .
> >> >
> >> > "John Waller"
<[email protected]> wrote in message
> >> > news:[email protected]...
> >> >> > ok, consider this the official
request for "rowlite"! : }
> >> >>
> >> >> But you'll have to ask at one of the
PVII newsgroups rather than
here
> > :-)
> >> >>
http://www.projectseven.com/support/
> >> >>
> >> >> That's where the Project Seven support
team officially hang out.
> >> >>
> >> >> Try the Webdev newsgroup.
> >> >>
> >> >>
> >> >> --
> >> >> Regards
> >> >>
> >> >> John Waller
> >> >>
> >> >>
> >> >
> >> >
> >>
> >>
> >
> >
>
>

No rows are loaded after the execution

Which product and version are you using?
ans client 9.2.0.2.8 and db 9.2.0.4
- On which platform and version is it installed?
windows 2000
- Is this part of Oracle Applications (i.e. Financials, Inventory, etc.)?
its part of 9ids. I installed data warehouse in saperate home
- Has this ever worked correctly? If yes, what has changed?
No. This is my first project and we are evaluating oracle over other warehouse
product.
All is working except the rows are not loaded. Mapping is validated correctly. Deployed successfully, executed successfully from the deployment manager but 0
rows are loaded. You get a small pop up window after execute of a mapping. Log message
at the end of the execute shows insert 0, update 0, delete 0 and merged 0.
The mapping consists of two table operators. One from source table from differenct schema and one for target. There is nothing so complicated here. All I want is
to copy the data from source to target table through warehouse. My question really what do I need to insert the record? Once the mapping is defined, deployed and executed should not the rows be loaded?
Everything else is working. Like creation of target tables and so on.
The source operator properties are bound_name-eqpthist_qtr, primary source-no loading type-Insert.
The target has bouondname-test, primary source-no, loading type delete/insert.

after the execution there errors whatsoever. It executes with out any error.
Its working when I replace the source table with one from the target schema itself. I mean a copied table to target using slqplus. I uses any tables under its schema itself then all the rows are inserted. Its not working when copying/referencing from another source schema. THe target user is given select any table, all object privileges of the source table, even dba role. Still no rows are loaded.
the target has DBA,CONNECT,RESOURCE,AQ_USER_ROLE, WB_A_VLSIOWRUN, WB_D_VLSIOWRUN, WB_R_VLSIOWRUN, WB_U_VLSIOWRUN, SELECT_CATALOG_ROLE.
The target has system privs as
CREATE VIEW
CREATE TABLE
ALTER SESSION
CREATE SESSION
CREATE SYNONYM
CREATE TRIGGER
CREATE ANY TYPE
CREATE SEQUENCE
CREATE SNAPSHOT
CREATE DIMENSION
CREATE INDEXTYPE
CREATE PROCEDURE
SELECT ANY TABLE
DROP ANY DIRECTORY
DROP PUBLIC SYNONYM
CREATE ANY DIRECTORY
CREATE DATABASE LINK
GLOBAL QUERY REWRITE
UNLIMITED TABLESPACE
CREATE PUBLIC SYNONYM
SELECT ANY DICTIONARY
CREATE PUBLIC DATABASE LINK
and the following privs on the source table as well
SELECT
ALTER
DELETE
INDEX
INSERT
UPDATE
REFERENCES
ON COMMIT REFRESH
QUERY REWRITE
DEBUG
FLASHBACK

How to pass hidden field values on a click of a table row

hi all,
href = "bookAndNonBook.do"
I am very new to struts. I have created a table using displaytable tag which displays results in a tabular format. In addtion, i have a hidden field (prodType), the table rows are getting highlighted when i get my mouse on a particular row.
Following is the code from the results.jsp file
<body
onload="addRowHandlers('row', 'rowMouseOver')"
bgcolor="#FFFFFF" text="#000000" leftmargin="100" topmargin="50"
marginwidth="" marginheight="" rightmargin="30">
<html:form action="/bookAndNonBook" method="post">
<display:table name="sessionScope.productSearchList" id="row"
sort="list" export="true" defaultsort="1" defaultorder="ascending"
pagesize="15" decorator="org.displaytag.decorator.TotalTableDecorator"
class="dataTable">
<display:column property="prodType" title="ProdType" class="prodType"
headerClass="prodType" media="html" />
<display:column title="Title" property="titleName" sortable="true"
class="title" headerClass="title" />
</display:table>
</html:form>
</BODY>
I am calling a funtion addRowHandlers which passes the table id (which is row) and the rowMouseover for highlighting the rows on mouse over.
the code for function addRowHandlers is
function addRowHandlers(tableId, rowClassName) {
var previousClass = null;
var table = document.getElementById(tableId);
var rows = table.getElementsByTagName("tr");
for (i = 1; i < rows.length; i++) {
rows.onmouseover = function () {
previousClass = this.className;
this.className = this.className + " " + rowClassName ;
this.style.cursor="hand";
rows.onmouseout = function () {
this.className = previousClass;
this.style.cursor='';
rows.onclick = function (){
var cell = this.getElementsByTagName("td")[0];
var ProdType = cell.innerHTML;
alert("value of prodType = " + ProdType);
when i run the above code and click on a particular row it returns me the value in the hidden field i.e. prodType for that particular row
Now where i am having problem is i want that on the basis of prodType my jsp file should call different actions for different prodType as returned....somwhat a function like this
function submitProduct(prodType) {
if(prodType == "BK")
resultsForm.action = "/bookProduct.do";
else if(prodType == "NB")
resultsForm.action = "/nonbookProduct.do";
but i am unable to figure out that how do i this..
Any help will be really appreciated
Thanks
Sam

can you please suggest some good struts forums where i can post my question
thanks in advance
Sam

Highlight a row in classic report based on condition

HI all Gurus
Using Apex 4.1.1 oracle 11g linux oc4j
I want to highlight a row where #column_value#='Y' to grey keep others as normal report settings.
I have a simple sql query
SELECT PK_ID,
FIRST_NAME,
LAST_NAME,
INITIAL_REG_DATE,
MAIL_DATE,
BEGIN_DATE,
END_DATE,
END_DATE-BEGIN_DATE as "#days",
BEGIN_STATUS,
END_STATUS,
COMMENTS,
DELETE_FLAG,
case when DELETE_FLAG='Y' then 'GREY' else '#f0f0f0' end DELETE_FLAG ,
INITIAL_REG_DATE+(END_DATE-BEGIN_DATE) "New Reg end date"
FROM SOR_TRACKING_DEL
where pk2_id =:P216_Detail
order by mail_Date desc
I created a Dynamic action
which will fir on on load , BIND on this classic report
$("input[name=f29]").each(function(){
var lThis=$(this);
if(lThis.is("Y")){
lThis.parents("tr:eq(0)").children("td").css({"background-color":"GREY"});
} else {
lThis.parents("tr:eq(0)").children("td").css({"background-color":"#f0f0f0"});
But this is not changing color as expected..
Kindly help me !
Thanks

Scott and Tom
Thanks you guys for looking into this.
Pls ignore my improper explanation and my inexperience with jquery.
I read some blog and was trying to do same on classic report but all blogs I found so far referred either interactive report or tabular report none of them mentioned classic report.
I guess using array for classic report wont be a good idea to start with. :/
I am not sure if this is right syntax and logic to highlight the row
$(function(){
var DELETE_FLAG = $(this);
if DELETE_FLAG.is("Y"))
DELETE_FLAG.parents("tr").children("td").css({"background-color":"GREY"});
I also created app here
http://apex.oracle.com/pls/apex/f?p=35155
workspace sors
user tester/testing
application 35155
Thanks again.

How can I export table row in internet explorer?

I need to export a single table row on a website and I can't figure out how to do it. The source view for the row I need is:
tr class="alt">
<td id="16ZwhxLjCN8fafA8wuYEnMFtGJGrFy6qcE">16ZwhxLjCN8fafA8wuYEnMFtGJGrFy6qcE</td>
<td></td>
<td></td>
<td>0.00065227</td>
<td>0.01233629</td>
<td>0.00371003</td>
</tr>I can get the table ID using the code below, but I don't know how to get the rest of the values. The table ID does not change but the numerical values do.$ie = New-Object -com InternetExplorer.Application
$ie.silent = $false
$ie.navigate2("mywebsite.com")
$ie.Document.getElementById("16ZwhxLjCN8fafA8wuYEnMFtGJGrFy6qcE")

Hi Tom,
this may not be quite the perfect solution, but it works for me at least. I'm not using the IE ComObject, but rather the .NET Webclient for it ...
# Load downloader function
function Get-WebContent
<#
.SYNOPSIS
Downloads a file
.DESCRIPTION
Download any file using a valid weblink and either store it locally or return its content
.PARAMETER webLink
The full link to the file (Example: "http://www.example.com/files/examplefile.dat"). Adds "http://" if webLink starts with "www".
.PARAMETER destination
The target where you want to store the file, including the filename (Example: "C:\Example\examplefile.dat"). Folder needs not exist but path must be valid. Optional.
.PARAMETER getContent
Switch that controls whether the function returns the file content.
.EXAMPLE
Get-WebContent -webLink "http://www.technet.com" -destination "C:\Example\technet.html"
This will download the technet website and store it as a html file to the target location
.EXAMPLE
Get-WebContent -webLink "www.technet.com" -getContent
This will download the technet website and return its content (as a string)
#>
Param(
[Parameter(Mandatory=$true,Position="0")]
[Alias('from')]
[string]
$WebLink,
[Parameter(Position="1")]
[Alias('to')]
[string]
$Destination,
[Alias('grab')]
[switch]
$GetContent
# Correct WebLink for typical errors
if ($webLink.StartsWith("www") -or $webLink.StartsWith("WWW")){$webLink = "http://" + $webLink}
$webclient = New-Object Net.Webclient
$file = $webclient.DownloadString($webLink)
if ($destination -ne "")
try {Set-Content -Path $destination -Value $file -Force}
catch {}
if ($getContent){return $file}
# Download website
$website = Get-WebContent -WebLink "http://www.mywebsite.com" -GetContent
# Cut away everything before the relevant part
$string = $website.SubString($website.IndexOf('<td id="16ZwhxLjCN8fafA8wuYEnMFtGJGrFy6qcE">'))
# Cut away everything after the row
$string = $string.SubString(0,$string.IndexOf('</tr>'))
# Split the string into each individual line
$lines = $string.Split("`n")
# Prepareing result variable
$results = @()
# For each line, cut away the clutter
foreach ($line in $lines)
$temp = $line.SubString(4,($line.length - 10))
# for the first line, the td has an id, which this compensates for
if ($temp -like 'id="16ZwhxLjCN8fafA8wuYEnMFtGJGrFy6qcE">*'){$temp = $temp.SubString(($temp.IndexOf(">") + 1))}
# Add cleaned line to results
$results += $temp
You may need to adapt the string parsing beneath the function, if the text you posted is not literally identical to the way this function returns it. It worked for a string block acquired via copy&paste from your post anyway. :)
I certainly would be more than happy to read a more elegant version, if someone has one to offer.
Cheers,
Fred
There's no place like 127.0.0.1

Highlight table rows on load

Similar Messages

Maybe you are looking for