In Progress

JQuery select/dropdown form based navigation with sub-selects

We need a JQuery driven form, based on a simulated html select/dropdown. Through this form users can navigate through a number of select-options.

The form will consist of two levels of selects/option-sets. Some (not all) of the options in the main select (level 1) can activate a sub-select with related options (level 2). All options on both level 1 and 2 are clickable links (to a new, discinct url), meaning that all options on level 1 can be clicked while some of them can both be clicked or hovered to activate an underlying sub-select.

A graphic sketch of the form has been attached to this project for visualization.

TECHNICAL DETAILS/REQUIREMENTS

==============================

- Script must be supported by official JQuery [url removed, login to view]

- Project must consist of unique styles (ie. no use of JQuery UI styles or other style plugins)

- Project will be implemented in php website, with data for all selects supplied from MySQL database

LAYOUT/FUNCTIONALITY

====================

- Script must be written in separate js-file.

- All styles must be defined in separate css. No styles to be defined in js/html

- Select options on level 2 must have a background different than on level 1.

- Select options on level 1 which holds an underlying sub-select (level 2), must have an arrow indicator placed far right in the option area.

- When hovering an option (either level), hover effect must be used (background and font color) while option text must also be underlined to indicate that text is clickable

- When hovering a select option on level 1 which holds an underlying sub-select, appearance of the sub-select submenus must be delayed by 300ms

- All options (on both levels) must have an “active” class to create a distinct appearance when user is on the particular page url that corresponds to the selected options (ie. the url /premier-league/arsenal/ will make option “Premier League” active on level 1 and option “Arsenal” active on level 2)

- Likewise, the text value of current selection in the dropdown must always reflect the current url (ie. showing “England – Premier League » Arsenal” if the user is on the url mentioned in the bullet above).

INSPIRATION

===========

The following jquery select projects have functionality that inspired this project, while both of them lack some or more of the above mentioned requirements (ie. current selection marking, sub-selects etc.):

[url removed, login to view]

[url removed, login to view]

Skills: CSS, jQuery / Prototype, PHP

See more: jquery select dropdown, two levels, sub all, jquery main js, jquery 1, create official website, color inspiration, all sub, active ui, php related projects, sub, select, premier league, mysql visualization, mysql dropdown, js jquery, dropdown, dropdown select, css sub page, css background style, form background, jquery css hover, graphic jquery, data hover, clickable css

About the Employer:
( 20 reviews ) TaXbiex, Denmark

Project ID: #4013377

Awarded to:

cosmicwheels

Hi there, I would have no trouble creating your jQuery based navigation menu. I have almost 10 years experience in web design and development and have vast experience in working with HTML, CSS jQuery/Javascript as well More

€450 EUR in 5 days
(5 Reviews)
5.7

26 freelancers are bidding on average €353 for this job

goldensolution

Hello Sir I really love to work with you. Please allow me to do the job. Thanks

€450 EUR in 5 days
(172 Reviews)
7.4
canlan318

I am ready to start your project.

€250 EUR in 3 days
(87 Reviews)
6.9
eLYTeam

Hi, I'm Medina, a member of eLYTeam. I have been working with jQuery for quite some time now, so I think I can tackle your project. I have one question, regarding the url and active selection part. You want the More

€250 EUR in 7 days
(79 Reviews)
6.6
shuiwatermizu

see pmb for detail

€325 EUR in 3 days
(94 Reviews)
6.4
zk230182

Hi I hope you'll be fine. I've more than 6 years of web Development and Design experience.

€500 EUR in 7 days
(40 Reviews)
6.4
tungnt90

Expert here.

€250 EUR in 3 days
(38 Reviews)
5.6
sssrihari

Hi, Please check your inbox. Thanks !

€500 EUR in 7 days
(13 Reviews)
5.6
rajofficial2009

Hi, We have checked the project details and Team can deliver this job in less than 3 working days. Please check your inbox for more details.

€250 EUR in 5 days
(23 Reviews)
5.5
stdhtelkom

Hi, I am understand with your need. I am expert on javascript and jquery. All my projects is with javascript and jquery. I believe that you will satisfied with my delivery. All the best, Steve

€250 EUR in 4 days
(14 Reviews)
5.5
hrarcon

Ready to do your work as per your requirement.Check PM

€250 EUR in 2 days
(6 Reviews)
5.1
cloutsoft

Hi, I am expert with over 3 years of experience. I will provide the best services. Thanks

€400 EUR in 5 days
(23 Reviews)
4.9
Butterfly718

Hello sir. I read all your requirements. And i am good at all that. Please check attached doc for my previous works. Hope to hear from you soon. Thanks!!

€250 EUR in 3 days
(38 Reviews)
4.9
webangel1

sir i am ready to work please check pmb thanx..

€600 EUR in 12 days
(26 Reviews)
4.9
pixecs

Dear sir, i can help you with this project. I have over 6 years of development in Html + Css + JavaScript, over 2 years of development in Php and jQuery and 1 year of wordpress plugins development.

€250 EUR in 3 days
(33 Reviews)
4.8
FilipGorka

I will do my best

€250 EUR in 5 days
(26 Reviews)
4.8
DcoreInfotech

Dear Hiring Manager, We understand your requirements fully & are confident of a 100% delivery from our end. Please check your mailbox here, for our detailed bid. Thanks and regards DcoreInfotech team

€750 EUR in 30 days
(10 Reviews)
4.8
annie4u

Get your job done by an expert to avail 100% guaranteed satisfaction. I am ready to work with you. Please see PMB for more information on my BID:

€250 EUR in 3 days
(13 Reviews)
4.6
desigmbooms

Experts here please check PMB for more details,Thanks

€450 EUR in 12 days
(6 Reviews)
4.2
IceCream90

Hi, I have a lot of experience in working with HTML/HTML5/DHTML/XHTML, CSS/CSS3, JavaScript/JQuery, AJAX and PHP, and I also have a lot of experience with making dropdown menus, so I can make completely custom dropd More

€250 EUR in 10 days
(17 Reviews)
3.7
sucessman

I am ready to start. Regards.

€300 EUR in 3 days
(4 Reviews)
3.2