dcsimg
www.webdeveloper.com
Results 1 to 6 of 6

Thread: Multiple Button Variations

  1. #1
    Join Date
    Sep 2016
    Posts
    3

    Multiple Button Variations

    Hello,

    I'm trying to figure out how to have 2 sets of button options to change images.

    http://dirtcheapor.com/bumper-configurations/

    Instead of how this is set up, my client wants 1 of 3 button selections on the left and 0-4 button selections on the right to change image based on selection.

    I have added an image to to the link above showing what I want just below the functioning button area.

    Thank you

    Greg

  2. #2
    Join Date
    Mar 2007
    Location
    localhost
    Posts
    3,706
    I would IMHO use HTML5 Canvas and have the individual elements positioned on to the base bumper and track the users additions and create a design reference that you pass to the server to return the price for that design.
    --> JavaScript Frameworks like JQuery, Angular, Node <-- ... and please remember to wrap any code you have in forum tags:-
    [CODE]...[/CODE] [HTML]...[/HTML] [PHP]...[/PHP]

    If you can't think outside the box, you will be trapped forever with no escape...

  3. #3
    Join Date
    Sep 2016
    Posts
    3
    I appreciate the input. Certainly not opposed to a better way of doing this. Not familiar with what your suggested approach. Any additional input would be appreciated.

    Thank you

  4. #4
    Join Date
    Dec 2012
    Posts
    898
    I would also recommend using canvas to implement this. You can use the framework jCanvas which makes it much easier. You can get familiar with it by reading the docu.
    You might also create the final image by placing the parts above each other by CSS but I doubt that this would be much easier.
    A 1 of 3 choice is usually achieved by using radio buttons:
    https://developer.mozilla.org/en/doc.../Element/Input
    and 0 ... 4 of 4 by using a select element:
    https://developer.mozilla.org/en-US/...Element/select

  5. #5
    Join Date
    Mar 2007
    Location
    localhost
    Posts
    3,706
    Rubbish, Canvas is perfect for this, what are you rambling on about?

    All you need is a base image and the features are click able options that are then added to that image, the result being a hard copy of the image can be posted to the server along with a design reference and an order confirmation with price given, etc.
    --> JavaScript Frameworks like JQuery, Angular, Node <-- ... and please remember to wrap any code you have in forum tags:-
    [CODE]...[/CODE] [HTML]...[/HTML] [PHP]...[/PHP]

    If you can't think outside the box, you will be trapped forever with no escape...

  6. #6
    Join Date
    Dec 2012
    Posts
    898
    and 0 ... 4 of 4 by using a select element:
    https://developer.mozilla.org/en-US/...Element/select
    Sorry, I was wrong, you need checkboxes for this.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles