Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 13 of 13
  1. #1
    New to the CF scene
    Join Date
    Aug 2013
    Location
    Canada
    Posts
    9
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Need Help with Chained Selects

    I am currently using a chained selects list. I have absolutely no prior knowledge of Javascript or CSS.

    I have finally tweaked it to allow customers to properly select all options and arrive at a custom product.

    However, I now need to know how to do one of 2 things with that list (dependant on PayPal);

    1 - Having the end result provide a URL (PayPal button code) to add the item to the shopping cart (if Paypal will allow more than their current maximum on buttons)

    2 - Having the end result provide a URL (Form) that allows the customer to send us an email which we can then send them an invoice for through PayPal.

    By the way things are looking, option 2 seems to be the way we are going to have to go with.

  • #2
    Senior Coder
    Join Date
    Jan 2011
    Location
    Missouri
    Posts
    4,092
    Thanks
    23
    Thanked 594 Times in 593 Posts
    Check with paypal. There is a way to send the customer to them with your account attached. When they log into their account paypal asks them if they want to pay you.
    Evolution - The non-random survival of random variants.

    "If you leave hydrogen alone, for long enough, it begins to think about itself."

  • Users who have thanked sunfighter for this post:

    Porthiir (08-17-2013)

  • #3
    New to the CF scene
    Join Date
    Aug 2013
    Location
    Canada
    Posts
    9
    Thanks
    3
    Thanked 0 Times in 0 Posts
    But this still doesn't solve my main issue however. Having the Chained Selects list end with a link or something that would show what the customer had selected.

  • #4
    Senior Coder
    Join Date
    Jan 2011
    Location
    Missouri
    Posts
    4,092
    Thanks
    23
    Thanked 594 Times in 593 Posts
    Quote Originally Posted by Porthiir View Post
    ..... or something that would show what the customer had selected.
    This has nothing to do with paypal. Your options should do this for you.
    And: Your final page that shows the final product should have the paypal button on it, not a select dropdown for it.
    Evolution - The non-random survival of random variants.

    "If you leave hydrogen alone, for long enough, it begins to think about itself."

  • #5
    New to the CF scene
    Join Date
    Aug 2013
    Location
    Canada
    Posts
    9
    Thanks
    3
    Thanked 0 Times in 0 Posts
    It seems the only way I will be able to properly explain myself is to show you what I mean.

    I have created a dummy page with nothing but the Chained Selects list on it, so you can see what I am working with.

    dummy page

  • #6
    Senior Coder jmrker's Avatar
    Join Date
    Aug 2006
    Location
    FL
    Posts
    3,075
    Thanks
    38
    Thanked 498 Times in 492 Posts
    Instead of having EACH selection FULLY CREATE the user's selections,
    you would be better off FORMING the code to be sent on the fly.

    In the following, you will need to alter the selections to match yours at each level,
    but if you study the code you will see how much shorter it could be.
    If you still have problems understanding, post back.

    Note, instead of the words being formed in the bottom textbox, this is where
    you would form the abbreviated codes you have in your last post.

    Code:
    <html>
    <!-- Created on: 3/24/2011 -->
    <head>
    <script type="text/javascript">
    // From: http://www.codingforums.com/showthread.php?t=222524
    
    var categories = [];
    categories["startList"] = ["Activa","Bell Horn","Diabetic Crew","Futuro","Jobst","Sensifoot","TruSock"];
    
    categories["Activa"] = ["Male","Female"];
    categories["Bell Horn"] = ["Male","Female"];
    categories["Diabetic Crew"] = ["Male","Female"];
    categories["Futuro"] = ["Male","Female"];
    categories["Jobst"] = ["Male","Female"];
    categories["Sensifoot"] = ["Male","Female"];
    categories["TruSock"] = ["Male","Female"];
    
    categories["Male"] = ["Ankle High","Crew","Knee High"];
    categories["Female"] = ["Ankle High","Crew","Knee High"];
    
    categories["Ankle High"] = ["8-15 mmHg","15-20 mmHg","20-30 mmHg","30-40 mmHg"];
    categories["Crew"] = ["8-15 mmHg","15-20 mmHg","20-30 mmHg", "30-40 mmHg"];
    categories["Knee High"] = ["8-15 mmHg", "15-20 mmHg", "20-30 mmHg", "30-40 mmHg"];
    
    categories["8-15 mmHg"] = ["Casual","Dress"];
    categories["15-20 mmHg"] = ["Casual","Dress"];
    categories["20-30 mmHg"] = ["Casual","Dress"];
    categories["30-40 mmHg"] = ["Casual","Dress"];
    
    var nLists = 5; // number of select lists in the set
    
    function fillSelect(currCat,currList){
      var step = Number(currList.name.replace(/\D/g,""));
      for (i=step; i<nLists+1; i++) {
        document.forms['tripleplay']['List'+i].length = 1;
    	document.forms['tripleplay']['List'+i].selectedIndex = 0;
      }
      var nCat = categories[currCat];
      for (each in nCat) {
    	var nOption = document.createElement('option');
    	var nData = document.createTextNode(nCat[each]);
    	nOption.setAttribute('value',nCat[each]);
    	nOption.appendChild(nData);
    	currList.appendChild(nOption);
      }
    }
    
    function getValue(L1, L2, L3, L4, L5) {
      var oResultsBox = document.getElementById('testField');
      oResultsBox.value = L1 + "," + L2 + "," + L3 + "," + L4 + "," + L5;
    }
    
    function init() {
      fillSelect('startList',document.forms['tripleplay']['List1'])
    }
    
    navigator.appName == "Microsoft Internet Explorer" 
    				   ? attachEvent('onload', init, false) 
    				   : addEventListener('load', init, false);
    </script>
    
    </head>
    <body>
    
    <table border="0" summary="">
    <tr>
    <td><BR>
    <b>Brand: </b><BR>
    <b>Gender: </b><BR>
    <b>Cut: </b><BR>
    
    <b>Compression: </b><BR>
    <b>Style: </b> </td>
    <td><BR> <BR> <form name="tripleplay" action="">
    </b>
    
    <select name='List1' onchange="fillSelect(this.value,this.form['List2'])">
    <option selected>Make a selection</option>
    </select><BR>
    
    </b><select name='List2' onchange="fillSelect(this.value,this.form['List3'])">
    <option selected>Make a selection</option>
    </select><BR>
    
    <select name='List3' onchange="fillSelect(this.value,this.form['List4'])">
    <option selected>Make a selection</option>
    </select><BR>
    
    <select name='List4' onchange="fillSelect(this.value,this.form['List5'])">
    <option selected>Make a selection</option>
    </select><BR>
    
    <select name='List5'
     onchange="getValue(this.form['List1'].value,this.form['List2'].value,this.form['List3'].value,this.form['List4'].value,this.value)">
    <option selected >Make a selection</option>
    </select></form>
    
    </td>
    </tr>
    
    </table>
    
    <input type="text" id="testField"  name="testField" maxlength="50" size="50" readonly 
     value="This is where I want the result to go.">
    <button onclick="alert(document.getElementById('testField').value)">Remember</button>
    </body>
    </html>
    Note, the 'Remember' button is currently just an alert and would change
    depending on whether one or multiple selections are to be made.

    A separate button would be created to send the "Remember"ed information to payPal.

  • Users who have thanked jmrker for this post:

    Porthiir (08-19-2013)

  • #7
    Senior Coder
    Join Date
    Jan 2011
    Location
    Missouri
    Posts
    4,092
    Thanks
    23
    Thanked 594 Times in 593 Posts
    Porthiir, that is exactly what I envisioned and what jmrker said is what I was saying.
    What jmrker has in the alert, I would use to bring up an image and as he said
    "A separate button would be created to send the "Remember"ed information to payPal. "
    Evolution - The non-random survival of random variants.

    "If you leave hydrogen alone, for long enough, it begins to think about itself."

  • #8
    New to the CF scene
    Join Date
    Aug 2013
    Location
    Canada
    Posts
    9
    Thanks
    3
    Thanked 0 Times in 0 Posts
    OK then - this is SO much easier than the chained selects was to code.

    Now, even this way it still creates a total of 1258 possible combinations as then end result.

    Paypal only allows a maximum of 1000 Hosted Buttons.

    Where the Remember button is - could this be replaced with something that would instead email the client with the end values?

    Secondly - Is there a way to also give the customer a choice to create more than 1 pen before sending?

    I thank you all so much, as my experience with web design is from about 8 years ago (last time I made one - a simple text, images & links page) and I know absolutely nothing about Java or CSS (but thanks to people like yourselves, I am learning).

  • #9
    Senior Coder jmrker's Avatar
    Join Date
    Aug 2006
    Location
    FL
    Posts
    3,075
    Thanks
    38
    Thanked 498 Times in 492 Posts

    Arrow

    Quote Originally Posted by Porthiir View Post
    OK then - this is SO much easier than the chained selects was to code.

    Now, even this way it still creates a total of 1258 possible combinations as then end result.

    Paypal only allows a maximum of 1000 Hosted Buttons.

    Where the Remember button is - could this be replaced with something that would instead email the client with the end values?

    Secondly - Is there a way to also give the customer a choice to create more than 1 pen before sending?

    I thank you all so much, as my experience with web design is from about 8 years ago (last time I made one - a simple text, images & links page) and I know absolutely nothing about Java or CSS (but thanks to people like yourselves, I am learning).
    There may be 1258 possible combinations, but you are not letting the user to select ALL of them are you? You should be creating the information for only ONE hosted button for paypal.

    Yes, you should be able to create the information for a second (or more) pens with a 'remember' button. You would build an array of the user choices to be submitted once the selection process
    is over and the order is ready for submission.

    Post your new code with the recommended modifications. Right or Wrong, it is still easier for me to debug or make recommendations to your code than to write it from scratch.

  • #10
    New to the CF scene
    Join Date
    Aug 2013
    Location
    Canada
    Posts
    9
    Thanks
    3
    Thanked 0 Times in 0 Posts
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    	<link rel="stylesheet" href="stylesheet.css" type="text/css" charset="utf-8">
    	<title>Stewart Creations - Design your own Pen</title>
    <script type="text/javascript" src="jquery-latest.min.js"></script>
    <script type="text/javascript">
    
    	var matchClass=['popup1','popup2','popup3', 'popup4', 'popup5', 'popup6'];
    
    	var popup1 = 'width=620,height=800,toolbar=0,menubar=0,location=1,status=1,scrollbars=1,resizable=1,left=0,top=0';
    	var popup2 = 'width=420,height=335,toolbar=0,menubar=0,location=1,status=1,scrollbars=1,resizable=1,left=0,top=0';
    	var popup3 = 'width=620,height=335,toolbar=0,menubar=0,location=1,status=1,scrollbars=1,resizable=1,left=0,top=0';
    	var popup4 = 'width=600,height=600,toolbar=0,menubar=0,location=1,status=1,scrollbars=1,resizable=1,left=0,top=0';
    	var popup5 = 'width=800,height=153,toolbar=0,menubar=0,location=1,status=1,scrollbars=1,resizable=1,left=0,top=0';
    	var popup6 = 'width=740,height=153,toolbar=0,menubar=0,location=1,status=1,scrollbars=1,resizable=1,left=0,top=0';
    
    	function tfpop(){
    			var x = 0;
    			var popClass;
    			while(x < matchClass.length){
    					popClass = "'."+matchClass[x]+"'";
    					$(eval(popClass)).click(function() {
    							var popurl = $(this).attr('href');
    							var popupSpecs = $(this).attr('class');
    							var popupName = Math.floor(Math.random()*10000001);
    							newwindow=window.open(popurl,popupName,eval(popupSpecs));
    							return false;
    					});							
    			x++;
    			} 
    	}
    	
    	$(function() {
    		tfpop();
    	});
    </script>
    <script type="text/javascript">
    
    var categories = [];
    categories["startList"] = ["Fountain","Rollerball","Ballpoint"];
    
    categories["Fountain"] = ["Gentleman Jr","El Grande","Cambridge"];
    categories["Rollerball"] = ["Gentleman Jr","El Grande","Cambridge"];
    categories["Ballpoint"] = ["Slimline","Slimline Fancy","Cigar","European Roundtop","European Flattop Diamond","European Flattop Floral"];
    
    categories["Gentleman Jr"] = ["Gold","Chrome"];
    categories["El Grande"] = ["Gold","Chrome"];
    categories["Cambridge"] = ["Titanium Gold","Sterling Silver"];
    categories["Slimline"] = ["Gold","Chrome","Satin Gold","Satin Chrome"];
    categories["Slimline Fancy"] = ["Gold","Chrome","Black Chrome","Silver","Copper","Gunmetal"];
    categories["Cigar"] = ["Gold","Chrome","Satin Gold","Satin Chrome"];
    categories["European Roundtop"] = ["Gold","Chrome","Satin Gold","Satin Chrome"];
    categories["European Flattop Diamond"] = ["Gold","Chrome"];
    categories["European Flattop Floral"] = ["Gold","Chrome"];
    
    categories["Gold"] = ["Amboyna","Ash-Natural","Ash-Honey Wheat","Ash-Lime","Ash-Raspberry","Ash-Turquiose","Birdseye Maple","Black & White Ebony","Bocote","Chechen","Cocobolo","Ebony","Maple-Natural","Maple-Honey Wheat","Maple-Lime","Maple-Raspberry","Maple-Turquoise","Olivewood","Padauk","Pink Ivory","Purpleheart","Rosewood","Tulipwood","Walnut","Zebrawood","Ziricote","Laminates-Applejack","Laminates-Bubblegum","Laminates-Dakota","Laminates-Field & Stream","Laminates-Olympic","Laminates-Sunrise","Maple Burl-Natural","Maple Burl-Black","Maple Burl-Green","Maple Burl-Red","Maple Burl-Teal"];
    categories["Chrome"] = ["Amboyna","Ash-Natural","Ash-Honey Wheat","Ash-Lime","Ash-Raspberry","Ash-Turquiose","Birdseye Maple","Black & White Ebony","Bocote","Chechen","Cocobolo","Ebony","Maple-Natural","Maple-Honey Wheat","Maple-Lime","Maple-Raspberry","Maple-Turquoise","Olivewood","Padauk","Pink Ivory","Purpleheart","Rosewood","Tulipwood","Walnut","Zebrawood","Ziricote","Laminates-Applejack","Laminates-Bubblegum","Laminates-Dakota","Laminates-Field & Stream","Laminates-Olympic","Laminates-Sunrise","Maple Burl-Natural","Maple Burl-Black","Maple Burl-Green","Maple Burl-Red","Maple Burl-Teal"];
    categories["Satin Gold"] = ["Amboyna","Ash-Natural","Ash-Honey Wheat","Ash-Lime","Ash-Raspberry","Ash-Turquiose","Birdseye Maple","Black & White Ebony","Bocote","Chechen","Cocobolo","Ebony","Maple-Natural","Maple-Honey Wheat","Maple-Lime","Maple-Raspberry","Maple-Turquoise","Olivewood","Padauk","Pink Ivory","Purpleheart","Rosewood","Tulipwood","Walnut","Zebrawood","Ziricote","Laminates-Applejack","Laminates-Bubblegum","Laminates-Dakota","Laminates-Field & Stream","Laminates-Olympic","Laminates-Sunrise","Maple Burl-Natural","Maple Burl-Black","Maple Burl-Green","Maple Burl-Red","Maple Burl-Teal"];
    categories["Satin Chrome"] = ["Amboyna","Ash-Natural","Ash-Honey Wheat","Ash-Lime","Ash-Raspberry","Ash-Turquiose","Birdseye Maple","Black & White Ebony","Bocote","Chechen","Cocobolo","Ebony","Maple-Natural","Maple-Honey Wheat","Maple-Lime","Maple-Raspberry","Maple-Turquoise","Olivewood","Padauk","Pink Ivory","Purpleheart","Rosewood","Tulipwood","Walnut","Zebrawood","Ziricote","Laminates-Applejack","Laminates-Bubblegum","Laminates-Dakota","Laminates-Field & Stream","Laminates-Olympic","Laminates-Sunrise","Maple Burl-Natural","Maple Burl-Black","Maple Burl-Green","Maple Burl-Red","Maple Burl-Teal"];
    categories["Black Chrome"] = ["Amboyna","Ash-Natural","Ash-Honey Wheat","Ash-Lime","Ash-Raspberry","Ash-Turquiose","Birdseye Maple","Black & White Ebony","Bocote","Chechen","Cocobolo","Ebony","Maple-Natural","Maple-Honey Wheat","Maple-Lime","Maple-Raspberry","Maple-Turquoise","Olivewood","Padauk","Pink Ivory","Purpleheart","Rosewood","Tulipwood","Walnut","Zebrawood","Ziricote","Laminates-Applejack","Laminates-Bubblegum","Laminates-Dakota","Laminates-Field & Stream","Laminates-Olympic","Laminates-Sunrise","Maple Burl-Natural","Maple Burl-Black","Maple Burl-Green","Maple Burl-Red","Maple Burl-Teal"];
    categories["Silver"] = ["Amboyna","Ash-Natural","Ash-Honey Wheat","Ash-Lime","Ash-Raspberry","Ash-Turquiose","Birdseye Maple","Black & White Ebony","Bocote","Chechen","Cocobolo","Ebony","Maple-Natural","Maple-Honey Wheat","Maple-Lime","Maple-Raspberry","Maple-Turquoise","Olivewood","Padauk","Pink Ivory","Purpleheart","Rosewood","Tulipwood","Walnut","Zebrawood","Ziricote","Laminates-Applejack","Laminates-Bubblegum","Laminates-Dakota","Laminates-Field & Stream","Laminates-Olympic","Laminates-Sunrise","Maple Burl-Natural","Maple Burl-Black","Maple Burl-Green","Maple Burl-Red","Maple Burl-Teal"];
    categories["Copper"] = ["Amboyna","Ash-Natural","Ash-Honey Wheat","Ash-Lime","Ash-Raspberry","Ash-Turquiose","Birdseye Maple","Black & White Ebony","Bocote","Chechen","Cocobolo","Ebony","Maple-Natural","Maple-Honey Wheat","Maple-Lime","Maple-Raspberry","Maple-Turquoise","Olivewood","Padauk","Pink Ivory","Purpleheart","Rosewood","Tulipwood","Walnut","Zebrawood","Ziricote","Laminates-Applejack","Laminates-Bubblegum","Laminates-Dakota","Laminates-Field & Stream","Laminates-Olympic","Laminates-Sunrise","Maple Burl-Natural","Maple Burl-Black","Maple Burl-Green","Maple Burl-Red","Maple Burl-Teal"];
    categories["Gunmetal"] = ["Amboyna","Ash-Natural","Ash-Honey Wheat","Ash-Lime","Ash-Raspberry","Ash-Turquiose","Birdseye Maple","Black & White Ebony","Bocote","Chechen","Cocobolo","Ebony","Maple-Natural","Maple-Honey Wheat","Maple-Lime","Maple-Raspberry","Maple-Turquoise","Olivewood","Padauk","Pink Ivory","Purpleheart","Rosewood","Tulipwood","Walnut","Zebrawood","Ziricote","Laminates-Applejack","Laminates-Bubblegum","Laminates-Dakota","Laminates-Field & Stream","Laminates-Olympic","Laminates-Sunrise","Maple Burl-Natural","Maple Burl-Black","Maple Burl-Green","Maple Burl-Red","Maple Burl-Teal"];
    categories["Titanium Gold"] = ["Amboyna","Ash-Natural","Ash-Honey Wheat","Ash-Lime","Ash-Raspberry","Ash-Turquiose","Birdseye Maple","Black & White Ebony","Bocote","Chechen","Cocobolo","Ebony","Maple-Natural","Maple-Honey Wheat","Maple-Lime","Maple-Raspberry","Maple-Turquoise","Olivewood","Padauk","Pink Ivory","Purpleheart","Rosewood","Tulipwood","Walnut","Zebrawood","Ziricote","Laminates-Applejack","Laminates-Bubblegum","Laminates-Dakota","Laminates-Field & Stream","Laminates-Olympic","Laminates-Sunrise","Maple Burl-Natural","Maple Burl-Black","Maple Burl-Green","Maple Burl-Red","Maple Burl-Teal"];
    categories["Sterling Silver"] = ["Amboyna","Ash-Natural","Ash-Honey Wheat","Ash-Lime","Ash-Raspberry","Ash-Turquiose","Birdseye Maple","Black & White Ebony","Bocote","Chechen","Cocobolo","Ebony","Maple-Natural","Maple-Honey Wheat","Maple-Lime","Maple-Raspberry","Maple-Turquoise","Olivewood","Padauk","Pink Ivory","Purpleheart","Rosewood","Tulipwood","Walnut","Zebrawood","Ziricote","Laminates-Applejack","Laminates-Bubblegum","Laminates-Dakota","Laminates-Field & Stream","Laminates-Olympic","Laminates-Sunrise","Maple Burl-Natural","Maple Burl-Black","Maple Burl-Green","Maple Burl-Red","Maple Burl-Teal"];
    
    var nLists = 4; // number of select lists in the set
    
    function fillSelect(currCat,currList){
      var step = Number(currList.name.replace(/\D/g,""));
      for (i=step; i<nLists+1; i++) {
        document.forms['tripleplay']['List'+i].length = 1;
    	document.forms['tripleplay']['List'+i].selectedIndex = 0;
      }
      var nCat = categories[currCat];
      for (each in nCat) {
    	var nOption = document.createElement('option');
    	var nData = document.createTextNode(nCat[each]);
    	nOption.setAttribute('value',nCat[each]);
    	nOption.appendChild(nData);
    	currList.appendChild(nOption);
      }
    }
    
    function getValue(L1, L2, L3, L4) {
      var oResultsBox = document.getElementById('testField');
      oResultsBox.value = L1 + "," + L2 + "," + L3 + "," + L4;
    }
    
    function init() {
      fillSelect('startList',document.forms['tripleplay']['List1'])
    }
    
    navigator.appName == "Microsoft Internet Explorer" 
    				   ? attachEvent('onload', init, false) 
    				   : addEventListener('load', init, false);
    </script>
    </head>
    <body>
    	<script type="text/javascript" src="libs/jquery/jquery.js"></script>
    	<script type="text/javascript" src="src/jquery.backstretch.js"></script>
    	<script type="text/javascript">
    	    $.backstretch(["scroll.png"]);
          $(".other").backstretch("scroll.png");
      </script>
    <p class="style1"><img src="images/logo.png" alt="Stewart Creations Custom Wood Products"><br><br>
    	<a href="index.html"><img src="buttons/main.png" onmouseover="this.src='buttons/main2.png';" onmouseout="this.src='buttons/main.png';" class="style10" alt="Back to Main"></a>
    	<a href="about.html"><img src="buttons/about.png" onmouseover="this.src='buttons/about2.png';" onmouseout="this.src='buttons/about.png';" class="style10" alt="About Our Products"></a>
    	<a href="pens.html"><img src="buttons/pens.png" onmouseover="this.src='buttons/pens2.png';" onmouseout="this.src='buttons/pens.png';" class="style10" alt="Our Pens"></a>
    	<a href="care.html"><img src="buttons/care.png" onmouseover="this.src='buttons/care2.png';" onmouseout="this.src='buttons/care.png';" class="style10" alt="Care of Your Wood Products"></a>
    	<a href="gallery.html"><img src="buttons/gallery.png" onmouseover="this.src='buttons/gallery2.png';" onmouseout="this.src='buttons/gallery.png';" class="style10" alt="Our Previosly made Image Gallery"></a>
    	<a href="artist.html"><img src="buttons/artist.png" onmouseover="this.src='buttons/artist2.png';" onmouseout="this.src='buttons/artist.png';" class="style10" alt="About The Artist"></a>
    <br><br>
    <strong><span class="style2">These will be the ordering options:</span></strong><br><br>
    <em><span class="style4">(I am currently working on the coding that will actually give a purchase option once done the selections)</span></em></p>
    <p class="style1"><span class="style3">For a preview of your ordering options, please click on the following links:</span><br><br>
    	<a href="http://www.stewartcreations.org/style.html" class="popup4"><img src="buttons/style.png" onmouseover="this.src='buttons/style2.png';" onmouseout="this.src='buttons/style.png';" class="style10" alt="Styles & Metal Finishes"></a>
    	<a href="http://www.stewartcreations.org/wood.html" class="popup1"><img src="buttons/wood.png" onmouseover="this.src='buttons/wood2.png';" onmouseout="this.src='buttons/wood.png';" class="style10" alt="Our Standard Selection of Woods"></a>
    	<a href="http://www.stewartcreations.org/laminates.html" class="popup2"><img src="buttons/lam.png" onmouseover="this.src='buttons/lam2.png';" onmouseout="this.src='buttons/lam.png';" class="style10" alt="Dymondwood® Laminates"></a>
    	<a href="http://www.stewartcreations.org/mapleburls.html" class="popup3"><img src="buttons/burl.png" onmouseover="this.src='buttons/burl2.png';" onmouseout="this.src='buttons/burl.png';" class="style10" alt="Stabilized Maple Burls"></a>
    </p>
    <table border="0" summary="">
    <tr>
    <td><BR>
    <strong>Style: <BR>
    Model: <BR>
    Metal Finish: <BR>
    Wood: </strong><BR>
    <td><BR><form name="tripleplay" action="">
    
    <select name='List1' onchange="fillSelect(this.value,this.form['List2'])">
    <option selected>Choose Your Style</option>
    </select><BR>
    
    <select name='List2' onchange="fillSelect(this.value,this.form['List3'])">
    <option selected>Select a Model</option>
    </select><BR>
    
    <select name='List3' onchange="fillSelect(this.value,this.form['List4'])">
    <option selected>Select a Metal Finish</option>
    </select><BR>
    
    <select name='List4'
     onchange="getValue(this.form['List1'].value,this.form['List2'].value,this.form['List3'].value,this.value)">
    <option selected >Select the wood</option>
    </select></form></td>
    </tr>
    </table>
    
    <input type="text" id="testField"  name="testField" maxlength="75" size="75" readonly 
     value="You're final selection will appear here.">
    <button onclick="alert(document.getElementById('testField').value)">Remember</button>
    
    </body>
    </html>
    This is the page's code in it's entirety so far. Now the problem with simply creating a buy now button for Paypal is that different Models have different prices and some woods also are priced differently.
    Last edited by VIPStephan; 08-19-2013 at 09:45 PM. Reason: added code BB tags

  • #11
    New to the CF scene
    Join Date
    Aug 2013
    Location
    Canada
    Posts
    9
    Thanks
    3
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by jmrker View Post
    Yes, you should be able to create the information for a second (or more) pens with a 'remember' button. You would build an array of the user choices to be submitted once the selection process
    is over and the order is ready for submission.
    Sorry, missed this part with my first reply. OK I will take care of this after the main problem has been resolved.

  • #12
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,635
    Thanks
    6
    Thanked 1,003 Times in 976 Posts
    If you post any code please put it in between [CODE][/CODE] tags. It makes scanning your posts much easier. You can do this by clicking the small “#” icon above the reply field.

  • #13
    New to the CF scene
    Join Date
    Aug 2013
    Location
    Canada
    Posts
    9
    Thanks
    3
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by VIPStephan View Post
    If you post any code please put it in between [CODE][/CODE] tags. It makes scanning your posts much easier. You can do this by clicking the small “#” icon above the reply field.
    OK thank you - will do so in future posts


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •