/    Sign up×
Community /Pin to ProfileBookmark

advanced select!

Hi,

I was wondering if any1 has an idea on how to do a select like the ebay one next to the search bar. the way it has a an arrow image and moves the one below in a bit. I tried using css but no luck with it ?

you can see what i mean here (just click on the select next to the search and scroll to the top)

[URL=http://computers.listings.ebay.co.uk/_W0QQcatrefZC3QQcatrefZC6QQcoactionZcompareQQcoentrypageZsearchQQcopagenumZ1QQfposZS118Q51JQQfromZR2QQfsooZ1QQfsopZ1QQftrtZ1QQftrvZ1QQga10244Z10425QQsacatZ160QQsadisZ200QQsaslcZ3QQsbrftogZ1QQsocmdZListingItemListQQsofocusZbs]here[/URL]

Thanks
Adam

to post a comment
HTML

7 Comments(s)

Copy linkTweet thisAlerts:
@KossuMay 16.2005 — Hi!

You need to use forms and drop-down boxes for that.. Here's one example:

http://www.w3schools.com/html/html_forms.asp

Scroll down the page to the drop box example.

Hope that's any help.

Kossu
Copy linkTweet thisAlerts:
@k0r54authorMay 16.2005 — i cant find where it explains how to get the options with different indents, i know how to do a normal select box, it how to do the arrow thing that ebay does?

Thanks

Adam
Copy linkTweet thisAlerts:
@KossuMay 16.2005 — Oh, sorry.. Now i see what you meant.

Ebay seems to use some javascript with that drop-down box.. Maybe you could ask some advice in the javascript forum? At least my bag of tricks is empty here =)

Kossu
Copy linkTweet thisAlerts:
@SanimMay 16.2005 — Or it might just be an ACSII character (example: &copy? in front of the "computing" text if you can put stuff like that in a select menu.
Copy linkTweet thisAlerts:
@SanimMay 16.2005 — I looked at the source, and this is what eBay used:
[code=html]
<option value="-1&amp;catref=C6">&gt; All Categories</option>
[/code]

I dunno. If it's not a big deal, I'd just drop it. &gt; is the greater than sign, and the symbol there certainly didn't look like a >.
Copy linkTweet thisAlerts:
@k0r54authorMay 17.2005 — mmm.

tricky, why would they have the &gt there though???
Copy linkTweet thisAlerts:
@k0r54authorMay 17.2005 — ill post it on the javascript forum, but if any1 has any ideas, please let me know

Thanks

Adam
×

Success!

Help @k0r54 spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 6.16,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @nearjob,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...