Dynamic Dropdowns using Autocomplete and Posted Variables
This is my first jsfiddle. I didn't so something right, so the display isn't quite right, but that's really immaterial. It displays correctly on my server. This is a simple example of two dynamic drop-downs using autocomplete. I'm not much at jQuery. I just need to know how to force a search on page load. I know there is this function, but I don't know how to implement it. $( ".selector" ).autocomplete( "search", "" );The user may enter characters from another form, or may not. If they do, on page
Range slider with multiple ranges?
As far as I know, the slider plugin includes a "range" option, but I was wondering if it's possible to apply multiple non-overlapping ranges to the same slider? Not multiple instances of slider, that is, but rather multiple ranges applied to the same slider instance. Thanks in advance!
jQueryUI Menu sub menus not showing correctly in IE8
My menu is ALMOST there. The only problem I'm having now is some submenus are stretching all the way across the page, and sometimes off the page, in the dreaded IE8. Here's a screenshot: Can anyone make a recommendation on how to stop this behavior? Thanks!
Collapsing submenus, when I have multiple menus
I have a page with several JqueryUI menus, which are dynamically created. The problem I'm having is if I hover over one menu, and expand a sub menu, then navigate away from that menu onto another menu, the original submenu isn't collapsing. I end up with one menu overlapping another and hiding it. Perhaps a screen shot will help. See below. The red arrows indicate the path my mouse took: My first thought was to check the menufocus, or menublur events for each menu, and fire off collapseall for every
Redmond theme icons missing.
Hi, I downloaded the Redmond Theme, it got all the goodies except for the Icons use by the theme. Where can I download the "icons" images? Jun
Sortable z-index issue
I basically have a modal with some sortables. In the background a sortable aswell. They all are connected. As soon as I cross the gap between two sortables inside the modal, the dragged element snaps to the background sortable, which it (imho) shouldn't, since I'm not directly hovering over that sortable. Please see this Fiddle: http://jsfiddle.net/K7BFm/
Autocomplete results in a div
Is it possible to list autocomplete results on a separate div, instead of the search input? How? Thanks
Multiple Buttons on Dialog Title Alignment Issue
Hi jQuery Forum, I've got a feeling I'm going to get slated here, so I will appolgise in advance, I've managed to get multiple buttons added to the title title bar of a dialog, however I'm having the problem that the width of the text area is set to 90%, if I reduce this everything works find but if I then shrink the dialog the text area bumps into the icons and causes an overflow. There is probably a simple solution in the CSS to say size the width dialog less the size of the icons but I'm not sure
Dual button with menu
Hi, I'm trying to made two button which generate a menù on click. the probles are that buttons are not aligned and if I click the upper one the lower is moved down. I can prevent it? here the jsfiddle link http://jsfiddle.net/7GHt4/1/ regards Ugo
How to set a background color for each one of the tabs?
Hi guys, I'm a newbie in HTML and CSS and want to change the color of the second tab in a JQuery UI tab, but I just can't figure out how to do it. I tried to search for a solution on similar posts on the forum but nothing seems to be working for me (or I simply don't understand how to do it). I tried to implement this solution. In CSS I'm overriding some options and created 2 classes to change the background color of my 2 tabs: .... #tabs .ui-tabs-nav .ui-state-active a { color: black;
Datepicker year month combo box scroll does not work by dragging scrollbar
I have a datepicker defined as: $( "#datepicker" ).datepicker({ changeMonth: true, changeYear: true, dateFormat: "mm/dd/yy", minDate: new Date(1900, 1 - 1, 1), yearRange: "c-125:c+15" }); The HTML is : <p>Date: <input type="text" id="datepicker"></p> When I click on the datepicker and click on the year, I cannot click & drag the scroll bar. The mousewheel works to scroll, but the dragging the scroll bar does not. I have tried both 1.10.3 & 1.10.4 versions
Alert box styling
How to make my alert box look like a lightbox alert . ?? please help me ! an example vth demo would do good .. thank you in advance :)
jquery UI & MediaWiki
HI, I'am writing an extension for MediaWiki and utilize the jquery/jquery UI delivered with Mediawiki (MediaWiki 1.22.0, jquery 1.8.3, jquery ui 1.8.24). For usability reasons I decided to use a custom theme (=sunny) which I downloaded from the theme roller. When I open a dialog box then for example for the header the font color (white) is taken from theme file, whereas the (nearly white) background comes from mediawiki. The reason is that the CSS rule which applies is "body .ui-dialog .ui-widget-header
Learning resources: Dialogs and asp.net formviews
Can anyone recommend any learning resources concerning asp.net formviews and dialogs? I'm having to learn by scavenger hunt and it feels like I'm stumbling in the dark. Here is what I have been able to piece together so far: I can define a dialog that contains a div with a formview (connected to a sqldatasource). I can open the dialog by selecting a row in a gridview, with the intention of editing the row in the dialog formview. But here's where I'm stuck in the mud: when I click "update" null values
Issue with jquery ui Dialog Modal
Hi, I have a form with radio , checkboxes and buttons form fields. Then I invoke a Modal window, It is showed perfectly, but If I Mouse over or navegate over tabs, The form elements of the "opener" appears over the modal "child" overlay. I ve modified z-index property, but nothing. See the print screen : http://sia1.subirimagenes.net/img/2014/01/27/140127112543813724.jpg Im using jQuery UI CSS Framework 1.8.18 . Thanks for any help !
jquery ui sortable multi version problem
Hi, I'm using jQuery 1.7.2 and higher version and implemented sortable functionality.Which is working fine. But when I include in my Richfaces application . It was not working. Got to know that it was taking 1.3.2 version of jQuery. Used noConflict() also. But problem havent resolved. Please help me out.Thanks in advance
Conflict Jquery ModalxAutocomplete editable DDL
Dear,I researched how to make an editable ddl on the link: www.codeproject.com/Articles/290218/Custom-ASP-NET-Editable-DropDownList I follow exactly the example and meets my needs, but appears conflict when I try to use it in a form that already have several jquery modal `s that I call in my form. For my modal function takes the following libraries (I'm naming each listing .js) (1a listing of.js): <link href="css/jquery-ui.css" rel="stylesheet" type="text/css" /> <script src="Scripts/jquery-1.7.1.min.js.js"
jQuery UI Tabs via Ajax -- Recommended way of preparing panel content
The sample in this site does not show how to pepare a panel content exept for preloaded content. There could be several ways I can think of, someting like: (1) complete html format which includes tags of doctype, html, and every thing, (2) html format without tags of doctype , html, and head, or (3) html format only includes content itself. I wonder what is the recommended way for preparing panel content, because I have experienced some probems in either way. In case of (1), there happened some
jquery
Hi , I have two text boxes , as Start Date and End Date Getting Dates by using two Date pickers. So My Requirement is Such that , my start date should be not be future date . means not tomorrows Date should not be accepted?
How to display error login message on dialog after spring validation
Hello to everybody! You are my last chance. I ask this question on few forum and have no answer yet. My issue is how to display login error on the login dialog after I validate the user in spring security. index jsp: <div id="dialog"> <div id="tabs"> <ul> <li><a href="#login">Login</a></li> <li><a href="#register">Register</a></li> </ul> <div id="login"> <jsp:include page="login.jsp"/> </div>
Close menu after click. Is possible?
Hi, is possible close menu after click? Carlo
Jquery & Jquery-UI in Mediawiki
Hi, MediaWiki delivers since version 1.16 also jquery and jquery-ui. I write an extension for mediawiki and want to utilize the built-in version of Jquery and Jquery-UI. My development version is MediaWiki 1.22.0 which comes with Jquery 1.8.3, Jquery-UI 1.8.24. To use a custom theme I have used the theme roller to create it (it is copy of the sunny theme ). However, when I open a dialog box, I'll get for the header a white font (from the sunny theme) on a nearly white background image which comes
UI: Dialog: Form: Add a Button with an ID?
Hi guys and gals, could someone please tell me how to include an ID on a button when adding it to a modal dialog form? The closest I've got is to by using a css selector: $('.ui-dialog-buttonpane button:eq(0)') but this seems to get broken when closing and reopening the dialog. Any help will be very appreciated. I have the following code. $('#dialog').dialog({ bgiframe: true, // ... buttons: { 'Save': saveData, Cancel: function() { $(this).dialog('close');
using selectable to set value of variable
I am trying to use selectable to set the value for a variable, but I don't seem to be getting it. I am pretty much just using the code from the API example, and then initializing with appendTo. What am I missing? $(document).ready(function(){ $('#selectable').selectable({appendTo: '#holder'}); So #holder is a text box, and in my mind when I select one of those <li> from the example code, the value should show up in the text box. So far it's all in my mind though. I looked
Tabs panel not create
Hi guys, I am trying to create a tabs panel with 2 tabs. The problem is that the tabs are not created. Here is a link to the page: http://develop.emotion-software.nl/admin/pages/edit/ I can't figure out why it's not working. I created a test file (http://develop.emotion-software.nl/tab.html). That page does work. I probably have an error somewhere but I can not find out what I'm doing wrong. Does anyone know what the problem is? Below you can see the relevant HTML: <script type="text/javascript"
different styling for two ui-menus on the same page
Hi, i have two ui-menus on one page. one ui-contextmenu for navigation and another ui-menu for downloads. i would like to have different styling for both menus. ie different width:12em and width:3em for both menus. .ui-menu { width:12em;} works fine for both the same. any chance to add a class or id to both menus? regards walter
Tabs content via Ajax -- Overriding css property
I am trying to set a background color on active Tab and its Tab content by overriding css property. JavaScript code is as follows; <script> $(function() { $("nav.ui-tabs-active").css("background-color","LightYellow"); $("nav.ui-tabs-loading").css("background-color","LightYellow"); $( "#tab_menu" ).tabs({ beforeLoad: function( event, ui ) { ui.jqXHR.error(function() { ui.panel.html( "Ajax通信による指定されたHTMLファイルのローディングに失敗しました。");
Problem with jQuery UI icons in wordpress
Hi, I'm using jQuery UI for do a accordion in wordpress. The accordion works fine but I can't put the icon correctly. The icons show like this: And I want like this: I don't know what is happend because the url of the image is correct in the jquery-ui.css .ui-icon-triangle-1-e { background: url("img/baja.png") center no-repeat !important; } Somebody have any idea???
dialog() implemented in login and registration system
Hi there, I tried out a tutorial for a login system with php, mysql and jquery (http://tutorialzine.com/2009/10/cool-login-system-php-jquery/) for implementing it into my website. This works like a charm, but, when i want to add a button, that when clicked on, opens a dialog(). This doesn't work. Could somebody tell me why this isn't working? Without implementing the login system the dialog appears like there's nothing going on. Thanks
Datepicker : arrow for next month invisible ?
Hi there, I just embeded the datepicker plugin in my html, and for some reason the arrow for the next month is not visible : It looks like this : (see snapshot_issue.png) And it should look like this : (see shapshot_correct.png) Any idea what wrong in my html ? I wrote this : <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>New TEST</title> <link rel="stylesheet" href="../js/jquery-ui.css"> <script src="../js/jquery-1.9.1.js"></script> <script src="../js/jquery-ui.js"></script>
JqueryUI class documentation
Hello, Awhile back yall used to have a write up on your classes within the UI. It described the functions of the classes and a lot of very helpful information. Is it possible to incorporated that back into your documentation. It would be great if yall could ... Thanx
auto-complete suggestions get hide when Im trying to select
Im trying to implement jquery in my page. my code is as follow. also have attached my jquery. $("#username").autocomplete({ source: function( request, response ) { var username= $('#username').val(); $.ajax({ url: "/message/ajaxuserslist", dataType: "json", data: "fieldId=users&username="+username, success: function(data) { response($.map(data, function(item) { return { label: item.UNAME, }; })); }, }); }, minLength: 1, noResults : '', results : function(resultsCount) {}, select: function
Dialog init shows on page
sing jQuery UI 1.10.2 with AngularJS and Chrome Version 32.0.1700.76 m I have a simple index page that inits a dialog with autoOpen: false, $( "#myDialog" ) .dialog({ autoOpen: false, ......etc On page load/refresh, I see elements of the dialog appearing at top left of page for a few seconds, looks almost like an unbound version of all dialog contents, rather than constrained by the size of the dialog. I do not want to see this dialog appear, until I specifically open() it. Any
Jquery Phone and email validation
Hi All, I am new to jquery .Can any one help me how can I perform email and phone validations using jquery
Dynamically Adding Checkboxes From Multi-Select JQuery UI Widget
I'm using Eric Hynds jQuery MultiSelect Widget that is being populated from a javascript file. I'm trying to dynamically attach a checkbox with the value of the selected checkbox to a 'Main' checkbox If a 'Main' is checked. When added the value will already be checked, allowing user to uncheck. To help illustrate with comments inside: http://jsfiddle.net/3u7Xj/7/ Link to same post with code since this exceeds 'post limit'http://stackoverflow.com/questions/21285662/dynamically-adding-checkboxes-from-multi-select-jquery-ui-widget
Autocomplete not working on IE8 - Blank page
Hello everyone, We try to implement the autocomplete function for our project. And it's working fine on all the browsers except on IE8. When we load the page with the autocomplete, the page is completely loaded and then a blank page is finally displayed. We try it on Chrome Firefox and IE 11 and it's working fine. We used the 1.10.2 version. And this is the code used to bind the autocomplete function : ACC.autocomplete = { bindAll: function() { bindSearchAutocomplete("search_form", "#global-search",
Jquery Highlighting Dates on DatePicker
Hi , My Requirement is such that i have a table with two columns - DtDate , and Volume. I need to bind the the Jquery Calender Which is used as inline Calender in div tag . If for Date lets say 01/21/2014 Vol = 5 AND 01/22/2014 Vol = 10 AND 01/22/2014 VOL= 15 So i want to Highlight Dates , as per above Scenerio. Please Urgently , Let me know how to do this in the BeforeshowDay event of datepicker.
HighLighting DatePicker With Multiple Color - Solution Needed
Hi , My Requirement is such that i have a table with two columns - DtDate , and Volume. I need to bind the the Jquery Calender Which is used as inline Calender in div tag . If for Date lets say 01/21/2014 Vol = 5 AND 01/22/2014 Vol = 10 AND 01/22/2014 VOL= 15 So i want to Highlight Dates , as per above Scenerio. Please Urgently , Let me know how to do this in the BeforeshowDay event of datepicker.
Problem in Loading List and Founding also list
Here i have little problems with my website www.metrorealty.us i put jquery Ui for quick search, when i enter city california or Los Angelus it have shown a dropdown list but it tot seen and it not work giving some error i coudn't found a solution please help me out
jquery droppable
How to retain the helper function without removing it while the drop is done
Next Page