Page 1 of 3 123 LastLast
Results 1 to 16 of 34

Thread: Computer Configurator

  1. #1
    lazy student nvening's Avatar
    Join Date
    Jan 2005
    Location
    London
    Posts
    4,656
    Thanks
    196
    Thanked
    31 times in 30 posts

    Computer Configurator

    Whats the easyest way of creating a computer configuration webpage. All i want is drop down menus to choose the component and a total cost at the bottom.

    Also a button which would email the configuration to me would be nice.

    I have done one using some pre written java script off a website however that does not have the totaling feature - also its probably not the best way of doing it.

    I dont know java - only HTML and some CSS.

    Thanks - also if there is a template somewhere on the internet for free i am happy just to use that!!
    (\__/)
    (='.'=)
    (")_(")

  2. #2
    Vive le pants! directhex's Avatar
    Join Date
    Jul 2003
    Location
    /dev/urandom
    Posts
    17,074
    Thanks
    228
    Thanked
    1,027 times in 678 posts
    • directhex's system
      • Motherboard:
      • MSI X99A Gaming 7
      • CPU:
      • Intel Core i7 5280k
      • Memory:
      • 32GiB ADATA DDR4
      • Storage:
      • Corsair Neutron XT 960GB
      • Graphics card(s):
      • MSI GTX 980 Gaming 4G Twin Frozr 5
      • PSU:
      • Corsair AX860i
      • Case:
      • NZXT H440
      • Operating System:
      • Ubuntu 17.10, Windows 10
      • Monitor(s):
      • Dell U2713HM
      • Internet:
      • FIOS
    reckon you'd *really* need some heavy duty database work behind this, to manage compatabnilities - unless the end-user needs to know which motherboards work with which CPUs work with which memory, those relationships need to be stored somewhere, and that somewhere has gotta be a database

  3. #3
    lazy student nvening's Avatar
    Join Date
    Jan 2005
    Location
    London
    Posts
    4,656
    Thanks
    196
    Thanked
    31 times in 30 posts
    Its really just a basic thing where people can spec out the sort of thing they want for the money so they can compare it to other places and then speak to sales to finilise the system - its only a local type thing

    Also it will be a seperate page for each platform eg high end AMD AM2 so there will not be huge compatability problems. Basically i just want to know how to make drop down menus and then total up the choices.

    Thanks!!
    (\__/)
    (='.'=)
    (")_(")

  4. #4
    Senior Member ajbrun's Avatar
    Join Date
    Apr 2004
    Location
    York, England
    Posts
    4,840
    Thanks
    4
    Thanked
    25 times in 13 posts
    I'd maybe find a PHP tutorial then. It shouldn't be too hard, but since it sounds like you're making it for someone else, it's probably best you know what it does and how it works. But basically, what you'd do is make a form in HTML, and the button for that form would do a POST (or is it a GET?) to a PHP page, which would then find out what information has been entered in the form.

    You'd probably still need a database though, just to hold the information. All the prices and stuff would have to be stored somewhere, and since you'd probably want to add more at some point, just storing them in the HTML wouldn't be a good idea.

    I'd work through these PHP tutorials if I were you:
    Basic PHP
    mySQL

    There's probably better solutions, but I hope that helps .
    Last edited by ajbrun; 01-07-2006 at 01:24 AM.

  5. #5
    lazy student nvening's Avatar
    Join Date
    Jan 2005
    Location
    London
    Posts
    4,656
    Thanks
    196
    Thanked
    31 times in 30 posts
    Ah - i think i have found a way of submitting the values which would work on submitting the options as shown here:

    Code:
    <form method="post" action="mailto:nvening@gmail.com">
    What kind of shirt are you wearing? <br />
    Shade: 
    
    <input type="radio" name="shade" value="dark">Dark
    <input type="radio" name="shade" value="light">Light <br />
    
    <p>A nice bit of text here
    
    <p>Size:
    
    <input type="radio" name="size" value="small">Small
    <input type="radio" name="size" value="medium">Medium
    <input type="radio" name="size" value="large">Large <br />
    <input type="submit" value="Email Myself">
    </form>
    However i think the needs an email program to be setup - how could i work without needing an email program?

    Also this does not help in totalling - Is there a way to do it in HTML or is PHP etc the only way?? (PS it is for me so i can simply change it in the future if i need to).

    Thanks
    Last edited by nvening; 01-07-2006 at 11:16 AM.
    (\__/)
    (='.'=)
    (")_(")

  6. #6
    Member
    Join Date
    Apr 2006
    Posts
    141
    Thanks
    0
    Thanked
    0 times in 0 posts
    this would be kinda simple depending on what you were asking for..

    if you have paid for php webspace you would most probably have mysql access as well.. but you could use MS access if you wanted..

    you could also use Javascript for the totalling without the need to refresh the page.. but IMO i would go with php and do a post.... you could have so many fields in the db with no of pci slots so that if they wanted to purchase more pci cards you would be able to limit them to the amount on their selected board..

    yes i have also thought about this before if i get round to doing something ill send a link if you like just to give you an idea.

  7. #7
    Member
    Join Date
    Apr 2006
    Posts
    141
    Thanks
    0
    Thanked
    0 times in 0 posts
    Quote Originally Posted by nvening
    Ah - i think i have found a way of submitting the values which would work on submitting the options as shown here:

    Code:
    <form method="post" action="mailto:youremail@email.com">
    College Degree?
    <select name="degree">
    <option>Choose One</option>
    <option>Some High School</option>
    <option>High School Degree</option>
    <option>Some College</option>
    <option>Bachelor's Degree</option>
    <option>Doctorate</option>
    <input type="submit" value="Email Yourself">
    </select>
    </form>
    However this does not help in totalling - Is there a way to do it in HTML or is PHP etc the only way?? (PS it is for me so i can simply change it in the future if i need to.

    Thanks


    Javascript possibly... something like..

    <form name="form1" method="Post" action="index.htm">
    <input type="radio" value="10" onclick="document.form1.total.value='10'">Extra card &#163;10
    <input type="text" name="total">
    </form>

    This wont do the calculations only display the value of the last item you clicked into the box.. but there will be guides out there to do this.. along the same lines
    Last edited by dom_xbox; 01-07-2006 at 11:20 AM.

  8. #8
    Vive le pants! directhex's Avatar
    Join Date
    Jul 2003
    Location
    /dev/urandom
    Posts
    17,074
    Thanks
    228
    Thanked
    1,027 times in 678 posts
    • directhex's system
      • Motherboard:
      • MSI X99A Gaming 7
      • CPU:
      • Intel Core i7 5280k
      • Memory:
      • 32GiB ADATA DDR4
      • Storage:
      • Corsair Neutron XT 960GB
      • Graphics card(s):
      • MSI GTX 980 Gaming 4G Twin Frozr 5
      • PSU:
      • Corsair AX860i
      • Case:
      • NZXT H440
      • Operating System:
      • Ubuntu 17.10, Windows 10
      • Monitor(s):
      • Dell U2713HM
      • Internet:
      • FIOS
    Quote Originally Posted by nvening
    However i think the needs an email program to be setup - how could i work without needing an email program?
    the "action" section of your form must specify a URI of some kind. in your example, it's a mailto: address, so the client's web browser will start their default email client, with the values specified in the form filled in.

    if you don't want that, then you need a different type of URI - i.e. an http: address. and if you're using http, then the only way to have a web server do more than send files stored on disk is to use an active language like PHP, ASP, JSP, ColdFusion, Perl, whatever.

    a typical web server, literally, ONLY understands "please send me this file from your disk".

    what you want is "please send me this file, by the way, here are some extra bits of data in case you're interested: 'p4, 1gig, atx'", where the server reads the extra values, runs them through some kind of server-side processing, then presents the user with a generated (i.e. not-on-disk) page that gives them information specific to them

    consider something like a forum or search engine - none of these pages actually exist, they're all just a bunch of templates written in PHP which have the blanks filled in on a per-user basis

  9. #9
    Senior Member ajbrun's Avatar
    Join Date
    Apr 2004
    Location
    York, England
    Posts
    4,840
    Thanks
    4
    Thanked
    25 times in 13 posts
    For the email function, I'd use this:

    http://phpmailer.sourceforge.net/

    I'm pretty sure everything else you need is in that PHP tutorial. I could just give code examples here, but since it does the same thing in the tutorial, I won't bother .

  10. #10
    lazy student nvening's Avatar
    Join Date
    Jan 2005
    Location
    London
    Posts
    4,656
    Thanks
    196
    Thanked
    31 times in 30 posts
    Well im goign through the php tutorial so i will see how it goes!!
    (\__/)
    (='.'=)
    (")_(")

  11. #11
    lazy student nvening's Avatar
    Join Date
    Jan 2005
    Location
    London
    Posts
    4,656
    Thanks
    196
    Thanked
    31 times in 30 posts
    How about this code - nice and simple HTML which suites the purpose and need

    Code:
    <form method="post" action="mailto:youremail@email.com">
    Please select a GPU <br />
    
    <input type="radio" name="GPU" value="AMD">AMD
    <input type="radio" name="GPU" value="Intel">Intel <br />
    
    Please select a CPU <br />
    
    <input type="radio" name="CPU" value="ATI">ATI
    <input type="radio" name="CPU" value="Nvidia">Nvidia <br />
    <p>
    
    Name: <input type="text" size="10" maxlength="40" name="Name"> <br />
    <p>
    Email: <input type="text" size="20" maxlength="40" name="Email"> <br />
    <p>
    <input type="submit" value="Email Myself">
    </form>
    Now this will do the mailto action which is not perfect but will do if it needs to be sent. However it would be much better if it could just be sent to my email through the server but thats sounds like its going to be complicated?

    Also it still does not have the ability to add up the totals - can someone show me some javascript or something that i could incorportate - or tell me what part of that PHP tutorial i could use to do this as i did no see anything??

    I think useing mysql is far to complicated for my needs.
    (\__/)
    (='.'=)
    (")_(")

  12. #12
    Vive le pants! directhex's Avatar
    Join Date
    Jul 2003
    Location
    /dev/urandom
    Posts
    17,074
    Thanks
    228
    Thanked
    1,027 times in 678 posts
    • directhex's system
      • Motherboard:
      • MSI X99A Gaming 7
      • CPU:
      • Intel Core i7 5280k
      • Memory:
      • 32GiB ADATA DDR4
      • Storage:
      • Corsair Neutron XT 960GB
      • Graphics card(s):
      • MSI GTX 980 Gaming 4G Twin Frozr 5
      • PSU:
      • Corsair AX860i
      • Case:
      • NZXT H440
      • Operating System:
      • Ubuntu 17.10, Windows 10
      • Monitor(s):
      • Dell U2713HM
      • Internet:
      • FIOS
    Quote Originally Posted by nvening
    Now this will do the mailto action which is not perfect but will do if it needs to be sent. However it would be much better if it could just be sent to my email through the server but thats sounds like its going to be complicated?
    as i already said, an HTTP web server only understands "please send me this file from your disk". that isn't compatible with "please send an email to someone for me". php mailer functions are pretty simple, but you DO need a php-enabled web server

    Also it still does not have the ability to add up the totals - can someone show me some javascript or something that i could incorportate - or tell me what part of that PHP tutorial i could use to do this as i did no see anything??

    I think useing mysql is far to complicated for my needs.
    where do you plan on storing pricing information for every item - and the relationships between them (e.g. only allowing AGP cards to be selected with AGP boards, intel CPUs for intel mobos, etc)

  13. #13
    lazy student nvening's Avatar
    Join Date
    Jan 2005
    Location
    London
    Posts
    4,656
    Thanks
    196
    Thanked
    31 times in 30 posts
    what do you think of this: http://www.thalasson.com/

    It works!!

    Also as i said before i will be having seperate configurators for different types of system eg a high end AMD AM2 system.

    It is also most practicle for me to simply put the prices in the code as it is only small scale.

    So i seem to have sorted out the mailing thing now i just need to work out how to do the totalling.

    EDIT: the code i used for the mailform was
    Code:
    <form emailto="mailto:nvening@gmail.com" application/x-www-form-urlencoded method="post" action="http://www.qkxyq.com/thalasson/mailform.cgi">
    
    
    
    Please select a GPU <br />
    
    <input type="radio" name="GPU" value="AMD">AMD
    <input type="radio" name="GPU" value="Intel">Intel <br />
    
    Please select a CPU <br />
    
    <input type="radio" name="CPU" value="ATI">ATI
    <input type="radio" name="CPU" value="Nvidia">Nvidia <br />
    <p>
    
    Name: <input type="text" size="10" maxlength="40" name="Name"> <br />
    <p>
    Email: <input type="text" size="20" maxlength="40" name="Email"> <br />
    <p>
    <input type="submit" value="Email Myself">
    
    <INPUT NAME=subject TYPE=HIDDEN VALUE="Configuration Details">
    <INPUT NAME=nextpage TYPE=HIDDEN VALUE="www.cubicomputers.co.uk">
    <INPUT NAME=emailto TYPE=HIDDEN VALUE="nvening@gmail.com">
    
    </form>
    Last edited by nvening; 02-07-2006 at 02:45 PM.
    (\__/)
    (='.'=)
    (")_(")

  14. #14
    Gentoo Ricer
    Join Date
    Jan 2005
    Location
    Galway
    Posts
    11,048
    Thanks
    1,016
    Thanked
    944 times in 704 posts
    • aidanjt's system
      • Motherboard:
      • Asus Strix Z370-G
      • CPU:
      • Intel i7-8700K
      • Memory:
      • 2x8GB Corsiar LPX 3000C15
      • Storage:
      • 500GB Samsung 960 EVO
      • Graphics card(s):
      • EVGA GTX 970 SC ACX 2.0
      • PSU:
      • EVGA G3 750W
      • Case:
      • Fractal Design Define C Mini
      • Operating System:
      • Windows 10 Pro
      • Monitor(s):
      • Asus MG279Q
      • Internet:
      • 240mbps Virgin Cable
    Quote Originally Posted by nvening
    what do you think of this: http://www.thalasson.com/

    It works!!

    Also as i said before i will be having seperate configurators for different types of system eg a high end AMD AM2 system.

    It is also most practicle for me to simply put the prices in the code as it is only small scale.

    So i seem to have sorted out the mailing thing now i just need to work out how to do the totalling.
    It still uses a server side script (CGI in this case) from another company..

    Really, you'll have to use javascript to change make sure the scroll boxes have the correct information (i.e. selecting an AM2 cpu will only make AM2 motherboards available) and changing other dynamic page content before mailing.
    Quote Originally Posted by Agent View Post
    ...every time Creative bring out a new card range their advertising makes it sound like they have discovered a way to insert a thousand Chuck Norris super dwarfs in your ears...

  15. #15
    lazy student nvening's Avatar
    Join Date
    Jan 2005
    Location
    London
    Posts
    4,656
    Thanks
    196
    Thanked
    31 times in 30 posts
    Did u fill out the form? Cause i just got an email from someone with some jiberish email and name
    (\__/)
    (='.'=)
    (")_(")

  16. #16
    Gentoo Ricer
    Join Date
    Jan 2005
    Location
    Galway
    Posts
    11,048
    Thanks
    1,016
    Thanked
    944 times in 704 posts
    • aidanjt's system
      • Motherboard:
      • Asus Strix Z370-G
      • CPU:
      • Intel i7-8700K
      • Memory:
      • 2x8GB Corsiar LPX 3000C15
      • Storage:
      • 500GB Samsung 960 EVO
      • Graphics card(s):
      • EVGA GTX 970 SC ACX 2.0
      • PSU:
      • EVGA G3 750W
      • Case:
      • Fractal Design Define C Mini
      • Operating System:
      • Windows 10 Pro
      • Monitor(s):
      • Asus MG279Q
      • Internet:
      • 240mbps Virgin Cable
    Quote Originally Posted by nevening
    EDIT: the code i used for the mailform was
    Code:
    <form emailto="mailto:nvening@gmail.com" application/x-www-form-urlencoded method="post" action="http://www.qkxyq.com/thalasson/mailform.cgi">
    that wont work, you need to add the variables for the mailform.cgi in hidden html form objects.. "emailto" isn't a standard <form> option and will be ignored by any standards complient browser.

    Quote Originally Posted by thalesson
    <INPUT NAME=subject TYPE=HIDDEN VALUE="Comments from user">
    <INPUT NAME=nextpage TYPE=HIDDEN VALUE="www.wijjettz.com/thankyou.html">
    <INPUT NAME=emailto TYPE=HIDDEN VALUE="webmaster (at) wijjettz.com">
    Like so.

    all you need is the method and action in your <form> tag.
    Quote Originally Posted by Agent View Post
    ...every time Creative bring out a new card range their advertising makes it sound like they have discovered a way to insert a thousand Chuck Norris super dwarfs in your ears...

Page 1 of 3 123 LastLast

Thread Information

Users Browsing this Thread

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

Similar Threads

  1. Replies: 3
    Last Post: 07-12-2004, 11:45 AM
  2. Replies: 0
    Last Post: 07-12-2004, 10:44 AM

Posting Permissions

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