attribute boxes with unique ids help

[Mikey D]

So I have a product that is a kit/assortment that will be filled with specific items the user chooses.
I've customized my attributes divs so they can be boxes that are side by side (to represent the cells in the kit).
the pictures in this link will give you an idea of what i'm trying to accomplish
http://imgur.com/a/XmXlh

I'm trying to give each attribute div its own unique id.
All this is to be able to spread the bottom 3 cells(divs) evenly.

the edit i made obviously doesn't work and have replaced the highlighted area with:

<?php echo $products_options_names->fields['products_options_id'][$i]; ?>

but... only the first cells gets a correct id, the "cell2" get id=5 (what's up with that?) , and the rest are blank.

I need some php code that will properly display the attribute id

[Mikey D]

I solved it!
made a new variable called:
$option_id[] = 'attrib-' . $products_options_names->fields['products_options_id'];
placed it right after "normal dropdown menu display" in attributes.php
then in tpl_module_attributes put it in like this
<div class="wrapperAttribsOptions" id="<?php echo $option_id[$i]; ?>">
and bang! divs with ids that reflect the option id number

[gjh42]

Good for you! That is part of what Flexible Attributes in Plugins does, if you want to look at another version of the functionality.

[DrByte]

The generated attributes HTML already includes an ID with each pulldown menu's markup:

                  $options_menu[] = zen_draw_pull_down_menu('id[' . $products_options_names->fields['products_options_id'] . ']', $products_options_array, $selected_attribute, 'id="' . 'attrib-' . $products_options_names->fields['products_options_id'] . '"') . "\n"; 

I must be misreading what you meant to say about what was missing.

Aren't you causing multiple identical ID tags to be output to your page, thus breaking validation?
ie:

<div class="wrapperAttribsOptions" id="attrib-2"> 
<h4 class="optionName back"><label class="attribsSelect" for="attrib-2">Size</label></h4> 
<div class="back">
<select name="id[2]" id="attrib-2">
  <option value="19">X-Small</option>
  <option value="21">Small</option>
  <option value="18" selected="selected">Medium</option>
  <option value="20">Large</option>
</select>

[gjh42]

The actual input part of each attribute is uniquely identified as stock, but the wrappers are not necessarily unique, making it trickier to control them as a unit. This is a large part of what Flexible Attributes addresses, using ids like #wAttrib23 so as not to interfere with other attribute-specific ids.

[DrByte]

Good. :)

Mikey D will probably want to make some small adjustments then ;)