• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 797
  • Last Modified:

Cell border color change using javascript

function somefunc(obj)
{
tab = obj
 for (i=0;i<tab.cells.length;i++)
 {
   tab.cells[i].style.background="red"
 }


i pass my table object to change the cell color

but the cell border color doesnt change

here is the css it is using

TD
{
    BORDER-RIGHT: whitesmoke thin solid;
    BORDER-TOP: whitesmoke thin solid;
    FONT-SIZE: 7pt;
    BORDER-LEFT: whitesmoke thin solid;
    BORDER-BOTTOM: whitesmoke thin solid;
    FONT-FAMILY: Tahoma;
    BACKGROUND-COLOR: whitesmoke;
    FONT-COLOR: #0000CC
}


i need to change the bordercolor too ...

can i do that ?

thanks

rohan
0
rohanbairat3
Asked:
rohanbairat3
2 Solutions
 
cLFlaVACommented:
Like this:

function somefunc(obj) {
    for (i=0; i<obj.cells.length; i++) {
        obj.cells[i].style.background="red";
        obj.cells[i].style.border='thin solid red';
    }
}
0
 
GwynforWebCommented:
click on the table

<script>
function somefunc(obj)
{
tab = obj
 for (i=0;i<tab.rows.length;i++)
 for (j=0;j<tab.rows[i].cells.length;j++)
 {
   tab.rows[i].cells[j].style.background="red"
 }
}
</script>


<table border="1" width="345" height="124" onclick="somefunc(this)">
  <tr>
    <td width="86" height="56">a</td>
    <td width="115" height="56">a</td>
    <td width="126" height="56">a</td>
  </tr>
  <tr>
    <td width="86" height="56">a</td>
    <td width="115" height="56">a</td>
    <td width="126" height="56">a</td>
  </tr>
</table>
0
 
rohanbairat3Author Commented:
for (i=0;i<tab.cells.length;i++)
 {
   tab.cells[i].style.background="whitesmoke"
   tab.cells[i].style.borderRightColor="whitesmoke"
   tab.cells[i].style.borderLeftColor="whitesmoke"
   tab.cells[i].style.borderTopColor="whitesmoke"
   tab.cells[i].style.borderBottomColor="whitesmoke"
 }


this is how i got it

thanks for ur help guys
-rohan
0

Featured Post

New feature and membership benefit!

New feature! Upgrade and increase expert visibility of your issues with Priority Questions.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now