FAQ Database Discussion Community


Bootstrap wrap menu elements at 960px

twitter-bootstrap,drop-down-menu
I have small issue. When width page is 768-991px, my menu wrap into second line. I want to browser show button for collapse menu. How can i do it? There is a link for project: http://interpages.pl/ftp/projects/fremel/...

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....

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...

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

How to select only one dropdown from multiple dropdowns in a list with submit button enable /disable using jquery?

jquery,drop-down-menu
I am trying to create multiple dropdowns in a table with a submit button which should allow to select only one dropdown option. I f the second dropdown is selected then it should pop a disallow message. Note: am successful when I compare for same options in multiple dropdowns but...

VBA: Detecting value in cell with dropdown list

excel-vba,drop-down-menu
I am having some trouble detecting the value in a cell with a dropdown list. When I am running the below code, it only gives me the value 0 in column I. Column H contains a number of Dropdown lists (made by data validation), which value can either be Yes...

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...

CSS dropdown menu cross-browser

html,css,drop-down-menu,cross-browser
My CSS dropdown menu behaves strange in different browsers. It works fine in Chrome (Windows) but there are issues in Firefox and on Android. Firefox: Dropdown menu opens up to the right of the menu item instead of below. Also, the dropdown menu is not in line with the menu...

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...

Dynamically change a button-drop list in javascript?

javascript,jquery,twitter-bootstrap,button,drop-down-menu
Trying to create a changeable button-drop-down from Bootstrap HTML in conjunction with Javascript. The HTML looks as: <div class="btn-group"> <a class="btn dropdown-toggle" data-toggle="dropdown" href="#"> Menu <span class="caret"></span> </a> <ul class="dropdown-menu"> <li><a href="#">Choice1</a></li> <li><a href="#">Choice2</a></li> <li><a href="#">Choice3</a></li> <li class="divider"></li> <li><a...

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;...

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...

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 {...

How to insert data to database from multiple select dropdown in codeigniter?

php,mysql,codeigniter,drop-down-menu,multiple-value
I have drop down which is look like the following <select class="selectpicker form-control" multiple name="category[]"> <option value="1" id="MENTAL HEALTH">MENTAL HEALTH</option> <option value="2" id="SUICIDE SUPPORT">SUICIDE SUPPORT</option> <option value="3" id="HEALTH">HEALTH</option> <option value="4" id="SUPPORT">SUPPORT</option> </select> In my controller I have the following code to get that data from the dropdown public function save()...

How to show unique key exception before saving into database?

c#,asp.net,gridview,drop-down-menu
I've created a gridview in which user can enter items and their quantities. The number of items are unknown so the requirement was that to able to add as much items the users want to. So I've given a provision to add item row for another entry. All these data...

Chain populate HTML select boxes using AJAX, PHP and MySQL

php,jquery,mysql,ajax,drop-down-menu
My special form has two select boxes. I got the first one populate with options from a MySQL database using PHP, during page loading stage. What I'm trying to achieve next is the following: By selecting one of the values from first pre-populated <select> box - the second <select> box...

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...

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...

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;...

Style select box drop-down menu like a table

javascript,css,table,select,drop-down-menu
i am using a select box in my codes which contains 50 options, by default when i click on it, drop down menu appears like below: <select name="Select1" style="width: 56px"> <option></option> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> </select> but i want it to appears like a table i tried some CSS...

How to set the selected option of Value

javascript,jquery,html,drop-down-menu
Can anyone help point out to me what's stopping this code that works perfectly fine with jsFiddle from working in my webpage? I have been trying to fix this for the past couple of hours, and no matter what I do, I can't seem to get it to trigger. I...

Drop down list with possibility to enter new value instead of list

javascript,php,mysql,database,drop-down-menu
I'm creating a small website php/mysql. Let's say I have in my DB a table with different laptop specifications (brand, cpu, ...). When adding a new laptop in a html form, in the brand field for instance, I want to have the option to see all the distinct brands present...

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...

How can extract locations values from a dropdown menu that use geonames webservice for build a updated google map

google-maps,drop-down-menu,menu,geonames
I have a dropdown menu that show a list of country/state/city in a hierarchy using geonames webservice When i select a location in this dropdown menu it should automatically update a googlemap in a div under this menu and zoom into that location. How can extract locations from this dropdown...

Dynamic Drop Down AngularJS and Database with JSON

mysql,json,angularjs,drop-down-menu
I have figured out how to populate the first dropdown menu from the database with Angular, but I am stuck on how to grab the selected value of the first dropdown box to query to populate the second box. Also, if the data is in separate tables, will I have...

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...

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...

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"...

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...

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") =...

    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)

    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...

    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...

    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...

    Hide options in dropdown select

    jquery,drop-down-menu
    I do not have access to adjust the options within a dropdown. So I want to hide them from the DOM. I am having trouble just hiding the option. Currently I can hide the entire dropdown, if my array consists of the countries I want to hide. https://jsfiddle.net/gmLa5bgz/ html <select...

    Option Menu Not Working When I Add Javascript Function

    javascript,jquery,html,css,drop-down-menu
    I need help with an option menu not working when I add javascript. I found a tutorial for this type of drop-down menu and the menu/drop-down function is working except I can’t get it to do what I need when an option is selected. When "Not Free" is selected I...

    Simple dropdown not working on IE8

    jquery,drop-down-menu,internet-explorer-8
    I'm trying to make a simple dropdown menu with jquery but is not working for IE8, any ideas why ? I have already tried a couple of alternative solutions and I know that there are more simple ways to approach a simple dropdown but I really want to know why...

    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;...

    Google chart redraw onclick

    javascript,jquery,drop-down-menu,charts,google-visualization
    I am trying to make a chart from which the data is selectable through various dropdown menu's and a date selector. I can't seem to find a way to pass new data in the chart on a click event. I got it working so far that onClick, it draws an...

    Create a new select dropdown object with jQuery

    jquery,html,select,drop-down-menu
    I am trying to create a select (<select><option...</select>) object in jQuery. I tried this, but it won't add the option values and text: var photos = [ '_DSC0153.jpg', '_DSC0154.jpg' ]; var dropdown = $("<select>", { id: 'selectfile' , option: { value: '0', text: photos[0] } , option: { value: '1',...

    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,...

    Adding