Grow your CSS skills. Land your dream job.

Select menu help

  • # May 29, 2013 at 7:01 pm

    I want to create this
    [Before:](http://www.dropbox.com/s/f7s3juqvzh7jbam/Screen-Shot-before.png?v=0mcn “”)

    [After:]((http://www.dropbox.com/s/hr7lkjfmxeoqa9v/Screen-Shot-after.jpg?v=0mcn “”)

    How to do that?

    # May 30, 2013 at 7:16 am

    Not sure a Select box is what you want…I’d be inclined to think more in terms of an unordered list.

    Functionality via JS.

    # May 30, 2013 at 8:43 am

    Well i want that when user clicks the list appears (fades in) and when user selects any one it gets selected so that i can be sent to database. if there is any other way , i would be happy to know.

    # May 30, 2013 at 8:46 am

    Yeah but it’s REALLY hard to style browser elements like select boxes for what you want.

    An unordered list could be styled the way you want and js would do the effects and submission etc.

    # May 30, 2013 at 8:52 am

    ok so in that direction i know this much

    onclick div – display popup [fade in/out effect by js]

    onclick popupdiv – close the popup.

    PROBLEMS

    how to exchange the value of main div [single one]

    how to submit a corresponding value

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".