Learn how to a build a cloud-first strategyRegister Now

x
?
Solved

Get the background color of a textbox

Posted on 2006-04-22
14
Medium Priority
?
1,243 Views
Last Modified: 2008-01-09
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
Comment
Question by:sutorius
  • 9
  • 5
14 Comments
 
LVL 2

Author Comment

by:sutorius
ID: 16515536
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
 
LVL 2

Author Comment

by:sutorius
ID: 16515639
<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
 
LVL 2

Author Comment

by:sutorius
ID: 16515666
I have also tried

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

but received an error
0
Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
LVL 6

Expert Comment

by:nabsol
ID: 16515961
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
 
LVL 2

Author Comment

by:sutorius
ID: 16516053
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
 
LVL 6

Expert Comment

by:nabsol
ID: 16516094
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
 
LVL 2

Author Comment

by:sutorius
ID: 16516116
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
 
LVL 6

Accepted Solution

by:
nabsol earned 2000 total points
ID: 16516123
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
 
LVL 2

Author Comment

by:sutorius
ID: 16516143
allinputs.length is coming up with 0 using this line

allinputs = tSectionDtl.getElementsByTagName("input")
0
 
LVL 6

Expert Comment

by:nabsol
ID: 16516150

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

Author Comment

by:sutorius
ID: 16516221
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
 
LVL 6

Expert Comment

by:nabsol
ID: 16516234
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
 
LVL 2

Author Comment

by:sutorius
ID: 16516299
Ok. That worked. I will continue to work on my html. Must be an oversight somewhere.
0
 
LVL 2

Author Comment

by:sutorius
ID: 16520653
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

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

I've been trying to accomplish this for a while and it just struck me yesterday how to accomplish this task. I have done searches all over the internet looking for ways to email pages from my applications and finally I have done it!!! Every single s…
In this blog, we’ll look at how improvements to Percona XtraDB Cluster improved IST performance.
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…
Suggested Courses

810 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question