Explode Effect doesn't work with elements moved by margin
I took the original demo and added margin: 200px to the div - here it is. Why did the effect stop working?
"Uncaught TypeError: base is not a constructor" with custom download
Hey, I have create a custom download http://jqueryui.com/download/#!version=1.12.1&components=111100010101000010100010110010001000000000000000 /*! jQuery UI - v1.12.1 - 2017-03-13 * http://jqueryui.com * Includes: widget.js, position.js, data.js, disable-selection.js, keycode.js, scroll-parent.js, unique-id.js, widgets/sortable.js, widgets/autocomplete.js, widgets/datepicker.js, widgets/menu.js, widgets/mouse.js, widgets/slider.js, effect.js * Copyright jQuery Foundation and other contributors; Licensed
Jquery datepicker different colors BeforeShowDay
down vote favorite Hello, I have a question about the BeforeShowDay function. I have 2 types of data. Once red and yellow. I would like both to be marked in the calendar on a specific date. Only the date "yellow" is displayed and this works as well. How can I extend the function, that red and yellow are displayed. A date, which either in Array eventDatesyellow and eventDatesred should stay grey (-->default). Here is my Script: <script type="text/javascript"> $(function() { var eventDatesyellow =
Help with jquery sorable
Hi I have the following code to manually sort a table using jquery. It is working OK. I just want to add some code that will write the "revised" order to a variable "DMCORDER" so that I can commit it to the database after the full form is completed. Would anyone be kind enough to show me how to do this please? Many thanks in advance. Regards Mark code = var fixHelperModified = function(e, tr) { var $originals = tr.children(); var $helper = tr.clone(); $helper.children().each(function(idxPOS)
How to force vertical scrollbar on UI dialog
Is it possible, and how, to force the vertical scrollbar to always show even if the content is smaller than the dialog size? The reason for this is that the content is often a DataTable with search, while searching, as soon as the content is less than the window size the scrollbar disappears and the content shifts in size. I'd like to stop this happening by always showing the vertical scrollbar. I've checked the dialog options and there doesn't appear to be one to set the scrollbars always on. Thanks
dpDiv error in datepicker
I want datepicker to always forced to open down. so that i have added inst.dpDiv.css to beforeshowDay but its saying "Uncaught TypeError: Cannot read property 'dpDiv' of undefined" in console. I am using jUI 1.12.1 and Jquery 2.2.3 version.https://jsfiddle.net/x6Lfb9sc/1/
jQuery tabs and loading pages
Hello - I am new at jQeury and am using the tab and datepicker. I have several tab and one page contains the datepicker which is the default tab. It will display the calendar when it is the first time the menu.php is displayed. Thereafter, if I click on a different tab and then click on the datepicker tab (called search) the datepicker will not display unless I click on the browser refresh button. The datepicker page works fine by itself, i.e. not called by tab page so I know that page is functioning
Starting jquery ui
Hi, I have a very basic question. I am building a website from scratch and am having trouble getting query ui to work, I have a script.js file where I have been putting all other query. But the query ui code hasn't been working. I just wondered which of the external files should I link to from the download?
Can datepicker be colored and resized
I'm relatively new to jQ and I thought that animate might be able to do it but it doesn't work. Then I thought the calendar you see on the screen might actually be composed of parts that have to be named in color request but nothing is advertised in the APIs. Anyone with some thoughts by all means speak up
Disapointed with new Button icons
Been really busy and was just tasked with looking into upgrading to the latest jquery ui, however I am very disappointed with the button icons as functionality has been removed. We have developed a few web apps, and many of them have buttons with an icon on the left and a drop down icon on the right. With 1.12 it seems that a button can now only have 1 icon, basically removing functionality. Why not leave the icons option that consists of an object with icon and icon_position, enabling multiple
table connected sortable clone tr
Hi I have two tables connected and sortable. 1) source table 2) target table Question is it possible to not only move a table row from table 1 to table 2 (so basically remove it from table 1 and add the row to table 2), but to only move a copy/clone of this row (so have the row in both tables after moving)? So the source table doesn't change but in the target table I can have multiple instances of the same row. Best Kermit
Dialog Autoresize Bug
I have an application that uses a lot of dialogs to display forms etc. Works really well but I have one recurring issue with all the dialogs throughout the application. The dialog needs to auto resize to fit the content which changes based on user selection. This also works perfectly. However if the dialog is dragged then the auto resize functionality stops working which results in some of the content being hidden if content like extra form fields for example is added. I have tried turning off the
Help With Multiple Dialog Search Modals on one page.
<!-- PROGRAM MANAGER MODAL AND SCRIPT --> <div id="dialogSearch" title="Search Project Managers"> <input class="form-control input-sm" type="text" id="progManagerModal" /> <div class="input-group-addon"><a href="#" id="progManagerModalSearch"> <span class="glyphicon glyphicon-search"></span></a> </div> <div id="managerList"> <table id="managerGrid"></table> </div> </div> <!-- CURRENT PRODUCT MODAL AND SCRIPT --> <div id="dialogSearch" title="Search Current Products"> <input class="form-control
Spinner not working? Buttons are hidden
Hi, I was creating an asp.NET project. I have several sliders, a custom theme and more, but when I tried to implement the spinners, they aren't showing correctly (Up and Down arrows not showing, like hidden but not collapsed). I'm using: -jQuery JavaScript Library v1.10.2 -jQuery UI - v1.12.1 - 2017-02-15 -Bootstrap, modernizr, respond... My initial html is a input type="text" with a margin-right of 10px. Nothing special. Once I call $("#mySpinner").spinner(), It's get modified into a span with 1
Jquery Autocomplete
I'm using jquery autocomplete and it's working fine but I want to use bootstrap <table> in the dropdown list it worked fine in display but I cannot use <li></li> in <tbody></tbody> so I couldn't get the selected value the following is the code <div class="col-4"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-user"></i></span> <input id="txt_Search" type="text" class="form-control" /> <span class="input-group-addon"><i
Selected items
I am using ASP.NET Web Forms, I load a treeview of locations in to a dialog, the user can select multiple items, how to I transfer the selected items to the page? I essentially need var list = tv.CheckedNodes <div id="dialog-message" class="standardfont" title="Select Location">
<div>
<usercontrols:Locations runat="server" ID="Locations" />
</div>
</div> $(function () {
$("#dialog-message").dialog({
modal: true,
buttons: {
Ok: function () {
$(this).dialog("close");
}
}
});
});
jquery clone with jqueryui-elements
Hi there, I have been searching for a solution last few days but never found a solution that worked. I have a few input-felds in a div-container, which I am cloning. Some of the elements are ui elements e.g. input:select -> selectmenu(). Cloning works, however if you open the selectmenu of the new clone it opens at the original select. I tried a few solutions that where suggested. don't use IDs use Class (which I did initally). Use a .on to add ui function again $(document).on("click"... this worked
what is the best solution to insert a treeview control within a dialog Box Form
Hi I am a beginner in Javascipt and Jquery. So, my question may sounds very stupid. I would need to develop a parent form that would pop up a resizeable dialog box child form wihen a button is clicked. The parent form should be able to pass parameters to the child form and likewise the subfrom should be able to return values to the parent one. I would like also to insert within the child form a kind of treeview control that woud allow the user to browse and select mutiple elements which will be
Dialog questions
How would I change: 1. The margin to the left and right and top of the title bar 2. The selected colour when the close or OK button is clicked (light blue shown below) 3. How to remove the dotted focus rectangle from the OK button Thanks
When will the JQuery UI sortable enabled the 2 or more column span portlets?
When will the JQuery UI sortable enabled the 2 or more column span portlets?
Dialog body far too small
I am using the following (NuGet download ASP.NET) <link rel="stylesheet" href="Content/themes/base/dialog.css" /> <script> $(function () { $("#dialog-message").dialog({ modal: true, buttons: { Ok: function () { $(this).dialog("close"); } } }); }); </script> Here is the Div <div id="dialog-message" title="Download complete"> <p> Your files have downloaded successfully into the My Downloads folder.
jQuery selectmenu dropdown hidden below dialog bottom
How do I keep a selectmenu drop down from hiding beneath the bottom of the dialog? In other words, isn't it customary for a drop down menu to show above the dialog?
jQuery selectmenu val not working
Hello, I have successfully populated a select menu and can navigate the menu in the UI just fine. However, when I go to query either the selectmenu val() or the selected option val(), neither of them reflect what I just selected. It is returning a value, but not the correct one, that I just selected. This seems like a but to me, but I'd like to at least find a workaround if possible. I'm using jQuery UI 1.12.1 against jQuery 1.12.4 in an ASP.NET MVC 5 (AFAIK, V5) web page. Thanks... Michael Powell
How to make horizontal menu with | as below
Hi i need to make horizontal menu as below so that How to do horzontal menu design as below in top of page starting from right to left as below ?
A little help needed with jquery – [a continuous synchronous scroll sidebar]
Hi. My scenario is like this – in my web application I’m building, in one of the pages, there’s supposed to be a small side segment like a div which will move along with the page as it is scrolled down or up gradually. I’ve tried to put together the code after putting some amount of observation into the scenario. In my MVC views, have a _layout page (similar to a master page) where I’ve created the sidebar div. Here’s what I did – This is the sidebar div :: <div id="sidebar" style="padding:7px ;margin-top:30px; z-index:1001; border-radius:9px; color:midnightblue; background:linear-gradient(60deg, rgb(201, 196, 246), #c6e2d0); float:right; position:absolute; margin-left:1020px; width:225px">
JQuery progress bar or box waiting for user input
Hi All,I am trying to show a progress bar that really emulates close to the shake methodology. I want to display a progress bar that continually moves to the left and then slides to the right. Image attached. Does anybody have any suggestions? Thanks, Tom
Updating title attribute of selectmenu does not work
Hi, Let's say I have some <select> element in html: <select name='selector' id='selector' title='Old title'> <option value='0'>Option 0</option> <option value='1'>Option 1</option> </select> and in the JavaScript code I have: $('#selector').selectmenu(); So far, it works fine, i.e. hovering the mouse over the selectmenu widget shows the text 'Old title'. Now, let's say I want to change the site's language and in this case I execute the code: $('#selector').prop('title','New title'); This executes
Autocomplete with json call, suggest doesn't work
Hi, I am using jquery ui autocomplete. When use this with a call to json, I can't get that suggest feature works properly. I attach a link with code http://codepen.io/anon/pen/oBMyrO Thanks in advance!
How to assign values to dynamically generated hidden item
I have a modal dialog where table rows are generated dynamically on button click. First column is an autocomplete text box .when user select an item this value must be assigned to the hidden element. The problem is multiple row will have multiple columns. I dont know how to sync with each element which is created on every button click and assign the selected value to hidden item every time Following is the code of autocomplete box $('body').on('focus', "#dataTable #pname", function (e) {
Upgrading code from jQuery UI 1.7 to 1.8 failing
I have some old jquery (UI) code that I want to upgrade to todays standards. Since my code was written for jQuery UI 1.7.3 I've decided to upgrade the code release by release. A release list is found here: https://jqueryui.com/upgrade-guide/ So if I open 1.8 Upgrade Guide I can see what was changed. So far so good. As far as I can see, the following changes apply to my code: Renamed _init() to _create() Renamed _setData() to _setOption() Removed _getData() since it should never be overridden $.widget()
Drop if content matches
Hey, i am currently working on a jquery math game project where some tasks are in div elements on the rights side and the results are in divs on the left side. The divs with the tasks also contain a hidden div wich contains the result of the task. The users have to drag the result divs on the task divs. My question now is How can i check if the content of the two divs match? I would appreciate any help
Help with saving a JQuery Sortable Grid to a cookie.
I am new to jQuery, and coding in general. I have made a sortable grid that contains images with links that can be rearranged by dragging/dropping them, but i want the user to be able to save the order they have chosen. After refreshing the page the order returns back to normal, so i was wondering how the order could be saved , and retrieved from a cookie. Here's my code so far: <!doctype html> <html lang="en"> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1">
Add a new method to a jQuery UI widget
The technique described in the docs for extending UI widgets works for me when extending an existing method, but not when trying to add a new one. Rather than repeat the details here, here's my SO question in full: http://stackoverflow.com/questions/42024327/add-a-new-method-to-a-jquery-ui-widget Thanks in advance for any ideas.
draggable helper : what is it ?
Hi. I'm experimenting with draggable/droppable. From the documentation it's not perfectly clear to me what the helper is and what is the difference between ui.draggable and ui.helper objects and by consequence what the clone option is for. ui.helper - the jQuery object representing the helper that's being dragged May anyone help me understand this? Thank you in advance.
Not able to retrieve value from textarea
I'm setting value in textarea using jQuery val(). later I need to retrieve value from the same text area, but it's empty <textarea class="smalltextarea" ></textarea> <input type="submit" name="btnSubmit" value="Submit" id="btnSubmit"> $(document).ready(function () { $("#btnSubmit").click(function(){ jQuery("textarea.smalltextarea").val("Test"); var getText = $("textarea.smalltextarea").val(); alert(getText); }); }); https://jsfiddle.net/d9Ljuo2v/4/`
jquery dialog window issue
Hello, I am upgrading to jquery2.2.3 and jquery-ui-1.12.1. Eventually I will go with jquery 3.0. For now I am following migration guidelines. 1. I am having a issue where text 'close' is coming behind 'X' image. - quickview.png is attached 2. In one of the title-bar, I am actually getting an entire text of the element that puts the title instead of the text itself. - storelocator is attached I have tried different things but I am new to jquery and I am not sure how to get this working. How
Not displaying all the items
I have an area (fly-out) which is closed by default, when the use clicks the menu icon there is a fly-out and the accordion should show all items and take up the div space, but it seems to be missing one, when I click the third item, it replaces it and shows the missing one, I have tried lots of suggestions with regards to refresh but none have worked - here is the code and the CSS <asp:Content ID="dashboardcontent" ContentPlaceHolderID="sitecontent" runat="server">
<div>
<div id="mastersidenav" class="sidenav">
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a>
Regarding about the folowing CSS file
Dear All I am newbie in j query and my question is about , I have added date-picker plugin in my project and Now I got jqueryui.js file it is working fine but I am unable to get the css file in order to display it in correct format and in correct UI , Please anyone can help me how to get tha css file. and the link is here "http://jqueryui.com/datepicker/". That file link is here. "<link rel="stylesheet" href="/resources/demos/style.css">"
jQuery Autocomplete, how do I populate the dropdown list?
Okay, for the life of me, I can't figure out how to populate the drop-down list with {logo}{name} using the response I'm getting: - $("#jobCompanyName").autocomplete({ source: function(request,response) { $.getJSON("https://autocomplete.clearbit.com/v1/companies/suggest?query=" + request.term, function(data) { response(data); }) }, minLength: 2, dataType: 'json', autoFocus: true, select: function(event, ui) { var selectedObj = ui.content["0"].name;
draggable/sortable position problem over iframe
Hi. I have a annoying problem with some draggable element witch is connected to an sortable list in an iframe. The draggable items are located on the right side, when i drag one and move it to the sortable it suddenly jumps about 300px to the right side. This happens when it's connected and moved to the other list in the dom. In this moment css left jumps from (for example) -1000px (because i moved it from the right side to the left) to 300px oriented on the left side of the iframe. I have no idea
Next Page