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

Get the background color of a textbox

I am using the following code to loop through html produced by asp.net to get the background color of a textbox but I keep receiving an empty string as my results. Do you see my error?

<script type="text/javascript">

for (k = 2; k <= 5; k++ ) {

tSectionDtl = document.getElementById("section" + k + "dtl");

            alert(" working on: section" + k + "dtl"); for (i = 0; i < tSectionDtl.rows.length; i++) {

alert("rows[" + i + "].cells[" + 1 + "] = " + tSectionDtl.rows[i].cells[1].firstChild.style.backgroundColor);

}}

</script>

Each one of the relevant tables has an ID assigned to it of the form sectionNdtl, with N being the particular section.
0
sutorius
Asked:
sutorius
  • 9
  • 5
1 Solution
 
sutoriusAuthor Commented:
Here's a snippet of the rendered html

 <div class="DG2" id="divB2">
                    <table cellpadding="0" cellspacing="0" border="0" width="100%" class="DGT2">
                        <tr>
                            <td style="width:100px">
                                <span id="_ctl0_maincontent_FormView1_Label9" style="width:110px;">Name</span></td>
                            <td style="width:288px">
                                <input name="_ctl0:maincontent:FormView1:h2_ren_nameTB" type="text" value="RENDERING, NAME FIRST" id="_ctl0_maincontent_FormView1_h2_ren_nameTB" style="width:288px;" /></td>
                            <td>&nbsp;
                            </td>
                            <td>&nbsp;
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <span id="_ctl0_maincontent_FormView1_Label10" style="width:110px;">Suffix</span></td>
                            <td>
                                <input name="_ctl0:maincontent:FormView1:h2_ren_generationTB" type="text" id="_ctl0_maincontent_FormView1_h2_ren_generationTB" /></td>
                            <td>&nbsp;
                            </td>
                            <td>&nbsp;
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <span id="_ctl0_maincontent_FormView1_Label11" style="width:110px;">Primary ID</span></td>
                            <td>
                                <input name="_ctl0:maincontent:FormView1:h2_ren_primary_idTB" type="text" id="_ctl0_maincontent_FormView1_h2_ren_primary_idTB" style="width:288px;" /></td>
                            <td>&nbsp;
                            </td>
                            <td>&nbsp;
                            </td>
                        </tr>
                        <tr>
                            <td>
                              <span id="_ctl0_maincontent_FormView1_Label12" style="width:110px;">Qualifier</span></td>
                            <td colspan="3">
                                <span id="___ctl0_maincontent_FormView1_h2_ren_id_cd_qual_descTB__"><input name="_ctl0:maincontent:FormView1:h2_ren_id_cd_qual_descTB" type="text" value="34  Social Security Nbr" readonly="readonly" onchange="AnthemTextBox_TextChanged(this, '_ctl0:maincontent:FormView1:h2_ren_id_cd_qual_descTB', true, true);setTimeout('__doPostBack(\'_ctl0$maincontent$FormView1$h2_ren_id_cd_qual_descTB\',\'\')', 0)" onkeypress="if (WebForm_TextBoxKeyHandler(event) == false) return false;" language="javascript" id="_ctl0_maincontent_FormView1_h2_ren_id_cd_qual_descTB" style="width:258px;" /></span>&nbsp;
                                <button  class="EllipBtn"  ID="bPriID" OnClick="getPriID();return false;" type="button" >...</button>&nbsp;&nbsp;
                                <span id="___ctl0_maincontent_FormView1_ddlPriIDQual__"></span>
                                <span id="___ctl0_maincontent_FormView1_h2_ren_id_cd_qualTB__"></span></td>
                        </tr>
                        <tr>
                            <td>
                                <span id="_ctl0_maincontent_FormView1_Label13" style="width:110px;">Taxonomy Code</span></td>
                            <td>
                                <input name="_ctl0:maincontent:FormView1:h2_att_taxonomy_cdTB" type="text" id="_ctl0_maincontent_FormView1_h2_att_taxonomy_cdTB" style="width:288px;" /></td>
                            <td>&nbsp;
                            </td>
                            <td>&nbsp;
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <span id="_ctl0_maincontent_FormView1_Label14" style="width:110px;">Person Indicator</span></td>
                            <td colspan="3">
                                <span id="___ctl0_maincontent_FormView1_h2_att_person_ind_descTB__"><input name="_ctl0:maincontent:FormView1:h2_att_person_ind_descTB" type="text" value="1  Person" readonly="readonly" id="_ctl0_maincontent_FormView1_h2_att_person_ind_descTB" title="MESSAGE 91413" onchange="AnthemTextBox_TextChanged(this, '_ctl0:maincontent:FormView1:h2_att_person_ind_descTB', true, true);" style="background-color:Yellow;width:258px;" /></span>&nbsp;
                                <button  ID="bPersonInd"  class="EllipBtn" OnClick="getPersonInd();return false;" type="button" >...</button>&nbsp;
                                <span id="___ctl0_maincontent_FormView1_ddlPersonInd__"></span>
                                <span id="___ctl0_maincontent_FormView1_h2_att_person_indTB__"></span></tr>
                               
                        </tr>
                    </table>
                </div>
0
 
sutoriusAuthor Commented:
<input name="_ctl0:maincontent:FormView1:h2_att_person_ind_descTB" type="text" value="1  Person" readonly="readonly" id="_ctl0_maincontent_FormView1_h2_att_person_ind_descTB" title="MESSAGE 91413" onchange="AnthemTextBox_TextChanged(this, '_ctl0:maincontent:FormView1:h2_att_person_ind_descTB', true, true);" style="background-color:Yellow;width:258px;" />

This is where the Textbox is set to a background color of Yellow by the asp.net.
0
 
sutoriusAuthor Commented:
I have also tried

alert("rows[" + i + "].cells[" + 1 + "] = " + tSectionDtl.rows[i].cells[1].firstChild.style.background-color);

but received an error
0
Ultimate Tool Kit for Technology Solution Provider

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy now.

 
nabsolCommented:
Hi

Hope this helps:

<html xmlns =" http://www.w3.org/1999/xhtml">
     <head>
         
<script language="JavaScript">
 function a()
  {
      allinputs = document.getElementsByTagName("input")
      for(i=0; i <allinputs.length; i ++)
      {
         if (allinputs[i].type= "text")
         {
             alert(allinputs[i].name + "     " + allinputs[i].style.backgroundColor)
         }
      }

  }

     </script>

     
<title>Linking External Style Sheets</title>
          <link rel = "stylesheet" type = "text/css"
               href = "styles.css"/>
     </head>

     <body onload="a()">

       <div class="DG2" id="divB2">
                    <table cellpadding="0" cellspacing="0" border="0" width="100%" class="DGT2">
                        <tr>
                            <td style="width:100px">
                                <span id="_ctl0_maincontent_FormView1_Label9" style="width:110px;">Name</span></td>
                            <td style="width:288px">
                                <input name="_ctl0:maincontent:FormView1:h2_ren_nameTB" type="text" value="RENDERING, NAME FIRST" id="_ctl0_maincontent_FormView1_h2_ren_nameTB" style="width:288px;" /></td>
                            <td>&nbsp;
                            </td>
                            <td>&nbsp;
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <span id="_ctl0_maincontent_FormView1_Label10" style="width:110px;">Suffix</span></td>
                            <td>
                                <input name="_ctl0:maincontent:FormView1:h2_ren_generationTB" type="text" id="_ctl0_maincontent_FormView1_h2_ren_generationTB" /></td>
                            <td>&nbsp;
                            </td>
                            <td>&nbsp;
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <span id="_ctl0_maincontent_FormView1_Label11" style="width:110px;">Primary ID</span></td>
                            <td>
                                <input name="_ctl0:maincontent:FormView1:h2_ren_primary_idTB" type="text" id="_ctl0_maincontent_FormView1_h2_ren_primary_idTB" style="width:288px;" /></td>
                            <td>&nbsp;
                            </td>
                            <td>&nbsp;
                            </td>
                        </tr>
                        <tr>
                            <td>
                              <span id="_ctl0_maincontent_FormView1_Label12" style="width:110px;">Qualifier</span></td>
                            <td colspan="3">
                                <span id="___ctl0_maincontent_FormView1_h2_ren_id_cd_qual_descTB__"><input name="_ctl0:maincontent:FormView1:h2_ren_id_cd_qual_descTB" type="text" value="34  Social Security Nbr" readonly="readonly" onchange="AnthemTextBox_TextChanged(this, '_ctl0:maincontent:FormView1:h2_ren_id_cd_qual_descTB', true, true);setTimeout('__doPostBack(\'_ctl0$maincontent$FormView1$h2_ren_id_cd_qual_descTB\',\'\')', 0)" onkeypress="if (WebForm_TextBoxKeyHandler(event) == false) return false;" language="javascript" id="_ctl0_maincontent_FormView1_h2_ren_id_cd_qual_descTB" style="width:258px;" /></span>&nbsp;
                                <button  class="EllipBtn"  ID="bPriID" OnClick="getPriID();return false;" type="button" >...</button>&nbsp;&nbsp;
                                <span id="___ctl0_maincontent_FormView1_ddlPriIDQual__"></span>
                                <span id="___ctl0_maincontent_FormView1_h2_ren_id_cd_qualTB__"></span></td>
                        </tr>
                        <tr>
                            <td>
                                <span id="_ctl0_maincontent_FormView1_Label13" style="width:110px;">Taxonomy Code</span></td>
                            <td>
                                <input name="_ctl0:maincontent:FormView1:h2_att_taxonomy_cdTB" type="text" id="_ctl0_maincontent_FormView1_h2_att_taxonomy_cdTB" style="width:288px;" /></td>
                            <td>&nbsp;
                            </td>
                            <td>&nbsp;
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <span id="_ctl0_maincontent_FormView1_Label14" style="width:110px;">Person Indicator</span></td>
                            <td colspan="3">
                                <span id="___ctl0_maincontent_FormView1_h2_att_person_ind_descTB__"><input name="_ctl0:maincontent:FormView1:h2_att_person_ind_descTB" type="text" value="1  Person" readonly="readonly" id="_ctl0_maincontent_FormView1_h2_att_person_ind_descTB" title="MESSAGE 91413" onchange="AnthemTextBox_TextChanged(this, '_ctl0:maincontent:FormView1:h2_att_person_ind_descTB', true, true);" style="background-color:Yellow;width:258px;" /></span>&nbsp;
                                <button  ID="bPersonInd"  class="EllipBtn" OnClick="getPersonInd();return false;" type="button" >...</button>&nbsp;
                                <span id="___ctl0_maincontent_FormView1_ddlPersonInd__"></span>
                                <span id="___ctl0_maincontent_FormView1_h2_att_person_indTB__"></span></tr>
                               
                        </tr>
                    </table>
                </div>

                   </body>
                    </html>

By Nab
0
 
sutoriusAuthor Commented:
How can I get the # of inputs inside a specific section?

I was looking at merging your code with what I have but it's not quite working.

for (k = 2; k <= 5; k++ )
        {
            tSectionDtl = document.getElementById("section" + k + "dtl");
       
            //get only the inputs within tSectionDtl
            allinputs = document.getElementsByTagName("input")
     
              for(i=0; i <allinputs.length; i ++)
              {
                 if (allinputs[i].type == "text")
                 {
                     if(allinputs[i].style.backgroundColor == "yellow")
                     {
                        tSectionDtl.style.bgColor = "yellow";
                     }
                 }
              }
        }
0
 
nabsolCommented:
Hi

Actualy i don't understand, what you want to get by this statement

tSectionDtl = document.getElementById("section" + k + "dtl");

In each loop it will be
section2dtl
section3dtl etc

But there is no element named secction2dtl...


By Nab
0
 
sutoriusAuthor Commented:
I realized that I forgot to put my ID's in the example above. Here it is.

In theory,

Loop through all of the Sections (section + k + dtl)
inside the sections (not the entire webpage) find all of the inputs (allinputs.length)
loop through all of the inputs in that section
find the first one with a background color of yellow
change the background color of the Section to Purple
break;
move on to next section and repeat process.


<div class="DG" id="dg2">
                    <table id="Section2dtl" cellpadding="0" cellspacing="0" border="0" width="100%" class="DGT">
                        <tr style="height:21px;">
                            <td>
                                <span id="qmarkerror2" class="hlnk" onclick="top.OnHelp(0); return false;">&nbsp;?</span>
                                <span id="datahdrerror2" class="dataheader" contenteditable="true">Provider Information</span>
                            </td>
                            <td width="3%" align="center">
                                <span id="lnkT2Plus" class="hlnk2" onclick="dgMax(2);return false;" style="display: none">+</span>
                                <span id="lnkT2Minus" class="hlnk3" onclick="dgMin(2);return false;" >-</span>
                            </td>
                        </tr>
                    </table>
                </div>

                               
                               
                <div class="DG2" id="divB2">
                    <table cellpadding="0" cellspacing="0" border="0" width="100%" class="DGT2">
                        <tr>
                            <td style="width:100px">
                                <span id="_ctl0_maincontent_FormView1_Label9" style="width:110px;">Name</span></td>
                            <td style="width:288px">
                                <input name="_ctl0:maincontent:FormView1:h2_ren_nameTB" type="text" value="RENDERING, NAME FIRST" id="_ctl0_maincontent_FormView1_h2_ren_nameTB" style="width:288px;" /></td>
                            <td>&nbsp;
                            </td>
                            <td>&nbsp;
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <span id="_ctl0_maincontent_FormView1_Label10" style="width:110px;">Suffix</span></td>
                            <td>
                                <input name="_ctl0:maincontent:FormView1:h2_ren_generationTB" type="text" id="_ctl0_maincontent_FormView1_h2_ren_generationTB" /></td>
                            <td>&nbsp;
                            </td>
                            <td>&nbsp;
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <span id="_ctl0_maincontent_FormView1_Label11" style="width:110px;">Primary ID</span></td>
                            <td>
                                <input name="_ctl0:maincontent:FormView1:h2_ren_primary_idTB" type="text" id="_ctl0_maincontent_FormView1_h2_ren_primary_idTB" style="width:288px;" /></td>
                            <td>&nbsp;
                            </td>
                            <td>&nbsp;
                            </td>
                        </tr>
                        <tr>
                            <td>
                              <span id="_ctl0_maincontent_FormView1_Label12" style="width:110px;">Qualifier</span></td>
                            <td colspan="3">
                                <span id="___ctl0_maincontent_FormView1_h2_ren_id_cd_qual_descTB__"><input name="_ctl0:maincontent:FormView1:h2_ren_id_cd_qual_descTB" type="text" value="34  Social Security Nbr" readonly="readonly" onchange="AnthemTextBox_TextChanged(this, '_ctl0:maincontent:FormView1:h2_ren_id_cd_qual_descTB', true, true);setTimeout('__doPostBack(\'_ctl0$maincontent$FormView1$h2_ren_id_cd_qual_descTB\',\'\')', 0)" onkeypress="if (WebForm_TextBoxKeyHandler(event) == false) return false;" language="javascript" id="_ctl0_maincontent_FormView1_h2_ren_id_cd_qual_descTB" style="width:258px;" /></span>&nbsp;
                                <button  class="EllipBtn"  ID="bPriID" OnClick="getPriID();return false;" type="button" >...</button>&nbsp;&nbsp;
                                <span id="___ctl0_maincontent_FormView1_ddlPriIDQual__"></span>
                                <span id="___ctl0_maincontent_FormView1_h2_ren_id_cd_qualTB__"></span></td>
                        </tr>
                        <tr>
                            <td>
                                <span id="_ctl0_maincontent_FormView1_Label13" style="width:110px;">Taxonomy Code</span></td>
                            <td>
                                <input name="_ctl0:maincontent:FormView1:h2_att_taxonomy_cdTB" type="text" id="_ctl0_maincontent_FormView1_h2_att_taxonomy_cdTB" style="width:288px;" /></td>
                            <td>&nbsp;
                            </td>
                            <td>&nbsp;
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <span id="_ctl0_maincontent_FormView1_Label14" style="width:110px;">Person Indicator</span></td>
                            <td colspan="3">
                                <span id="___ctl0_maincontent_FormView1_h2_att_person_ind_descTB__"><input name="_ctl0:maincontent:FormView1:h2_att_person_ind_descTB" type="text" value="1  Person" readonly="readonly" id="_ctl0_maincontent_FormView1_h2_att_person_ind_descTB" title="MESSAGE 91413" onchange="AnthemTextBox_TextChanged(this, '_ctl0:maincontent:FormView1:h2_att_person_ind_descTB', true, true);" style="background-color:Yellow;width:258px;" /></span>&nbsp;
                                <button  ID="bPersonInd"  class="EllipBtn" OnClick="getPersonInd();return false;" type="button" >...</button>&nbsp;
                                <span id="___ctl0_maincontent_FormView1_ddlPersonInd__"></span>
                                <span id="___ctl0_maincontent_FormView1_h2_att_person_indTB__"></span></tr>
                               
                        </tr>
                    </table>
                </div>
0
 
nabsolCommented:
Hi

Use this:

<html xmlns =" http://www.w3.org/1999/xhtml">
     <head>
         
<script language="JavaScript">
 function a()
  {
      for (k = 2; k <= 2; k++ )
        {
            tSectionDtl = document.getElementById("section" + k + "dtl");

            allinputs = tSectionDtl.getElementsByTagName("input")
     
              for(i=0; i <allinputs.length; i ++)
              {
                 if (allinputs[i].type == "text")
                 {
                     if(allinputs[i].style.backgroundColor == "yellow")
                     {
                        tSectionDtl.style.bgColor = "yellow";
                     }
                 }
              }
        }


  }

     </script>

     
<title>Linking External Style Sheets</title>
          <link rel = "stylesheet" type = "text/css"
               href = "styles.css"/>
     </head>

     <body onload="a()">

       <div class="DG2" id="divB2">
                    <table cellpadding="0" cellspacing="0" border="0" width="100%" class="DGT2" id="section2dtl">
                        <tr>
                            <td style="width:100px">
                                <span id="_ctl0_maincontent_FormView1_Label9" style="width:110px;">Name</span></td>
                            <td style="width:288px">
                                <input name="_ctl0:maincontent:FormView1:h2_ren_nameTB" type="text" value="RENDERING, NAME FIRST" id="_ctl0_maincontent_FormView1_h2_ren_nameTB" style="width:288px;" /></td>
                            <td>&nbsp;
                            </td>
                            <td>&nbsp;
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <span id="_ctl0_maincontent_FormView1_Label10" style="width:110px;">Suffix</span></td>
                            <td>
                                <input name="_ctl0:maincontent:FormView1:h2_ren_generationTB" type="text" id="_ctl0_maincontent_FormView1_h2_ren_generationTB" /></td>
                            <td>&nbsp;
                            </td>
                            <td>&nbsp;
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <span id="_ctl0_maincontent_FormView1_Label11" style="width:110px;">Primary ID</span></td>
                            <td>
                                <input name="_ctl0:maincontent:FormView1:h2_ren_primary_idTB" type="text" id="_ctl0_maincontent_FormView1_h2_ren_primary_idTB" style="width:288px;" /></td>
                            <td>&nbsp;
                            </td>
                            <td>&nbsp;
                            </td>
                        </tr>
                        <tr>
                            <td>
                              <span id="_ctl0_maincontent_FormView1_Label12" style="width:110px;">Qualifier</span></td>
                            <td colspan="3">
                                <span id="___ctl0_maincontent_FormView1_h2_ren_id_cd_qual_descTB__"><input name="_ctl0:maincontent:FormView1:h2_ren_id_cd_qual_descTB" type="text" value="34  Social Security Nbr" readonly="readonly" onchange="AnthemTextBox_TextChanged(this, '_ctl0:maincontent:FormView1:h2_ren_id_cd_qual_descTB', true, true);setTimeout('__doPostBack(\'_ctl0$maincontent$FormView1$h2_ren_id_cd_qual_descTB\',\'\')', 0)" onkeypress="if (WebForm_TextBoxKeyHandler(event) == false) return false;" language="javascript" id="_ctl0_maincontent_FormView1_h2_ren_id_cd_qual_descTB" style="width:258px;" /></span>&nbsp;
                                <button  class="EllipBtn"  ID="bPriID" OnClick="getPriID();return false;" type="button" >...</button>&nbsp;&nbsp;
                                <span id="___ctl0_maincontent_FormView1_ddlPriIDQual__"></span>
                                <span id="___ctl0_maincontent_FormView1_h2_ren_id_cd_qualTB__"></span></td>
                        </tr>
                        <tr>
                            <td>
                                <span id="_ctl0_maincontent_FormView1_Label13" style="width:110px;">Taxonomy Code</span></td>
                            <td>
                                <input name="_ctl0:maincontent:FormView1:h2_att_taxonomy_cdTB" type="text" id="_ctl0_maincontent_FormView1_h2_att_taxonomy_cdTB" style="width:288px;" /></td>
                            <td>&nbsp;
                            </td>
                            <td>&nbsp;
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <span id="_ctl0_maincontent_FormView1_Label14" style="width:110px;">Person Indicator</span></td>
                            <td colspan="3">
                                <span id="___ctl0_maincontent_FormView1_h2_att_person_ind_descTB__"><input name="_ctl0:maincontent:FormView1:h2_att_person_ind_descTB" type="text" value="1  Person" readonly="readonly" id="_ctl0_maincontent_FormView1_h2_att_person_ind_descTB" title="MESSAGE 91413" onchange="AnthemTextBox_TextChanged(this, '_ctl0:maincontent:FormView1:h2_att_person_ind_descTB', true, true);" style="background-color:Yellow;width:258px;" /></span>&nbsp;
                                <button  ID="bPersonInd"  class="EllipBtn" OnClick="getPersonInd();return false;" type="button" >...</button>&nbsp;
                                <span id="___ctl0_maincontent_FormView1_ddlPersonInd__"></span>
                                <span id="___ctl0_maincontent_FormView1_h2_att_person_indTB__"></span></tr>
                               
                        </tr>
                    </table>
                </div>

                   </body>
                    </html>
0
 
sutoriusAuthor Commented:
allinputs.length is coming up with 0 using this line

allinputs = tSectionDtl.getElementsByTagName("input")
0
 
nabsolCommented:

No it give some ength if there are some input tags inside that table.

Code chanign bg color of a table with yello text box:

<html xmlns =" http://www.w3.org/1999/xhtml">
     <head>
         
<script language="JavaScript">
 function a()
  {
      for (k = 2; k <= 5; k++ )
        {
            tSectionDtl = document.getElementById("section" + k + "dtl");

            allinputs = tSectionDtl.getElementsByTagName("input")
     
              for(i=0; i <allinputs.length; i ++)
              {
                 if (allinputs[i].type == "text")
                 {
                     if(allinputs[i].style.backgroundColor == "yellow")
                     {
                        tSectionDtl.style.backgroundColor = "yellow";
                     }
                 }
              }
        }


  }

     </script>

     
<title>Linking External Style Sheets</title>
          <link rel = "stylesheet" type = "text/css"
               href = "styles.css"/>
     </head>

     <body onload="a()">

       <div class="DG2" id="divB2">
                    <table cellpadding="0" cellspacing="0" border="0" width="100%" class="DGT2" id="section2dtl">
                        <tr>
                            <td style="width:100px">
                                <span id="_ctl0_maincontent_FormView1_Label9" style="width:110px;">Name</span></td>
                            <td style="width:288px">
                                <input name="_ctl0:maincontent:FormView1:h2_ren_nameTB" type="text" value="RENDERING, NAME FIRST" id="_ctl0_maincontent_FormView1_h2_ren_nameTB" style="width:288px;" /></td>
                            <td>&nbsp;
                            </td>
                            <td>&nbsp;
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <span id="_ctl0_maincontent_FormView1_Label10" style="width:110px;">Suffix</span></td>
                            <td>
                                <input name="_ctl0:maincontent:FormView1:h2_ren_generationTB" type="text" id="_ctl0_maincontent_FormView1_h2_ren_generationTB" /></td>
                            <td>&nbsp;
                            </td>
                            <td>&nbsp;
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <span id="_ctl0_maincontent_FormView1_Label11" style="width:110px;">Primary ID</span></td>
                            <td>
                                <input name="_ctl0:maincontent:FormView1:h2_ren_primary_idTB" type="text" id="_ctl0_maincontent_FormView1_h2_ren_primary_idTB" style="width:288px;" /></td>
                            <td>&nbsp;
                            </td>
                            <td>&nbsp;
                            </td>
                        </tr>
                        <tr>
                            <td>
                              <span id="_ctl0_maincontent_FormView1_Label12" style="width:110px;">Qualifier</span></td>
                            <td colspan="3">
                                <span id="___ctl0_maincontent_FormView1_h2_ren_id_cd_qual_descTB__"><input name="_ctl0:maincontent:FormView1:h2_ren_id_cd_qual_descTB" type="text" value="34  Social Security Nbr" readonly="readonly" onchange="AnthemTextBox_TextChanged(this, '_ctl0:maincontent:FormView1:h2_ren_id_cd_qual_descTB', true, true);setTimeout('__doPostBack(\'_ctl0$maincontent$FormView1$h2_ren_id_cd_qual_descTB\',\'\')', 0)" onkeypress="if (WebForm_TextBoxKeyHandler(event) == false) return false;" language="javascript" id="_ctl0_maincontent_FormView1_h2_ren_id_cd_qual_descTB" style="width:258px;" /></span>&nbsp;
                                <button  class="EllipBtn"  ID="bPriID" OnClick="getPriID();return false;" type="button" >...</button>&nbsp;&nbsp;
                                <span id="___ctl0_maincontent_FormView1_ddlPriIDQual__"></span>
                                <span id="___ctl0_maincontent_FormView1_h2_ren_id_cd_qualTB__"></span></td>
                        </tr>
                        <tr>
                            <td>
                                <span id="_ctl0_maincontent_FormView1_Label13" style="width:110px;">Taxonomy Code</span></td>
                            <td>
                                <input name="_ctl0:maincontent:FormView1:h2_att_taxonomy_cdTB" type="text" id="_ctl0_maincontent_FormView1_h2_att_taxonomy_cdTB" style="width:288px;" /></td>
                            <td>&nbsp;
                            </td>
                            <td>&nbsp;
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <span id="_ctl0_maincontent_FormView1_Label14" style="width:110px;">Person Indicator</span></td>
                            <td colspan="3">
                                <span id="___ctl0_maincontent_FormView1_h2_att_person_ind_descTB__"><input name="_ctl0:maincontent:FormView1:h2_att_person_ind_descTB" type="text" value="1  Person" readonly="readonly" id="_ctl0_maincontent_FormView1_h2_att_person_ind_descTB" title="MESSAGE 91413" onchange="AnthemTextBox_TextChanged(this, '_ctl0:maincontent:FormView1:h2_att_person_ind_descTB', true, true);" style="background-color:Yellow;width:258px;" /></span>&nbsp;
                                <button  ID="bPersonInd"  class="EllipBtn" OnClick="getPersonInd();return false;" type="button" >...</button>&nbsp;
                                <span id="___ctl0_maincontent_FormView1_ddlPersonInd__"></span>
                                <span id="___ctl0_maincontent_FormView1_h2_att_person_indTB__"></span></tr>
                               
                        </tr>
                    </table>
                </div>

                   </body>
                    </html>

By Nab
0
 
sutoriusAuthor Commented:
I have copied your code letter for letter and I still do not get the yellow section. What you have makes sense to me but I don't understand why I don't see it and you do.
0
 
nabsolCommented:
OK

1. Are u using IE
2. If you copy and paste code in previous post in a seperate .html file does it work?

0
 
sutoriusAuthor Commented:
Ok. That worked. I will continue to work on my html. Must be an oversight somewhere.
0
 
sutoriusAuthor Commented:
Got it. I forgot to put an id on the header and the detail tables

Final Solution. Thanks Nab.

for (k = 2; k <= 5; k++ )
            {
                tSectionHdr = document.getElementById("Section" + k + "hdr");
               
                tSectionDtl = document.getElementById("Section" + k + "dtl");

                allinputs = tSectionDtl.getElementsByTagName("input")
         
                  for(i=0; i <allinputs.length; i ++)
                  {
                     if (allinputs[i].type == "text")
                     {
                         if(allinputs[i].style.backgroundColor == "yellow")
                         {
                            tSectionHdr.style.backgroundColor = "yellow";
                            break;
                         }
                     }
                  }
            }


                <div class="DG" id="dg2">
                    <table id="Section2hdr" bgcolor="#ffffff" cellpadding="0" cellspacing="0" border="0" width="100%" class="DGT">
                        <tr style="height:21px;">
                            <td>
                                <span id="qmarkerror2" class="hlnk" onclick="top.OnHelp(0); return false;">&nbsp;?</span>
                                <span id="datahdrerror2" class="dataheader" contenteditable="true">Provider Information</span>
                            </td>
                            <td width="3%" align="center">
                                <span id="lnkT2Plus" class="hlnk2" onclick="dgMax(2);return false;" style="display: none">+</span>
                                <span id="lnkT2Minus" class="hlnk3" onclick="dgMin(2);return false;" >-</span>
                            </td>
                        </tr>
                    </table>
                </div>

                               
                               
                <div class="DG2" id="divB2">
                    <table id="Section2dtl" cellpadding="0" cellspacing="0" border="0" width="100%" class="DGT2">
                        <tr>
                            <td style="width:100px">
                                <span id="_ctl0_maincontent_FormView1_Label9" style="width:110px;">Name</span></td>
                            <td style="width:288px">
                                <input name="_ctl0:maincontent:FormView1:h2_ren_nameTB" type="text" value="RENDERING, NAME FIRST" id="_ctl0_maincontent_FormView1_h2_ren_nameTB" style="width:288px;" /></td>
                            <td>&nbsp;
                            </td>
                            <td>&nbsp;
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <span id="_ctl0_maincontent_FormView1_Label10" style="width:110px;">Suffix</span></td>
                            <td>
                                <input name="_ctl0:maincontent:FormView1:h2_ren_generationTB" type="text" id="_ctl0_maincontent_FormView1_h2_ren_generationTB" /></td>
                            <td>&nbsp;
                            </td>
                            <td>&nbsp;
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <span id="_ctl0_maincontent_FormView1_Label11" style="width:110px;">Primary ID</span></td>
                            <td>
                                <input name="_ctl0:maincontent:FormView1:h2_ren_primary_idTB" type="text" id="_ctl0_maincontent_FormView1_h2_ren_primary_idTB" style="width:288px;" /></td>
                            <td>&nbsp;
                            </td>
                            <td>&nbsp;
                            </td>
                        </tr>
                        <tr>
                            <td>
                              <span id="_ctl0_maincontent_FormView1_Label12" style="width:110px;">Qualifier</span></td>
                            <td colspan="3">
                                <span id="___ctl0_maincontent_FormView1_h2_ren_id_cd_qual_descTB__"><input name="_ctl0:maincontent:FormView1:h2_ren_id_cd_qual_descTB" type="text" value="34  Social Security Nbr" readonly="readonly" onchange="AnthemTextBox_TextChanged(this, '_ctl0:maincontent:FormView1:h2_ren_id_cd_qual_descTB', true, true);setTimeout('__doPostBack(\'_ctl0$maincontent$FormView1$h2_ren_id_cd_qual_descTB\',\'\')', 0)" onkeypress="if (WebForm_TextBoxKeyHandler(event) == false) return false;" language="javascript" id="_ctl0_maincontent_FormView1_h2_ren_id_cd_qual_descTB" style="width:258px;" /></span>&nbsp;
                                <button  class="EllipBtn"  ID="bPriID" OnClick="getPriID();return false;" type="button" >...</button>&nbsp;&nbsp;
                                <span id="___ctl0_maincontent_FormView1_ddlPriIDQual__"></span>
                                <span id="___ctl0_maincontent_FormView1_h2_ren_id_cd_qualTB__"></span></td>
                        </tr>
                        <tr>
                            <td>
                                <span id="_ctl0_maincontent_FormView1_Label13" style="width:110px;">Taxonomy Code</span></td>
                            <td>
                                <input name="_ctl0:maincontent:FormView1:h2_att_taxonomy_cdTB" type="text" id="_ctl0_maincontent_FormView1_h2_att_taxonomy_cdTB" style="width:288px;" /></td>
                            <td>&nbsp;
                            </td>
                            <td>&nbsp;
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <span id="_ctl0_maincontent_FormView1_Label14" style="width:110px;">Person Indicator</span></td>
                            <td colspan="3">
                                <span id="___ctl0_maincontent_FormView1_h2_att_person_ind_descTB__"><input name="_ctl0:maincontent:FormView1:h2_att_person_ind_descTB" type="text" value="1  Person" readonly="readonly" id="_ctl0_maincontent_FormView1_h2_att_person_ind_descTB" title="MESSAGE 91413" onchange="AnthemTextBox_TextChanged(this, '_ctl0:maincontent:FormView1:h2_att_person_ind_descTB', true, true);" style="background-color:Yellow;width:258px;" /></span>&nbsp;
                                <button  ID="bPersonInd"  class="EllipBtn" OnClick="getPersonInd();return false;" type="button" >...</button>&nbsp;
                                <span id="___ctl0_maincontent_FormView1_ddlPersonInd__"></span>
                                <span id="___ctl0_maincontent_FormView1_h2_att_person_indTB__"></span></tr>
                               
                        </tr>
                    </table>
                </div>
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Free Tool: IP Lookup

Get more info about an IP address or domain name, such as organization, abuse contacts and geolocation.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

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