FAQ Database Discussion Community


why doesn't this drop-down menu work with mouseover and leave?

javascript,css,drop-down-menu,mouseover,mouseleave
I want it to display "you" under "Home" when hovering and disappearing when mouse leaving: // HTML <ul> <li><a id="homeBox" href="#">Home</a> <ul><li><a id="homeSub" href="#">you</a></li></ul> </li> </ul> // javaScript var homeB= document.getElementById("homeBox"); var homeS = document.getElementById("homeSub") homeBox.mouseover = function() { var homeS = document.getElementById("homeSub").style.display= "block"; } homeBox.mouseleave = function() { var...

How to make a Bootstrap radio button continue into a dropdown menu

html,drop-down-menu,radio-button,bootstrap
I would like to have a radio button with a couple options showing, and the rest available in a dropdown menu. I can get the interactions I want by assigning every option to a class, but I would like the color of the dropdown menu to change to the active...

Cannot populate a DropDownList in EditItemTemplate using OnRowCommand

c#,asp.net,drop-down-menu,edititemtemplate
This is my code behind code. I want to populate the DropDownList once the user clicked edit but the DropDownList I'm getting is null. Why? protected void SupportSchedule_RowCommand(object sender, GridViewCommandEventArgs e) { if (e.CommandName == "EditRow") { int rowIndex = ((GridViewRow)((ImageButton) e.CommandSource).NamingContainer).RowIndex; GridViewRow row = (GridViewRow)(((ImageButton) e.CommandSource).NamingContainer); SupportScheduleTable.EditIndex = rowIndex;...

Show drop down menu onmousedown without loosing onclick functionality

javascript,drop-down-menu,onclick,focus,onmousedown
I try to get a drop down menu to work as most drop down menus seem to work, i.e. as soon as the mouse button is pressed on the trigger the drop menu shows up. Seems rather easy with some css and javascript but it turns out to be a...

Create interdependent dropdown list

php,jquery,mysql,drop-down-menu,mysqli
I am trying to create two inter dependent dropdown menu. There are 2 tables category and subcategory their structure is given below category table id catname 1 A 2 B Subcategory table id subcatname catid 1 S 1 2 T 1 3 U 2 In the first dropdown i have...

Bootstrap dropdown selection makes screen jump

javascript,html,css,twitter-bootstrap,drop-down-menu
So I'm using bootstrap for my website and I have many div's on each page with a dropdown on each that change the information inside the div from a chart to a table and vise-versa. This works fine except when the user selects an option from the drop down the...

AngularJS dropdownlist with treeview

angularjs,drop-down-menu,treeview,custom-controls
I am new to angularjs, i want to use dropdownlist with treeview structure. i used both dropdownlist and treeview control separately but find difficulty in using together. can anyone have idea about how to use both together(dropdownlist+treeview)

Dynamically select from a dynamically generated dropdown

php,html,select,drop-down-menu
I have a dynamically generated dropdown list - list of course identifiers and names. On the basis of a variable, “assigned_course_id”, I would like to preselect the appropriate value from the dropdown list. My best attempt is as follows. Thanks in advance for your assistance. <select name="course_id" id="course_id"> <?php $assigned_course_id...

how to hide a div from a selected value in dropdownlist asp.net mvc

asp.net,model-view-controller,drop-down-menu
i need help. So i have a dropdownlist(below), @Html.DropDownListFor(model => model.Reference, ViewBag.ISharedUI as SelectList, "-- REFERENCE TYPE --") @Html.ValidationMessageFor(x => x.reftab) and i have 2 div which are(below) <div class="widgetbox" id="divone"> Some contents </div> and <div class="widgetbox" id="divtwo" style="visibility:hidden"> Some contents </div> So what i need to do is, to...

Bootstrap dropdown menu links not clickable

jquery,css,twitter-bootstrap,drop-down-menu
I have a page: http://www.poh.me/nordisk/ where the dropdown menu links on this page works, but the subslinks (e.g. http://www.poh.me/nordisk/contact/) the anchors becomes unclickable. I've tried every thing from removing data-toggle from the links to z-index css and other tips I read from others having a similar problem. Any help is...

Filter Two Dropdowns Based on One Another the Angular Way

javascript,html,angularjs,select,drop-down-menu
I've got two dropdowns. The allowable options in those dropdowns should be filtered based on what's in the other dropdown. Here's the first dropdown: <select ng-model="filter.levelPregenerate"> <option value="">All</option> <option value="assox">Associate's</option> <option value="bachx">Bachelor's</option> <option value="mastx">Master's</option> <option value="doctx">Doctorate</option> <option value="nondx">Non-Degree</option> <option...

Drop down menu hyperlinks click event issue

javascript,jquery,css,html5,drop-down-menu
Please take a look on my code here, I have a multi level menu. Problem is that the hyperlinks are only working on child list items e.g. Brands has 5 child items (Samsung, Nokia, Apple, Sony, LG) and hyperlinks are working fine on them, but on parent items (Home, Phones,...

Creating nav bar with dropdowns using bootstrap and jQuery

jquery,css,drop-down-menu,bootstrap
Sorry if this question has been asked before but I couldn't find a straight answer. I'm new to css and jQuery and I'm trying to create a nav bar that has menus and sub menus, and using dropdown to open each individual menu. This might be a parent/child isuue but...

Button Click Moves Entire HTML Body

jquery,html,css,button,drop-down-menu
I have a very basic webpage-setup that includes a drop-down menu that is triggered by a button click. When I click on the button, the drop-down menu reveals itself but also shifts the entire contents of that page. I'm not sure what is causing this and would appreciate any help....

Dropdown submenu is not displaying correctly

html,css,drop-down-menu,menu
If I hover on the first item (USA), it is OK. When I hover next item, it is displaying on the top. It isnt on the same position as "Europe". Here is a CSS: nav ul li:hover ul li ul{ position:absolute; display:none; } nav ul li:hover ul li:hover ul{ display:block;...

ASP-DropDownList CodeBehind images

html,asp.net,image,drop-down-menu
All I ever wanted is my DropDownList to be special. :( I can write just names, but that won't be as intresting. So I tried to add images, like so: // Somewhere in the code... ListItem item = new ListItem(); item.Value = // something item.Text = "<img src=\"" + <AnImagePathIGetFromTheDatabase>...

How to keep java.awt.List from covering javax.swing.JMenu

java,netbeans,drop-down-menu,awt,jmenu
To put this simply, I have some Menus in my Menu Bar that, when at start of the application, goes over a List when you expand it. However, if the List is ever updated, the Menus will go behind the List, covering Menu Items. I have theorized that I need...

Autoform meteor dependable/cascading selects

select,drop-down-menu,meteor,cascadingdropdown,meteor-autoform
how can I implement 3 dependent selects with autoform in meteor? Here is an example of what I need to achieve http://www.ajaxray.com/Examples/depend.html Thanks in advance for any help

AngularJS Dropdown Directive Set Selected Item Through Two Way Binding

angularjs,drop-down-menu,angularjs-directive
I have an angularjs dropdown directive. I want to be able to pass the id of the item I want to be selected as an attribute of the directive. Something like this: <dropdown selected-item-id="ctrl.selectedItemId"></dropdown> I implemented this and it's not working. If I display the value of itemId on the...

CSS Dropdown Menu dropping horizontally

css,drop-down-menu,menu
I'm working on a website that was built several years ago by my employer, and I'm trying to implement a dropdown menu using CSS only. However, instead of dropping down when you hover over it, it drops horizontally, like so: It also loses all the formatting of the parent list,...

Can't add TemplateField to Datagrid

html,asp.net,visual-studio,drop-down-menu,datagrid
I am trying to add a DropDownList into the DataGrid so the location column can be easily changed. I am getting an error with TemplateField, itemtemplate, label and DropDownList. I get the build error: is not allowed within a 'System.Web.UI.WebControls.DataGridColumnCollection'. <asp:DataGrid runat="server" CssClass="tblResults" OnItemDataBound="dgList_ItemCreated" AllowSorting="true" OnSortCommand="dgTrailer_Sort" ID="dgTrailers" DataKeyField="ID" AutoGenerateColumns="false"> <Columns>...

Dropdown selection doesnt change div content

javascript,html,css,twitter-bootstrap,drop-down-menu
I'm trying to get the content inside the div to change when I choose a different option from the dropdown menu. I had tabs inside the div before that worked, but they looked ugly so i ditched them for a dropdown menu instead. I'll be having the dropdown menu reference...

How to filter values in Multiple selection using textbox value

javascript,jquery,html5,drop-down-menu,autocomplete
I have a text box and multiple selection box. When ever I write something in text box it will filter that text in the multiple selection and show only matched value. <!DOCTYPE html> <html> <body> <select id="uniqueCarNames" name="cars" multiple> <option value="volvo">Long Distance Travel</option> <option value="saab">Amazing </option> <option value="opel">Excellent Travelling</option> <option...

How can I Add sub menus to dropdown menus?

html,css,drop-down-menu,menu,submenu
I am having extreme dificulties to add a sub-menu to my dropdown, but I am not a pro on css. I would like to put a submenu on the part it says "10º ano" and "11º ano" in the dropdown "projects", but everything I do doesn't work ! How can...

validating mutiple drop downs list with the same name field in CakePHP 2.x

cakephp,drop-down-menu
I'm new to cakephp 2x. I have multiple drop down in my form. All the drop downs are using same list data, from one table called -> Students. Now what I want is ,when the user select first student in first drop down ,then that student should be minus from...

Click Event is executed automatically

jquery,css,drop-down-menu,menu,submenu
I'm having this code $(".menu").on('click', function(e) { e.preventDefault(); $(this).addClass("open").children("div").slideDown(200); }); $(document).on('click', ".menu.open", function(e) { e.preventDefault(); $(this).removeClass("open").children("div").slideUp(200); }); when I click the .menu the inner div slides down but it slides up again immediately and the open class is removed that's by only 1 click so how to fix this and...

Firefox dropdown menu click

html,firefox,select,drop-down-menu
I have a dropdown menu for languages in my website and it works fine in Google Chrome, Safari and Internet Explorer, but it is bugged in Firefox. This is the code: <a href=""> <select id="languageSelector" style="background-color: transparent" onchange="location = this.options[this.selectedIndex].value;"> <option value=".">ESPAÑOL</option> <option value="./en/index.html">ENGLISH</option> <option value="./de/index.html">DEUTSCH</option> <option...

Adding

php,drop-down-menu
I'm trying to get my select option to show the selected category from my DB in the dropdown. I can only get it to show it, when i hit my submit button. <?php (isset($_POST["kategori"])) ? $kategori = $_POST["kategori"] : $kategori=1; $sql = "SELECT * FROM kategori" $result = mysqli_query($db, $sql);...

Menu CSS issue in IE8

css,drop-down-menu,internet-explorer-8
I have created a Menu list. It is working perfectly on Chrome and Firefox but misaligned in IE8 Chrome Snapshot :- http://postimg.org/image/g6uf9zikr/ IE8 Snapshot :- http://postimg.org/image/u6o3pzasz/ Here's my CSS ------ div.menu { background-color:#383838; height:65px; margin-bottom:20px; } div.menu ul { vertical-align:middle; list-style:none; margin:0; padding:0; } div.menu ul li { float:left; display:block;...

Excel, Want to Create Dropdown Based on a “yes” Cell

excel,drop-down-menu
The issue is pretty simple, but I can't seem to solve it or find an answer. I have one cell A2 that activates with a yes/no based on what the user enters elsewhere. I would like to create a drop-down list in another cell A3 only if A2 has a...

Bind a Dropdown in Gridview When Selected Index Changes on Dropdown in the same Gridview

c#,asp.net,gridview,drop-down-menu
I have a gridview with template fields consisting of dropdowns and textboxes. 1 dropdown will be a so-called "master" dropdown that when the selected index changes, other dropdowns in the same row will be databinded using the selected value of the master dropdown. I have this code for my ASPX...

Replace li navigation menu text with image & keep hover + drop down menu effects?

html,css,image,drop-down-menu,css-menu
I'm currently working on a navigation menu that uses <li> to construct the bar. Currently, my menu is working perfectly but I'm wanting to actually REPLACE the text on my menu (i.e. Projects, Compliance, Summary, etc) with actual image buttons that I designed in Photoshop to give it a more...

Select box to send to ajax code

ajax,select,drop-down-menu
I have been using a snippet of code to add data to a mysql database using ajax.I have this working perfectly using a text box to add, however I can't seem to get it working by replacing text box with select box. Here is the original text box: <form class="add-new-task"...

Include a DropDown in RadToolBarDropDown

html,asp.net,drop-down-menu,telerik
So I'm using Telerik's gui system and would like to insert a dropdown inside another one but I don't know how to do that. This is what I've got so far <telerik:RadToolBarDropDown runat="server" ToolTip="DropDown1" ImageUrl="~/Images/test.png"> <Buttons> <telerik:RadToolBarButton runat="server" Text="Click me!" Value="TOGGLE_WALLS" CheckOnClick="true" ImageUrl="~/Images/checkmark.png"/> </Buttons> </telerik:RadToolBarDropDown> More or less, a dropdown...

jquery tabbed selector with dropdown selectors, dropdowns don't match on tab switch

javascript,jquery,css,drop-down-menu
Thanks to help from members oka and Mike Robinson, I have managed to build two tables that users will view and play with using tabs and dropdowns. My two tables have identical structures, each has an identical drop-down menu to show/hide columns. The idea is for the user to select...

DropDownList is not working properly when bound to database and add item manually

asp.net,c#-4.0,drop-down-menu,oracle11g
I have created one webpage in ASP.net C# front end and Oracle 11g back end. Webpage consist of 2 DropDownList, button and GridView. Among these 2 DropdownLists, DropDownList1 contain static value "QC Released" added through ListItem Collection Editor and other DropDownList2 is bounded to database. However, in DropDwonList2 I have...

Drop-Down Menu PHP

php,mysql,drop-down-menu
I have this html code for a menu with sub-menu: <li class="has-submenu"> <a href="#">Services</a> <div class="mainmenu-submenu"> <div class="mainmenu-submenu-inner"> <div> <h4>Home</h4> <ul> <li><a href="#">Plumbers</a></li> <li><a href="#">Painters</a></li> </ul> <h4>People</h4> <ul> <li><a href="#">Babysitter</a></li> <li><a href="#">Trainer</a></li>...

Getting value of drop down list JavaScript

javascript,drop-down-menu
How to make that the all selected options, not the values, but the actual text, would be displayed somewhere? Html: <h1>Made your PC:</h1> <div> <label>Processeor: </label><select id="processor" name="processor"> <option class="label" value>Select Processor</option> <!-- Home Ware --> <option value="P1">Processor 1</option> <option value="P2">Processor 2</option> <option value="P3">Processor 3</option> <option value="P4">Processor 4</option>...

Making “Drop Down Menu” and “Head Menu” relative does not make de “Drop Down Menu” push down the “Head Menu” on hover

jquery,html,css,drop-down-menu
So again I am strugling with some problems. This time it is so that when I hover over the drop down menu from portfoilio (when the site is in mobile view mode) it will just go over the other elements, I tried making everything relative, removed the float and tried...

ASP.NET MVC 5 Set values for dropdownlist

c#,asp.net,asp.net-mvc,drop-down-menu,asp.net-mvc-5
I want to make a DropDownList with a numeric rating from 1-5. I have a rating model and I want to apply these dropdown values to WaitTime, Attentive and Outcome. Can I just set these values in the view and use the model? If so how would i go about...

Show and hide column in a table using drop down

javascript,jquery,html,table,drop-down-menu
I have a table, which looks exactly like this one: https://www.datatables.net/examples/api/show_hide.html I now want to replace the headers (the th things) with a drop down. I want to hide and show columns thanks to those drop downs (they can click and show what they want). I was also wandering if...

How can I populate dropdown values dynamically based on prior selection?

javascript,object,drop-down-menu
I have 3 dropdowns with some values. I am using JavaScript to pre-populate the first dropdown. Based on the selected value in 1st dropdown, how can I populate values in the rest 2 dropdowns (using pure javascript)? I am framing a URL based on the user selected values in 3...

Chained Dropdown in flask, get data from sqlite database

javascript,python,sqlite,drop-down-menu,flask
I am trying to get a html select tag with different counties (getting from database), when the user have selected a county, I want another select tag to enable and show the cities in that county (I have the data in a sqlite database, where the county id is in...

How to populate a DropDownList in a DataGrid?

c#,html,asp.net,drop-down-menu,datagrid
I have a DataGrid that displays information about trailers. I decided to change the location column to a DropDownList so the location can be easily changed. But I am not sure how to populate the DropDownList. <asp:DataGrid runat="server" CssClass="tblResults" OnItemDataBound="dgList_ItemCreated" OnRowDataBound="OnRowDataBound" AllowSorting="true" OnSortCommand="dgTrailer_Sort" ID="dgTrailers" DataKeyField="ID" AutoGenerateColumns="false"> <Columns> <asp:BoundColumn DataField="TrailerOwner" HeaderText="Owner"...

How to change content in div, based on dropdown selection

php,html,mysql,drop-down-menu
I load my content from my DB with PHP, into my div. I have a dropdown above it, where i should be able to sort out the content, meaning that when dropdown is chosen, the old content in the div is removed, and the new appears. So how is it...

(Help) Get results from multiple dropdown with one submit button

php,html,post,drop-down-menu,submit
I make four horizontal dropdown menu. Here is my code : <div class="MenuSearching" id="Searching"> <div class="Menu1" id="Menu1"> <p> Lembaga</p> <form style="margin-top:-20px;margin-left:-2px;"> <select name="DropLembaga" autofocus required id="DropLembaga"> <option value="no" selected="selected">---Choose one---</option> <option value="FlashCom">FlashCom</option> <option value="InterNusa">InterNusa</option> <option...

Dropdown closes after every click

javascript,html,css,drop-down-menu
Dropdown closes after every mouse click. The dropdown should close only after hitting the "Close (X)" button. How can I do that? Plunk: http://plnkr.co/edit/7mcBoyfbrT3FNl2vJLjh?p=preview <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="style.css"> <script src="script.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>...

Removing an option from all other chosen multiple dropdowns, when selected on a particular dropdown

javascript,jquery,drop-down-menu,jquery-chosen
I really messed up in a script. But I would want some additional help. I have attached a jsfiddle link over here. http://jsfiddle.net/p0b4j5o8/18/ If you check the fiddle link, you will see that I have written javascript/jquery code( a function named add_mitigator() ) in the html section. When I used...

Bootstrap 3.3.4 Pill Button Dropdowns unresponsive

html,twitter-bootstrap,drop-down-menu
Prototyping a categorical classification system, I'm using Boostrap dropdown buttons in a pill-style navigation. I'm not committed to the pills, so if a different class such as a navbar might work instead, I'll change, though I did already try using navbar and button groups. I don't know for sure that...

Multiple instances of Jquery dropdown not working together

jquery,html,drop-down-menu
I found the following code in another thread here to create a Jquery dropdown menu: $(document).ready(function() { $('.statecontent').hide(); $('#' + $('#myselector').val()).show(); $('#myselector').change(function(){ $('.statecontent').hide(); $('#' + $(this).val()).show(); }); }); HTML would look like this <select id="myselector"> <option value="state1">State 1</option> <option value="state2">State 2 </option> <option value="state3">State 3</option> </select> <div id="state1"...

How to add menu items separators programmatically on Windows?

windows,delphi,drop-down-menu,menuitem
I have a mainmenu on my Form and I want to be able to insert separator to it programmatically not during design time. I went through context popup menu for the mainmenu that lists all the available properties and did not find anything that will allow me to insert separator....

Using the result of a select clause for a where clause to MySQL

php,mysql,select,drop-down-menu
I have a MySQL database containing 12 columns. I created a dropdown from it using distinct values of the column named 'activity' and the column named 'logdate' which is a datetime. Like this.. <form action="define_activity" id="activityform" method="post"> <!-- Form to select an activity --> <select name="activities" id="select1"> <!-- List of...

DropDownChoice onSelectionChnaged

java,drop-down-menu,wicket
DropDownChoice<Bean> groupDDC =new DropDownChoice<Bean>(....) { private static final long serialVersionUID = 1L; @Override protected void onSelectionChanged(Bean newSelection) { super.onSelectionChanged(newSelection); // my logic } } super.onSelectionChanged(newSelection); is pre-written in the onSlectionChnaged method. I can remove that code or I can keep that and add my code below that, it all works...

Hover not working on css menu active li class? Works on others?

html,css,drop-down-menu,menu,hover
I can't seem to get the hover to work on my very first css menu navigation button. It is an active li class, does anyone have any ideas? The other menu option' hover effect is working just fine. CSS code: @import url(http://fonts.googleapis.com/css?family=Open+Sans:600); /* Menu CSS */#cssmenu, #cssmenu > ul {...

CSS Dropdown Menu - Too Much Space Between
  • and another (Margin:0; Padding:0)
  • html,css,drop-down-menu
    I got 2 dropdowns in my work-in-progress site, one works just fine, the other works aswell but the space between a link and another is completely destroying the graphics of it. Unluckly for me I can't post images, so here is the code. HTML <ul class="header"> <% IF Session("Authenticated") =...

    How can I add a Submenu to the WordPress Admin Bar

    php,wordpress,drop-down-menu,menu,admin
    I need to add a dropdown menu to Wordpress in the admin bar to include multiple links. What is the best solution?

    On dropdown click, close all other dropdowns

    javascript,jquery,html,css,drop-down-menu
    When I click on top menu link "menu item 01" 3 level drop down open regularly it is OK, After that click on "menu item 04" mega menu is open it is OK BUT I want, when user click on any other top menu link previous all drop down item...

    Open sub-menu without creating empty space [closed]

    html,css,twitter-bootstrap,drop-down-menu,submenu
    I've tried to solve my problem, but the answers did not solve my specific problem. When the sub-menu expands, empty space shows up, although the sub-menu is placed on the left of the dropdown-menu. I've embedded the code of my navbar here: 'jsfiddle.net/nickiname/Lds2bkuv/' <!-- Fixed navbar --> <div class="navbar navbar-default...

    Show/Hide
    Based on