CODEWITHSUNDEEP
javascripthtmlcss
Anna
Anna

Reputation: 21

Dropdown css/javascript boxes

I've found some solutions for custom drawn dropdown boxes to replace the HTML select element, namely the jquery-image-dropdown solution.

However, how can I get a box which requires a click to open, and overdraws the selected item at the top, as at: http://www.xero.com/

Sorry if that's a bit confusing, essentially I'm looking for a solution similar to that.

Cheers.

Upvotes: 2

Views: 465

Answers (2)

Branimir
Branimir

Reputation: 4367

You can make it from stratch, it's not to complex.

Sample:

<html>
    <script>
        function ShowList()
        {
            document.getElementById("List").style.display = "block";                
            document.getElementById("ChangeLocation").style.display = "none";
        }
    </script>
<body>
    <span id="ChangeLocation" onclick="javascript:ShowList();">Change location</span>
    <ul id="List" style="display:none">
        <li>Global</li>
        <li>United Kingdom</li>
        <li>Australia</li>
    <ul>
</body>
</html>

Upvotes: 2

Tim Rogers
Tim Rogers

Reputation: 21713

A quick check of the page's source reveals that the site uses the jQuery clickMenu plugin. Have you looked into that?

Upvotes: 0

Related Questions