Community Forums 

Main Content

Another option than Ugly Drop-Downs?

    Jul 17 2015 21:14:54

    #1

    Marc Polish

    Join date : 2008-09-18      Posts : 24

    I would like to use images for size selection, instead of those outdated looking dropdowns. Is this possible?

    TIA!



    Jul 18 2015 12:22:19

    #2

    GT

    Join date : 2008-09-18      Posts : 3207

    Yes.

    Use the image with an onclick command to pass the option into the form.

    Having trouble with a form or need one building?
    Fast turnaround, but I do charge :)

    Mal's Forms / Scripts and the syntax are here.




    Jul 18 2015 14:14:56

    #3

    Marc Polish

    Join date : 2008-09-18      Posts : 24

    Can you give me an example of the coding for that?

    Thanks!



    Jul 18 2015 16:46:29

    #4

    GT

    Join date : 2008-09-18      Posts : 3207

    Try this...

    <input type="image" src="/images/image.jpg" alt="Size XL" onclick="Option1()">

    Then create the javascript to fill the option into the form.

    Having trouble with a form or need one building?
    Fast turnaround, but I do charge :)

    Mal's Forms / Scripts and the syntax are here.




    Jul 18 2015 19:32:44

    #5

    Marc Polish

    Join date : 2008-09-18      Posts : 24

    I am not very experienced at Javascripting. I guess I'll dig around Google to find something.

    Perhaps there is a way to customize or use a more contemporary drop-down within Mals?



    Jul 19 2015 09:16:11

    #6

    Geoff

    Join date : 2008-09-18      Posts : 415

    Javascript not necessary. In place of a dropdown, simply display your images with a radio button next to each, for example

    <image src="http://www.example.com/images/small_tshirt.jpg"; width="100" height="100" alt="Small T Shirt">

    <input type="radio" name="productpr" value="T Shirt Small:15.95">

    <image src="http://www.example.com/images/medium_tshirt.jpg"; width="100" height="100" alt="Medium T Shirt">

    <input type="radio" name="productpr" value="T Shirt Medium:17.95">

    and so on...



    Jul 19 2015 17:16:38

    #7

    Marc Polish

    Join date : 2008-09-18      Posts : 24

    Thanks for the info Geoff, however radio buttons are a bit archaic as well.



    Jul 20 2015 11:22:58

    #8

    Alan

    Join date : 2008-09-18      Posts : 2950

    I'm sure you could find what you want with a simple search.

    For example
    http://stackoverflow.com/questions/17541614/use-image-instead-of-radio-button

    Alan
    Some shipping help documents are available at www.stoner.org.uk/mals/




    Jul 20 2015 17:29:49

    #9

    Marc Polish

    Join date : 2008-09-18      Posts : 24

    Thanks Alan!

    Now can someone give me a solution for customizing the drop down? Is this even possible in Mals? I'm trying to make the drop down box (with arrow) design a little more styled to our new site. I need to have a drop down for all 26 letters of the alphabet.

    Thanks!



    Jul 21 2015 13:51:59

    #10

    Debbie Q

    Join date : 2008-09-18      Posts : 4994

    Marc the things you are asking are just web design stuff and have nothing to do with Mal's cart. You do not like any of our answers because they are "archaic" Why would we want to waste any more of our volunteer time? Us dinosaurs are old and tired. You know what you want I am sure you can find it on Google.

    Debbie Q

    Mal's Support: www.mals-e.com/support.php
    GT's Forms and examples: www.malsforms.com
    Helpful java scripts: www.gemasana.com/mals
    Shipping help documents: www.stoner.org.uk/mals

    My Create-A-Book Publishing - mycreateabook.com
    Personalized Books, Music CDs and Gifts for all ages and occasions.

    Please help me out and share my site on your networks.




       1   |   2      »