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
> >> >>
> >> >>
> >> >
> >> >
> >>
> >>
> >
> >
>
>

Similar Messages

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

Keeping Row Highlighted In Master-Detail Table

JDev 11.1.2.0
I have a small .jsf page with a master-detail setup, using 2 tables.
When I select a row in the master table, the detail table is populated as expected.
When I select a row in the detail table, the row is no longer highlighted on the master table.
Is there any way to have the row selection in the master table remain highlighted while the user is clicking around the detail table?
I am not sure if it matters but I have manually added filtering to both tables.
Thank you.
Ray

Any help would be appreciated.

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!

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 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

Row highlight does not work when class has a background-clolor

This is more a CSS / javascript question but since the problem occurs in Apex I'll try my luck here.
I try to implement a row highlight feature that worked in 3.2 but not in 4.0. The difference is that the style that is used for the table cells contains a background-color in the 4.0 template and it did not in 3.2.
This is how it works.
I created a report template with "before each row" : <tr onMouseOver="cOn(this);" onMouseOut="cOut(this);">
The javascript does this:
function cOn(td) {
   if(document.getElementById||(document.all && !(document.getElementById))) {
      if (td.previousSibling != null) {
          td.style.backgroundColor="#FFFF99";
          td.style.color="#000000";
}My thought was that td.style.backgroundColor="#FFFF99" would overrule the background color given by the class but when this happens from within javascript this does not work. Is this proper behaviour? Are there other methods that will work?

Hi Rene
If you are just looking for a row highlight on a mouse hover, it might be easier to place the following in the html header of the page:
<style = text/css>
.apexir_WORKSHEET_DATA tr:hover td {
background-color: #FFFF99 !important;
color: #000000 !important;
</style>
~Andrew Schultz

Small issue with custom table cell editor and unwanted table row selection

I'm using a custom table cell editor to display a JTree. Thing i notice is that when i select a value in the tree pop-up, the pop-up closes (as it should) but then every table row, from the editing row to the row behind the pop-up when i selected the value becomes highlighted. I'm thinking this is a focus issue, but it thought i took care of that. To clairfy, look at this: Before . Notice how the "Straightening" tree item is roughly above the "Stock Thickness" table row? When i select Straightening, this is what happens to my table: After .
My TreeComboBox component:
public class TreeComboBox extends JPanel implements MouseListener {
    private JTextField itemField;
    private TreeModel treeModel;
    private ArrayList<ActionListener> actionListeners = new ArrayList<ActionListener>();
    private Object selectedItem;
     * Creates a new <code>TreeComboBox</code> instance.
     * @param treeModel the tree model to be used in the drop-down selector.
    public TreeComboBox(TreeModel treeModel) {
        this(treeModel, null);
     * Creates a new <code>TreeComboBox</code> instance.
     * @param treeModel the tree model to be used in the drop-down selector.
     * @param selectedItem tree will expand and highlight this item.
    public TreeComboBox(TreeModel treeModel, Object selectedItem) {
        this.treeModel = treeModel;
        this.selectedItem = selectedItem;
        initComponents();
     * Returns the current drop-down tree model.
     * @return the current <code>TreeModel</code> instance.
    public TreeModel getTreeModel() {
        return treeModel;
     * Sets the tree model.
     * @param treeModel a <code>TreeModel</code> instance.
    public void setTreeModel(TreeModel treeModel) {
        this.treeModel = treeModel;
     * Returns the selected item from the drop-down selector.
     * @return the selected tree object.
    public Object getSelectedItem() {
        return selectedItem;
     * Sets the selected item in the drop-down selector.
     * @param selectedItem tree will expand and highlight this item.
    public void setSelectedItem(Object selectedItem) {
        this.selectedItem = selectedItem;
        String text = selectedItem != null ? selectedItem.toString() : "";
        itemField.setText(text);
        setToolTipText(text);
     * Overridden to enable/disable all child components.
     * @param enabled flat to enable or disable this component.
    public void setEnabled(boolean enabled) {
        itemField.setEnabled(enabled);
        super.setEnabled(enabled);
    public void addActionListener(ActionListener listener) {
        actionListeners.add(listener);
    public void removeActionListener(ActionListener listener) {
        actionListeners.remove(listener);
    // MouseListener implementation
    public void mouseClicked(MouseEvent e) {
    public void mouseEntered(MouseEvent e) {
    public void mouseExited(MouseEvent e) {
    public void mousePressed(MouseEvent e) {
    public void mouseReleased(MouseEvent e) {
        showPopup();
    private void initComponents() {
        setLayout(new GridBagLayout());
        itemField = new JTextField();
        itemField.setEditable(false);
        itemField.setText(selectedItem != null ? selectedItem.toString() : "");
        itemField.addMouseListener(this);
        add(itemField, new GridBagConstraints(0, 0, 1, 1, 1.0, 0.0,
                GridBagConstraints.WEST, GridBagConstraints.HORIZONTAL, new Insets(0, 0, 0, 0), 0, 0));
    private void showPopup() {
        final TreePopup popup = new TreePopup();
        final TreeComboBox tcb = this;
        final int x = itemField.getX();
        final int y = itemField.getY() + itemField.getHeight();
        int width = itemField.getWidth() + popupButton.getWidth();
        Dimension prefSize = popup.getPreferredSize();
        prefSize.width = width;
        popup.setPreferredSize(prefSize);
        SwingUtilities.invokeLater(new Runnable() {
            public void run() {
                popup.show(tcb, x, y);
                popup.requestFocusInWindow();
    private void fireActionPerformed() {
        ActionEvent e = new ActionEvent(this, ActionEvent.ACTION_PERFORMED, "TreeComboBoxSelection");
        for (ActionListener listener : actionListeners) {
            listener.actionPerformed(e);
    private class TreePopup extends JPopupMenu {
        private JTree tree;
        private JScrollPane scrollPane;
        public TreePopup() {
            initComponents();
            initData();
        private void initData() {
            if (treeModel != null) {
                tree.setModel(treeModel);
        private void initComponents() {
            setFocusable(true);
            setFocusCycleRoot(true);
            tree = new JTree();
            tree.setRootVisible(false);
            tree.setShowsRootHandles(true);
            tree.setFocusable(true);
            tree.setFocusCycleRoot(true);
            tree.addTreeSelectionListener(new TreeSelectionListener() {
                public void valueChanged(TreeSelectionEvent e) {
                    tree_valueChanged(e);
            scrollPane = new JScrollPane(tree);
            add(scrollPane);
        private void tree_valueChanged(TreeSelectionEvent e) {
            DefaultMutableTreeNode node = (DefaultMutableTreeNode) tree.getLastSelectedPathComponent();
            setSelectedItem(node.getUserObject());
            fireActionPerformed();
            this.setVisible(false);
}My TreeComboBoxTableCellEditor:
public class TreeComboBoxTableCellEditor extends AbstractCellEditor implements TableCellEditor, ActionListener {
    protected TreeComboBox treeComboBox;
    protected ArrayList<CellEditorListener> cellEditorListeners = new ArrayList<CellEditorListener>();
    public TreeComboBoxTableCellEditor(TreeComboBox treeComboBox) {
        this.treeComboBox = treeComboBox;
        treeComboBox.addActionListener(this);
    public Object getCellEditorValue() {
        return treeComboBox.getSelectedItem();
    public Component getTableCellEditorComponent(JTable table, Object value, boolean isSelected, int row, int column) {
        treeComboBox.setSelectedItem(value);
        return treeComboBox;
    public void actionPerformed(ActionEvent e) {
        stopCellEditing();
}Any thoughts?
Edited by: MiseryMachine on Apr 3, 2008 1:21 PM
Edited by: MiseryMachine on Apr 3, 2008 1:27 PM

As I said, you have to have empty context elements before additional rows will be open for input.
For instance if you want to start with 5 rows available for input do the following to your internal table that you will bind:
data itab type standard table of sflight.
do 5 times.
append initial line to itab.
enddo.
context_node->bind_table( itab ).
The other option if you need n number of rows is to add a button to the table toolbar for adding more rows. When this button is pressed, you add a new context element to the node - thereby creating a new empty row in the table.

Hover table row style doesn't work in IE

I found a great way to create a rollover effect when you
hover over a table row, by giving the row a class of "resultsRow"
and using the following rules in my stylesheet:
.resultsRow {
background-color: #EAEEB1;
.resultsRow:hover {
background-color: #D2DE56;
This works perfectly in Firefox, but doesn't work at all in
Internet Explorer, which is what most of our audience will be
using. Does anyone know a fix for this in Internet Explorer?

On Thu, 20 Jul 2006 08:21:43 +0000 (UTC), "Claire S"
<[email protected]> wrote:
> .resultsRow {
> background-color: #EAEEB1;
> }
> .resultsRow:hover {
> background-color: #D2DE56;
> }
>
> This works perfectly in Firefox, but doesn't work at all
in Internet Explorer,
>which is what most of our audience will be using. Does
anyone know a fix for
>this in Internet Explorer?
As you've seen, IE is ancient and doesn't support it. You can
do it
pretty easily with JavaScript:
<style type="text/css">
.resultsRow {
background-color: #EAEEB1;
.resultsHover {
background-color: #D2DE56;
</style>
<tr class="resultsRow"
onMouseOver="this.className='resultsHover'"
onMouseOut="this.className='resultsRow'">
Gary

JTable cell focus outline with row highlight

With a JTable, when I click on a row, the row is highlighted and the cell clicked has a subtle outline showing which cell was clicked.
I would like to do that programatically. I can highlight the row, but I have not been able to get the subtle outline on the cell. My purpose is to point the user to the row and cell where a search found a match. I do not have cell selection enabled, because I want the whole row highlighted.
My basic code is:
table.changeSelection(irow, icol, false, false);
table.scrollRectToVisible(table.getCellRect(irow, icol, true));I keep thinking I just need to find a way to "set focus" to the cell so the subtle outline is displayed, but I cannot find something like that.
Does anyone have some ideas on how to activate that automatic outline on the cell? I prefer not to write custom cell renderers for this if possible.

That seems unnecessarily complicated, the outline is the focused cell highlight border so requesting focus on the table should be enough.
import java.awt.BorderLayout;
import java.awt.EventQueue;
import java.awt.Rectangle;
import java.awt.event.ActionEvent;
import javax.swing.*;
public class TestTableFocus {
    public static void main(String[] args) {
        EventQueue.invokeLater(new Runnable() {
            public void run() {
                final JTable table = new JTable(10, 10);
                JFrame frame = new JFrame("Test");
                frame.setDefaultCloseOperation(JFrame.DISPOSE_ON_CLOSE);
                frame.getContentPane().add(new JScrollPane(table));
                frame.getContentPane().add(new JButton(
                  new AbstractAction("Focus cell") {
                    @Override
                    public void actionPerformed(ActionEvent e) {
                        table.changeSelection(5, 5, false, false);
                        centerCell(table, 5, 5);
                        table.requestFocusInWindow();
                    private void centerCell(JTable table, int x, int y) {
                        Rectangle visible = table.getVisibleRect();
                        Rectangle cell = table.getCellRect(x, y, true);
                        cell.grow((visible.width - cell.width) / 2,
                                (visible.height - cell.height) / 2);
                        table.scrollRectToVisible(cell);
                }), BorderLayout.PAGE_END);
                frame.pack();
                frame.setLocationRelativeTo(null);
                frame.setVisible(true);
}

Conditional coloring in table row

Hi,
I want to show some table cells highlighted with some colors.for different condition.For example if status is active then show in green otherwise show in red.
How can i achieve ?

User, please tell us your jdev version!
The way to go is to point the inline style of the component (or the style class if you have a css defined for the different colors) to a bean method. In the bean method you calculate the right color or style for the cell and return it. The bean method can access the other attributes of the current row rendered to get to the right result.
In some easy cases you can use a ternary EL to get to the right color like
#{row.value > 0 ? green : red}
which will color all positive numbers in the cell green and all negative numbers red.
Timo

Keep row highlighted using jQuery

Hello!
I'm using the following code to highlight a row in my report, calling it via an onclick event -
function highLight( pThis ){
$('td').removeClass('current');
$(pThis).parent().parent().children().addClass('current') ;
I have an icon in the same row that opens a popup page where a user can edit that particular record. Once the changes have been made and the 'Apply changes' button is clicked, the popup window closes and the page is refreshed to show the changes, but my row highlight disappears. How can I go about keeping that row highlighted after the page has reloaded?
Thank you!
Tammy

I give...I've spent the past few days trying to figure out how the value in my hidden variable will help identify the row that I need to highlight. I have 2 buttons in each row...one button, when clicked, calls the highLight function and the row is highlighted and the pThis value returns "http://.....f?p=111:34:123456789012232::::P34_TEST:1". The other button opens the popup...I make my changes, click Apply Changes to submit and close the popup, I set my P34_TEST hidden value to the ID, which equals 1, but how am I supposed to modify the highLight function and call the function and use the ID value to find the row I want to highlight? I added a class to the column like you recommended, but when I click the first button to highlight the row, it highlights all of the columns in the table, which I understand why it does that, I just don't know how to identify the class with the ID. I know that probably doesn't make much sense to you, but I don't know enough about jQuery to put all the pieces together. I'm not looking for someone to hand me the answer, I just don't understand how it's supposed to work. Can you give me a little more detailed information on how to go about doing this?
Thank you,
Tammy

Web Dynpro table row selection

All,
I have a table that I have built from a Bapi return after a search method within my application. However, I display the table but when I select a row in the table all the results disappear. The table skeleton is still there however.
Also I know the results are still there (I did not invalidate the node) because when I change the display results number the table is populated again with the row highlighted that I just selected. This tell me that the row is correctly selected so I do not understand why the elements disappear when I select a new row.
Has anyone seen this before and/or know what I should do to keep this from happening.
regards,
Clint

Clint,
Are you setting visible row count ( visibleRowCount) to the table on your selection() . Check that one?
I never seen that kind of behaviour. Check your table size, whenever it disappears from the table.
Regards,
Sridhar

Row Highlighting

I am trying to find a thrad / example showing how to do row highlighting using javascript. I want to highlight a row in a report by clicking on it. It is supposed to remain highlighted until I either reload / submit the form or click on an other row. Mouseover and mouseout events are not desired :). Anyone with an idea?
Denes Kubicek
http://deneskubicek.blogspot.com/
http://www.opal-consulting.de/training
http://apex.oracle.com/pls/otn/f?p=31517:1
-------------------------------------------------------------------

Denes,
Here is the CSS and Javascript I use to achieve row highlighting on click..
<style type="text/css">
tr.odd td.t15data{background:#F4FFFD;}
tr td.t15data{background:#FFFFFF;}
tr.selected td.t15data{background:#D7D7D7;}
</style>
<script type="text/javascript">
function addLoadEvent(func) {
var oldonload = window.onload;
if (typeof window.onload != 'function') {
    window.onload = func;
} else {
    window.onload = function() {
      oldonload();
      func();
function addClass(element,value) {
if (!element.className) {
    element.className = value;
} else {
    newClassName = element.className;
    newClassName+= " ";
    newClassName+= value;
    element.className = newClassName;
function stripeTables() {
     var tables = document.getElementsByTagName("table");
     for (var m=0; m<tables.length; m++) {
          if (tables[m].className == "t15standard") {
               var tbodies = tables[m].getElementsByTagName("tbody");
               for (var i=0; i<tbodies.length; i++) {
                    var odd = true;
                    var rows = tbodies.getElementsByTagName("tr");
                    for (var j=0; j<rows.length; j++) {
                         if (odd == false) {
                              odd = true;
                         } else {
                              addClass(rows[j],"odd");
                              odd = false;
function lockRow() {
     var tables = document.getElementsByTagName("table");
     for (var m=0; m<tables.length; m++) {
          if (tables[m].className == "t15standard") {
                    var tbodies = tables[m].getElementsByTagName("tbody");
                    for (var j=0; j<tbodies.length; j++) {
                         var rows = tbodies[j].getElementsByTagName("tr");
                         for (var i=0; i<rows.length; i++) {
                              rows[i].oldClassName = rows[i].className
                              rows[i].onclick = function() {
                                   if (this.className.indexOf("selected") != -1) {
                                        this.className = this.oldClassName;
                                   } else {
                                        addClass(this,"selected");
addLoadEvent(stripeTables);
addLoadEvent(lockRow);
</script>
This will also stripe or do alternate row colors for you. If you do not want or need that functionality, just remove the stripeTables function and addLoadEvent(stripeTables)
Hope this helps.
-Chris

Row highlighting is gone on enabling inline style for columns

We have a multi-select enabled table on which cusomter wanted to change the color based on row stauts (a column in the table).
We did it on the column component of the table as background-color:#{row.Status == 'Inactive'? '#A5A5A5': row.Status == 'Draft'?'#D8D8D8':''};
this works great though as soon as this is done the row highlight color is gone from the table and hence makes it impossible to know which rows are actually selected.
we are using RUP3 (Rel 4) version of jdev 11.1.1.6.2 version from edelivery.

To apply that css rules to only one table set property styleClass="MyCustomTable" of the <af:table> and change the above rules for these (note that each rule starts with af|table.MyCustomTable):
af|table.MyCustomTable::status-message {background-color: #0090c1; color: white; border: 2px #a0b4ba inset;}
af|table.MyCustomTable::column-resize-indicator {border: 1px solid #51bfff;}
af|table.MyCustomTable::data-row:selected af|column::data-cell {border-top: 1px solid #00afea; border-bottom: 1px solid #00afea;}
af|table.MyCustomTable::data-row:selected af|column::banded-data-cell {border-top: 1px solid orange; border-bottom: 1px solid orange;}
af|table.MyCustomTable::data-row:selected:focused af|column::data-cell {border-top: 1px dashed #00afea; border-bottom: 1px dashed #00afea;}
af|table.MyCustomTable::data-row:selected:focused af|column::banded-data-cell {border-top: 1px dashed orange; border-bottom: 1px dashed orange;}
af|table.MyCustomTable::data-row:selected:inactive af|column::data-cell {border-top: 1px solid #84e0ff; border-bottom: 1px solid #84e0ff;}
af|table.MyCustomTable::data-row:selected:inactive af|column::banded-data-cell {border-top: 1px solid green; border-bottom: 1px solid green;}
af|table.MyCustomTable::data-row:hover af|column::data-cell,af|table.MyCustomTable::data-row:hover af|column::banded-data-cell {background-color: #bfd6b0 !important;}
af|table.MyCustomTable af|column::data-cell:selected {background-color: #9CACC9 !important;}AP

Extension to do table row highlighting onmouseover?

Similar Messages

Maybe you are looking for