Forum Moderators: open

Message Too Old, No Replies

Loop thru all text box elements

         

scoobydoo987

4:15 pm on Sep 2, 2005 (gmt 0)

10+ Year Member



In the code below I have 1 textbox being hidden id='linerYear_2' but need to have all textboxes hidden that have a Null value. I don't know how to loop thru the text box elements looking for Null values and setting visibility='hidden'.

Can someone help?

function Hide_Elements(oID) {
if (document.getElementById(oID).value!= ""){
document.getElementById(oID).style.visibility = "";
}
else {
document.getElementById(oID).style.visibility = "hidden"
}
}

Bernard Marx

4:44 pm on Sep 2, 2005 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



It all depends upon the details in the end, but here's a general version:

function hideEmptyBoxes()
{
var inputs = document.getElementsByTagName('input');

for(var k=0;k<inputs.length;k++)
{
var input = inputs[k]
if(input.type!= 'text') continue;
if(input.value == '')
input.style.visibility = 'hidden'; /* display = 'none' may be better */
}
}

scoobydoo987

6:05 pm on Sep 2, 2005 (gmt 0)

10+ Year Member



that didn't work. i am receiving this error. 'Could not get the visibility property. Invalid argument'.

This is a textbox in the HTML.

<input type=text size=2 style='background-color: #FFFFFF; visibility: ;' onFocus='javascript:Hide_Elements(id);' id='linerYear_2' class=copy name=linerYear_2_" + vid + " value=\"" + trim(linerYear_2 + " " + comSignature) + "\">

scoobydoo987

6:20 pm on Sep 2, 2005 (gmt 0)

10+ Year Member



I got it to work doing this.

function Hide_Elements(oID) {
var inputs = document.getElementsByTagName('input');
for(var k=0;k<inputs.length;k++)
{
var input = inputs[k]
if (input.value!= ""){
input.style.visibility = "";
}
else {
input.style.visibility = "hidden"
}
}
}

Thanks for the help.

This code helped me out.
var inputs = document.getElementsByTagName('input');
for(var k=0;k<inputs.length;k++)
{
var input = inputs[k]