<html>
<head>
<script>
var array_discount = new Array("Re-Buying Discount|RE_BUY ","Bulk Buy
Discount|BULK_B UY","Its Wednesday Discount|WED"," Roger That
Discount|ROG_") ;
var array_discounts _already_select ed = new Array();
var array_reference _dropdowns = new Array();
var int_discount_ro w_counter = 0;
var bool_dont_creat e_more_rows = 0;
/**
* get_all_selecte dIndexes - Populates
array_discounts _already_select ed with the selectedIndexes of the
current dropdown boxes
*
* @version 1.0 15/09/2006
* @author Andrew Davey (ad****@adviva. com)
*/
function get_all_selecte dIndexes () {
for (n=0;n < array_discounts _already_select ed.length;n++) {
array_discounts _already_select ed[n] = 0;
}//for (n=0;n < array_discounts _already_select ed.length;n++)
for(n=0;n<array _reference_drop downs.length;n+ +) {
if(array_refere nce_dropdowns[n].options.length 0) {
var current_selecte d_index =
array_reference _dropdowns[n].selectedIndex;
/**
* This is the actual value in the DropDown that will be the index
in array_discounts .
* @variable integer current_selecte d_index_value
*/
var current_selecte d_index_value = array_reference _dropdowns[n][
current_selecte d_index ].value;
array_discounts _already_select ed[current_selecte d_index_value] =
n+1;
}//if(array_refere nce_dropdowns[n].options.length 0)
}//for(n=0;n<array _reference_drop downs.length;n+ +)
}//function get_all_selecte dIndexes ()
/**
* create_discount _drop_down - Creates the dropdown select box on the
fly, adds it to whichever table cell is passed as parameters
*
* @params object object_table_ce ll
* @params integer int_discount_nu mber
*
*/
function create_discount _drop_down
(object_table_c ell,int_discoun t_number) {
var bool_first_run = 1;
var id = "discount_d d_" + int_discount_nu mber;
/**
* The object that is used when creating the dropdown menu. It is
later added to an array.
* @variable object discount_drop_d own_select
*/
var discount_drop_d own_select;
//NOTE: array_discount is an array that is populated with PHP and
MYSQL in the calling page.
for(n=0;n<array _discount.lengt h;n++) {
if(bool_first_r un == 1) {
/**
* Create an object of a select, defining the ID and the NAME.
* @variable discount_drop_d own_select
*/
discount_drop_d own_select = document.create Element("select ");
discount_drop_d own_select.id = id;
discount_drop_d own_select.name = id;
//append to the child of the table cell object passed.
object_table_ce ll.appendChild( discount_drop_d own_select);
bool_first_run = 0;
}//if(bool_first_r un == 1)
}//for(n=0;n<disco unt.length;n++)
array_reference _dropdowns[ array_reference _dropdowns.leng th++ ] =
discount_drop_d own_select;
do_options_for_ dropdowns();
// THIS IS SHIT!!!! //
// We have the timeout because IE seems to execute this far to
quickly. Fixes the issue, massive hack
// Call it again, because the newest dropdown upon creation has no
options, so it meant that the previous drop-
// -downs still had the values, due to no selectedIndex.
// NOTE: To see what i mean comment this line out and press (+) More
Discounts and view the dropdowns
setTimeout('do_ options_for_dro pdowns()', 1);
//do_options_for_ dropdowns();
if(array_refere nce_dropdowns.l ength == ( array_discount. length ) ) {
bool_dont_creat e_more_rows = 1;
} else {
//we might have set this and want to unset it, due to a user
deleting a discount
bool_dont_creat e_more_rows = 0;
}//if(array_refere nce_dropdowns.l ength == ( array_discount. length ) )
}//function create_discount _drop_down
(object_table_c ell,int_discoun t_number)
// -----------------------
/**
* do_options_for_ dropdowns - This will loop through the discount
array and cretae all the options for each dropdown box. It will also
commpare against array_discounts _already_select ed to determine what
options should be displayed
*
*
*/
function do_options_for_ dropdowns() {
get_all_selecte dIndexes();
// We first loop through the dropdowns created to get the value of
the selected indexes.
// We populate array_discounts _already_select ed with these values,
but the value of the array is dropdown number+1.
// So something like this:
// array_discounts _already_select ed[ index_of_discou nt_array ] =
Drop_down_numbe r+1;
// example
// dd1.selectedInd ex.value = 3;
// array_discounts _already_select ed[3] = 2; Meaning that dropdown
1 is the dropdown that has seleced index of 3
// We add one because dropdown indexing starts from 0. And 0 is
undefined in JS.
// BUT only if the array is greater than 1. Otherwise there wont be
any options to loop :)
for(n=0;n<array _reference_drop downs.length;n+ +) {
if(array_refere nce_dropdowns[n].options.length 0) {
//Remove all the options now, we re-create them below
for(z = (array_referenc e_dropdowns[n].options.length - 1); z >= 0 ;
z--) {
array_reference _dropdowns[n].options[z] = null;
}//for(x = 0; x < array_reference _dropdowns[n].options.length ; x++)
{
}//if(array_refere nce_dropdowns[n].options.length 0)
}//for(n=0;n<array _reference_drop downs.length;n+ +)
// We now create all the options for the DropDowns. Making sure we
keep the selected indexes and also not creating the options for
// already selected indexes.
for(n=0;n<array _reference_drop downs.length;n+ +) {
var selected_index_ counter = 0;
// Loop through the array_discount, this is defined on the previous
page. Its an array populated by PHP and MySQL
for(i=0;i<array _discount.lengt h;i++) {
/**
* The Discount name of the current index in the array_discount
* @variable string discount_name
*/
var discount_name = get_discount_na me(i);
// Make sure that array_discounts _already_select ed[i] isnt set. If
it is AND is the value of N then we set that to be selectedIndex.
// If it is set and ISNT the value of N then we dont create one.
if(!array_disco unts_already_se lected[i]) {
/**
* Create an option that is added to the select created above.
Loops through discount array
* @variable option
*/
var option = document.create Element('option ');
option.value = i;
option.appendCh ild(document.cr eateTextNode(di scount_name));
array_reference _dropdowns[n].appendChild(op tion);
selected_index_ counter++;
} else if(array_discou nts_already_sel ected[i] == n+1 ) {
/**
* Create an option that is added to the select created above.
Loops through discount array
* @variable option
*/
var option = document.create Element('option ');
option.value = i;
option.appendCh ild(document.cr eateTextNode(di scount_name));
array_reference _dropdowns[n].appendChild(op tion);
array_reference _dropdowns[n].selectedIndex =
selected_index_ counter;
}//if(!array_disco unts_already_se lected[i])
}//for(i=0;i<array _discount.lengt h;i++)
}//for(n=0;n<array _reference_drop downs.length;n+ +)
}//function do_options_for_ dropdowns
//-------------------------------------
/**
* add_new_discoun t_row - Create a new DOM row within the discount
table on the page. Looks for a parent_id and then creates a child row
*
* @params string parent_id
*
*/
function add_new_discoun t_row(parent_id ) {
//< o_0 >//
if(!bool_dont_c reate_more_rows ) {
var table = document.getEle mentById(parent _id);
var row_list = table.getElemen tsByTagName("TR ");
var int_which_row;
//Loop through the rows and see which has the id:
add_discounts_a bove_me this is the one with the link.
//We want to set this as the index-1. So that the new discounts
come above it.
for(n=0;n<row_l ist.length;n++) {
if(row_list[n].id == "add_discounts_ above_me") {
int_which_row = n;
break;
}
}//for(n=0;n<row_l ist.length;n++)
//We need to do this because for some reason it wont create the row
in the right area. It could be scope, but doesnt look like it.
//Its fixed anyway
var int_number_of_r ows = int_which_row;
var row = table.insertRow (int_number_of_ rows);
row.id = "discount_r ow_" + int_discount_ro w_counter;
var discount_dropdo wn_cell = row.insertCell( 0);
discount_dropdo wn_cell.id = row.id + "_cell_0"; //Used when
swapping the stuff around
create_discount _drop_down(disc ount_dropdown_c ell,
int_discount_ro w_counter);
int_discount_ro w_counter++;
}//if(!bool_dont_c reate_more_rows )
}//function add_new_discoun t_row (parent_object)
/**
* get_discount_na me - Get the name of the discount, used in a number
of places
*
* @version 1.0 13/09/2006
* @author Andrew Davey (ad****@adviva. com)
* @params object int_discount_ar ray_index
* @returns string discount_name
*/
function get_discount_na me (int_discount_a rray_index) {
return array_discount[int_discount_ar ray_index].split("|")[0];
}//function get_discount_na me (int_discount_a rray_index)
/// PARENT_ID in the above function should be the id of a TR. (Or what
ever in a table)
</script>
</head>
<body>
<table id="blah">
<tr id="Parent_ID" >
</tr>
<tr>
<td><a href="#" onclick="add_ne w_discount_row( 'blah');">Add New
Row</a></td>
</tr>
</table>
-------------------
Copy and paste the above and add it to a new HTML page.
You'll see if you click add new row a new row and select is created.
You should notice that each dropdown doesnt display any of the
selectedIndexes already selected.
Now,
if you comment out line 97 and uncomment 98 you will notice a JS error.
It seems that the fucntion runs to fast. Or at least that's what i
think is happenening, hence why i added the setTimeout.
CHeers for any help.
