jQuery Forum

Hi Jay,

If I send you the URL of the website I am working on could you take a look at the source code and help point me in the direction to get the javascript to activate an option. Your code helped and I found out why it didn't work on my site when I added it. It was because I had added it above the option fields in the source code, not above them.

When I add it in it does remove the "Select" options from the dropdown menus. It just doesn't activate the first on the list. If that makes sense.

This is an example page.

Click

The code you helped me with is added in the footer section of the page, however I've had to comment it out as it stops some products from working if there is only one option available in the drop down list.

When you normally select an option for colour and an option for size it will activate the product name, item reference, stock quantity, availability and price for that combination chosen from the drop down menu.

If you can help or if anyone else can it would be much appreciated.

Thanks

Kaz

Ooo that's really cool haven't used the jsFiddle before. I understand how it works but I think I may require some kind of if statement in that but not sure exactly how to work it.

I'm amended your example to work in this specific case
http://jsfiddle.net/276W5/1/

However the value and name will be of a different value on each page.

1. $('select[name="select_5"] option[value="44"]').attr('selected', 'selected');

Is there anyway I can set it so it selects any first option in the drop down menu where the value isn't blank and the name is equal to the start bit "select_(followed by a number)"

I'm still trying to get my head round all this.

Thanks again

Sorry if I'm being a pain with this.

I added the second drop down box that is supposed to work with the color to make the option 'active' when both are selected. However it doesn't select the color in the other drop down.

http://jsfiddle.net/276W5/9/

Thanks for your response on the last one. That was nice the way it works.

However It doesn't seem to work now it's applied to a product.

If you click on any one of the products here you'll see what I mean:

http://edgeoftheworld.web-epos.com/category/527/Womens

Any ideas? Just can't seem to work it out?

thanks again

Hi,

I'm using Firefox on the mac and I also tried it in safari on the mac. Are you getting something coming up in the:

Name:
Price:
Product Code:

Stock Level:

And then also the "Add to Bag" Button should appear.

The options for the size and colour are working correctly, but they aren't activating the above fields with their selection.

Is it working for you? If so what browser are you using?

Thanks again

This is a screen shot of what it should look like...

I've had to comment out the script for now so I don't prevent any customers from making purchases.

Hi jay,

I've had a deeper look. This script is on the same page for this particular product on this page

Product Link

1. <script language="JavaScript" type="text/javascript">
       var m = 0;
       var selectName;
       var dispArray = new Array();
       var tempArray = new Array();
       var selTotal = 2;
       itemVal = new Array();
       itemText = new Array();
       itemNew = new Array();
       itemKit = new Array();
       var kitClear;
       //var tEmp = new Array();
       var itemID; // finds this when selectbox styles match an item
       
       itemVal[44] = new Array();
       itemVal[44][527] = new Array();
       itemNew[41142] = new Array();
       itemVal[45] = new Array();
       itemVal[45][527] = new Array();
       itemNew[41143] = new Array();
       itemVal[46] = new Array();
       itemVal[46][527] = new Array();
       itemNew[41144] = new Array();
       itemVal[47] = new Array();
       itemVal[47][527] = new Array();
       itemNew[41145] = new Array();
       itemVal[44][527] = '41142';
       itemNew[41142] = 'BLE1715|SPR Morph 100 SS11|GBP &#x00A3;40.00||/images/item_thu_41142.jpg|item_41142.jpg|640|680||1|6||';
       itemVal[45][527] = '41143';
       itemNew[41143] = 'BLE1716|SPR Morph 100 SS11|GBP &#x00A3;40.00|In stock|/images/item_thu_41143.jpg|item_41143.jpg|640|680||1|1||';
       itemVal[46][527] = '41144';
       itemNew[41144] = 'BLE1717|SPR Morph 100 SS11|GBP &#x00A3;40.00||/images/item_thu_41144.jpg|item_41144.jpg|640|680||1|6||';
       itemVal[47][527] = '41145';
       itemNew[41145] = 'BLE1718|SPR Morph 100 SS11|GBP &#x00A3;40.00||/images/item_thu_41145.jpg|item_41145.jpg|640|680||1|6||';
   
   </script>

From the script you provided earlier it looks as if the first two values in each drop down menu need to activate a new array that provides that combinations product id. In this product's case it would need to be this formation:

itemVal[44] = new Array();
itemVal[44][527] = new Array();
itemNew[41142] = new Array();

which activates this:

itemNew[41142] = 'BLE1715|SPR Morph 100 SS11|GBP £40.00||/images/item_thu_41142.jpg|item_41142.jpg|640|680||1|6||';

Obviously these values and the information changes on each page but is always generated on each product page.

I'm just unsure how to get this to active on the combination first set using your previous script change:

http://jsfiddle.net/276W5/13/

Any ideas?

Hi Jay,

The file it references is here

This is the bit I think:

1. // details page selectors
       function showOption(elementary, outValue, selectName) {
           var select;
           var match = 0;
           var i = 0;
           var changed = '';
           var display;
           var tempNum = tempArray.length;
   
           if (selectName != null) {
             if (selectName != 'single') {
               var selNum = selectName.substring(7,selectName.length);
               dispArray[selNum] = document.forms['form1'].elements[selectName].value;
               for (looking in tempArray) {
                   if (tempArray[looking] == selNum) {
                       changed = 'yes'; // already been set, ignore
                   }
               }
               if (changed == '') {
                   tempArray[tempNum] = selNum;
               }
               if (dispArray[selNum] != '') {
                   m++;
                   if (m > selTotal) {
                       m = selTotal;
                   }
               } else {
                   m--;
               }
               tempArray.sort(); // needed!
               ///////
               // need to sort this array on keys...
               var sortArr = new Array();
               for(i in dispArray) {
                   sortArr[sortArr.length] = i;
               }
               // PRODUCT STYLE DROP DOWN FIX WHEN STYLEID=10
               //sortArr.sort();
               sortArr.sort(new Function("a","b","a = parseInt(a);b = parseInt(b); if( a == b ) return 0; return a < b ? -1 : 1;"));
               var chi = new Array();
               for(i=0; i<sortArr.length; i++) {
                   var car = sortArr[i];
                   if(dispArray != null) {
                       chi[car] = dispArray[car];
                   }
               }
               dispArray = chi;
               ///////
   
               if (selTotal == m && m != 0) {
                   var finalOne = new Array();
                   var finLen = 0;
                   // maximum reached - grab record..
                   for (newLad in dispArray) {
                       if ( dispArray[newLad] ) {
                           finalOne[finLen++] = dispArray[newLad];
                       }
                   }
                   // can remove this and use non-recursive way for data
                   itemID = avail( itemVal, finalOne );
                   if (itemID == '') {
   
                       //outText.value = display;
                       // var itemID = avail( itemVal, finalOne );
                       //itemID = avail( itemVal, finalOne );
   //alert ( itemID );
                       // outValue.value = itemID;
                   //} else {
                       itemID = null;
                       outValue.value = 0;
                   }
               } else {
                   itemID = null;
                   outValue.value = 0;
               }
             } // selectName != 'single'
             // passing the selected ID to add it to the basket
             document.forms['form1'].additemID.value = itemID;
             itemDetails();
           } // from 'if selectName'
       }
   

Hi Jay

any success with working out how to call the showOption to activate the selection?

Kaz

Ah no problem Jay - was just seeing how your were progressing. Much apprieciated

Thanks again

I have another site that uses the same back end system that is only recently built and has very low traffic anyway so I could apply whatever script needed to test on that site for now? the site is here

when you have the script ready I can apply it to that site instead to test.

Is this because of how the developers of our back end have set up the navbar.js file?

Does this mean it's something you are not going to be able to help with?

No problem, I am in no imediate rush. Thanks for taking the time to look at it though

Hi Jay,

I tried to load the showOption function after the script you wrote. However this is not activating the listing.

http://jsfiddle.net/276W5/31/

Am I going about it in the wrong way?

I may need to create an if statement for every option of select_1 to select_10 (or whatever it goes up to)?