Looking for alternative to getElementById

[elso]

Hello

I am trying to find an alternative for JS to locate a page element.

Here is a simple test form I am experimenting with:

<form name="form1" method="post" action="">
          <table width="100%" border="0" cellpadding="0" cellspacing="0">
            <tr>
              <td><input name="image1" type="text" id="image1" size="30"></td>
            </tr>
          </table>
          </form>

Now in simple JS the field named "image1" can be located or mapped with:

document.form1.image1.value=...

Ok, now let's assume I need 2 identically named fields in this form like so:

<form name="form1" method="post" action="">
          <table width="100%" border="0" cellpadding="0" cellspacing="0">
            <tr>
              <td><input name="image1" type="text" id="image1" size="30"></td>
            </tr>
            <tr>
              <td><input name="image1" type="text" id="image1a" size="30"></td>
            </tr>
          </table>
          </form>

Is there anyway to name the <TD> tags identify a different path to each? I know I can use the "getElementById" to do this, bet it seems that older browsers don't recognize this. Any other solutions? Any html tags I can use that can be "named"?

Thanks
nelson

[php~pro]

You would have to give details about how you are processing the form and whats its purpose. Email or db function. You can dyanamically write out a form but its scripting would depend on the server technology you have with your hosting.

For example you could write elemnts as

<?php for($i = 1; $i <= 2; $i++){ ?>

<TR>
  <TD><input name="image" type="text" id="image"[<?php echo "$i";?>] size="30"></TD>
</TR>

<?php } ?>

This would output 2 rows as shown below.

<TR>
  <TD><input name="image" type="text" id="image1" size="30"></TD>
</TR>
<TR>
  <TD><input name="image" type="text" id="image2" size="30"></TD>
</TR>

Post more details about what you aim to achieve so user can help you further.

[elso]

Hello

I re-read my question and can see how it could have been misinterpreted. Sorry, I am not looking for alternative to the JS, but rather an alternative method for the JS to write to these fields having the same name. I used the getElementById for the JS to find the appropriate field to write to, but it seems that getElementById is not recognized by older browsers. In short, I custom print t-shirts and stuff like that. Variables involved with pricing and ordering include the number of shirts, the number of prints per shirt and the size of each print. To do this, I entered the prints as separate products, thus they each carry their own price and their own quantity price breaks. So each of these print items would need to carry their own quantity fields (hidden) and when the customer enters a quantity it gets copied to all the other quantity hidden fields.

So I am only looking for an alternative to the getElementById to locate all the quantity fields (which all carry the name "quantity" and can't change that) they are all in the same form.

Thanks
Nelson

If you want to see a sample of this page, please see any of the product pages at

www.elsographics.com

.

[php~pro]

Use a loop to increnet names. See one suggestion in your other post.

[php~pro]

The below should work fine. This code was passed to me about 6 months ago. I have no ideas as to the original author, but wasnt me.

var getElementWithId;
if(document.getElementById){

getElementWithId = function(id){
return document.getElementById(id);
}
}else if(document.all){

getElementWithId = function(id){
return document.all[id];
}
}else{

getElementWithId = function(id){
return null;
}
}