Filtering Inside A Dropdown Menu - javascript

I am trying to figure out how to use a filtering js such as isotope inside of a dropdown menu.Let me explain in detail.
I would have a set of Dropdown menus that a user would click through, in the end producing a link that is specific to what they have chosen in the dropdown menus. As the user chooses options in the dropdown menus, I would like some options in the following dropdown menus to either grey out or disappear.
On another note, I would also like to be able to filter a list of links based dropdown menu choices from the user. I was wondering if this is possible?
I am trying to do this with only HTML, CSS, and jQuery. Can someone put me in the right direction?
(hopefully what I've said makes sense...)

Related

Bootstrap dropdown menu getting hidden behind the dhtmlx layout

I am using a DHTMLX 3T layout, in which topmost layout(a) has the bootstrap components(Drop down, search box, etc).
When I click on the dropdown, the menu is getting hidden behind the other layout(c) and I am unable to see the menu list. Can you let me know the solution for this problem so that i can see the menu items.
I have tried to set the z-index for the drop down but still unable to resolve the issue.
Your bootstrap menu is attached to the layout cell and designed so that it is not available to show it outside the current container.
You may only try to create your menu outside of the layout cell.

Drag and drop web items

I want to build a site where i can make some drag and drop elements on my website.
I want it to be something like the wordpress widgets. If the user wants to add another text box to a div area they can just drag it to that catagory and it adds an area to add text to there site.
I would like to to be all drag and drop but if they have to choose from a drop down where they want to send it (like box1 or box2 or box3) and then click a button that says add then that would be fine too.
How do i do this or is there a pre made one i can use?
Thank you for your help!
You can drag and drop items into something like a div. I found some information here: http://www.w3schools.com/html/html5_draganddrop.asp.

Displaying a div on click of select menu without showing the drop down JavaScript

I have to make a customized drop down menu using JavaScript. On click of select box dropdown appears with the options, I need to customize the appearance of that menu.
My approach is to have a div with the options in it and required styling, when user clicks the select menu that div should appear instead of displaying drop down.
I tried using onclick() events but the dropdown menu appears before and then the div appears. This is not helping the cause.
Please suggest me how to achieve such requirement.
Maybe you could hide the options?
option { display: none; }
Why not complete replace the with your own DIV completely?

Idea to have a pop-up box of radio boxes on a form

I am creating a search box form, but I would like to give the user the option of selecting certain categories from a large collection (say 300+). This would not work very well for a drop down menu, in my opinion.
I was wondering if you could create a pop up box with the background greyed out, like you do with images and have all the categories displayed horizontally as radio boxes and then the user could select one or more of the categories and return to the rest of the form.
I suppose I could use a hidden DIV, but the impact of a popup box would be preferable to me.
Anyone any guidance as to whether this is possible.
Thanks
Here is the solution.I just implemented it to show that it is possible. http://jsfiddle.net/raynesax/u9Ywu/
You can accomplish this easily with JQueryUI dialog functionality.

Menu: What kind is this?

I dont know what it is called but you can see on this page http://carleypelletier.deviantart.com/gallery/#_browse if you click on a category you'll get a list and if there is a subcategory there will be a > at the end. When clicking this the menu text moves left off the menu and the new categories are in. How do i do this type of menu? i'm open to any libs. It would be nice if i can fill it using json or a config file.
Check this Chinese menu of jQuery drop downs, you are looking for a "drill down style of menu, on the menu you will see a "jQuery iPod-style Drilldown Menu" which is pretty close to what you want, they just used multiple ones.
A working example of one is here

Categories

Resources