problem with hidden visibility <div>

<input name="B" id="B1"> should be <input name="B" id="B1" name="B1">

Fritz the Blank

Oops, ignore that I meant:

<input name="B" id="B">

Fritz the Blank

I am also wondering about your input tag--you don't specify a type. That might be causing problems as well.

Fritz the Blank

Thanks for the help.  but i think i found what the problem is.  let me describe it.  In the html body,
<form name="form1">
.......some other codes

<div id="B"></div>  This is where it supposed to show
.......some more codes

<div id="A" style="visibility:hidden">
     <input name="test">
</div>

</form>

There's a javascript function that sets
B.innerhtml = A.innerhtml
not the exact code but u know what i mean.  so the block of code will show up dynamically.  i think the problem is after setting the innerhtml, there are two input fields of the same name "test" under the same form coz <div B> gets the exact same code from <div A>.  is there anyway to go around this? or i have to use a second form?

It is bad news to have more than one field with the same name. When you create the new block of dynamic code, you should set it up so that each new block gets an incremented number, so in Div A, the field is Test0, in Div B, Test1, and etc.

Fritz the Blank

Thanks for the help.  but i think i found what the problem is.  let me describe it.  In the html body,
<form name="form1">
.......some other codes

<div id="B"></div>  This is where it supposed to show
.......some more codes

<div id="A" style="visibility:hidden">
     <input name="test">
</div>

</form>

There's a javascript function that sets
B.innerhtml = A.innerhtml
not the exact code but u know what i mean.  so the block of code will show up dynamically.  i think the problem is after setting the innerhtml, there are two input fields of the same name "test" under the same form coz <div B> gets the exact same code from <div A>.  is there anyway to go around this? or i have to use a second form?

Please use the reload this question link in the upper left hand corner of this page. If you use the refresh from your browser it will repost your question.

I left you comment about your question above.

Fritz the Blank

Thanks for the help.  but i think i found what the problem is.  let me describe it.  In the html body,
<form name="form1">
.......some other codes

<div id="B"></div>  This is where it supposed to show
.......some more codes

<div id="A" style="visibility:hidden">
     <input name="test">
</div>

</form>

There's a javascript function that sets
B.innerhtml = A.innerhtml
not the exact code but u know what i mean.  so the block of code will show up dynamically.  i think the problem is after setting the innerhtml, there are two input fields of the same name "test" under the same form coz <div B> gets the exact same code from <div A>.  is there anyway to go around this? or i have to use a second form?

ooops.  no wonder.  thanks alot for ur help.

I got it now.  To avoid having the same name, i need to get rid of the code in <DIV A> after i tranfer it to <DIV B>
<script>
if (A.innerHTML != "")
{
   B.innerHTML = A.innerHTML;
   form1.Code.value = A.innerHTML;  //save the codes
   A.innerHTML = "";  //get rid of duplicate codes
}
else
   A.innerHTML = form1.Code.value;  //use the saved codes
</script>

<input type=hidden name="Code">

Since the problem is solved, then why the grade of C?

Fritz the Blank

grade changed to a "B" as I'm believing the asker answered the question himself. If this is the case I will also refund their point to them. Any objections to this change should be posted here and I will review. Thank You

DigitalXtreme
CS Moderator