Problem in change date format calendar
I have an issue when I change date formet it says Invalid date formet my code is var startdate = new Date($("#datepicker1").val()); alert(startdate); var dateToday = new Date(); alert(dateToday); var dates = $(".date-picker").datepicker({ defaultDate: "+1w", changeMonth: true, numberOfMonths: 1, minDate: dateToday, dateFormat: 'dd-mm-yy' });
In Datepicker today button not reflecting for alternate field
Hi All, In Date Picker when we click on Today button then alternate field is not reflecting(Means it's empty) but when we click on any particular date in 'Date Calendar' then it's reflecting on alternate field. Please suggest us. Thanks, Nagavali
Jquery UI-dialog position left value varies on first load
I have used Jquery Ui-dialog on my project. when i click on link the Jquery Ui-dialog opens, $("#myId").position({ my: "left top", at: "right+10 top-10", of: this, collision: "flip" }); on first page load only, the ui-dialog has the css like top: 96.0004px; left: 246px; After all the time when i click on link , the ui-dialog has the css like top: 96.0004px; left: 249px; The top value remain the same, But the left value is only changing... My question is why the left value is vary from 246px to 249px?
Drag and drop
I have successful built a drag and drop game but I however want a situation where if I drag an image, the '''original' image is maintained at it normal position while a clone of it is drop into it targeted position. I HAVE TRIED TO USE '''helper:'clone'' but it doesnt work.. here's a plunker i made for this https://run.plnkr.co/plunks/Qrja7TaWkaJI4l9Qm5Vb/ .
datepicker with button click
Hello, on a form there is a button "Deadline" I want to show the datepicker if you click on the button. <input name="deadline_button" id="txt_deadline_button" type="button" class="button" /> Then if calendar is visible and date is selected, the date should be showed in table column (or in a different textbox) I tried this code below: $('#deadline_button').datepicker({ onSelect: function(date) { $('.Tabletd5').html(date); $('#deadline_button').html(''); } }); It works fine but
sketch.js canvas filltext help
I am following the sketch.js script here along with the thread I found here, which I have the exact same problem. Now I am trying to integrate filltext function into sketch.js and I followed the function call from this.painting=true; to the redraw function and I am lost on how to add in the filltext with this "return $.sketch.tools[this.tool].draw.call(sketch, this);" function call. This redraw function clears out all the filltext and draws the marker sketch with lineto(from memory?). If someone
ConnectWith not working
I have implemented sortable functionality in my CMS so users can change the order of pages and can make them into sub pages etc: how it works is you can drag a page out of another to make it into a parent page, and you can drag a page into another to make it a child of another. however the child pages that are dragged out lose the functionality to accept a page which is the connectWith property in Jquery. here is the code: https://jsbin.com/rilaxitoni/edit?html,css,js,output note this code will not
will it set data-widget attribute to the DOM node?
i have saw some articles which said that the jq UI will set data-widget attribute of the corresponding DOM node,to bind the node with the widget itself. but i found not,is there something wrong?
Accordion Customization - Can It Be Done?
I am working to put together a page showing company staff. I'm using the accordion widget to show/hide the details of each staff member. You can see the page here: http://www.womantours.com/2016Design/wt.accordion_test.html My problem is that when the details open up, the row(s) of staff below the details does not move down...the details fall behind the row(s). How can I make the row(s) move down when the details are shown? Thanks!! Tom
JQuery 1.10.3 Tabs - Remove Tab Border & Background but leave the bottom box
i've seen other posts that say: .ui-widget-content { border: 0px;} but this removes the whole border. i want just the top around the tabs removed. has something change in 1.10?
Accordion Customization
Using the Accordion code, https://jqueryui.com/accordion/#fillspace, how would I change the default open section? By default, the first section is expanded. How would I change this to the second section .... and then the third section at a later date? <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery UI Accordion - Default functionality</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.10.2.js"></script>
JQUERY Autocomplete with multiple sources
Hi, Is there a way to specify multiple sources (2 ajax requests) for JQUERY AutoComplete plugin? Both requests should bind and show the results when they return from the server asynchronously. $(".autocomplete").autocomplete({ source: function (request, res) { request 1 : $.ajax({}); //show the results in autocomplete when results are returned request 2 : $.ajax({}); //show the results in autocomplete when results are returned .. ..
Jquery Selectable Issue
Consider a scenario of Desktop Manager Development UI (Just as Windows OS Desktop). I have made parent div (#Desktop) as Selectable. When i open some of the windows on parent div (by clicking on icons of #Desktop) and try to re-position the window by dragging, selectable widget is applied in the background and i cannot able to re-position the window as the window is attached to the mouse while dragging.
Using datepicker on other tag than an input
I want to know if datepicker can be use on an other tag than an input like a div or a link. If there is a way how to do it ? Thanks you, Vince
Using of draggable, droppable & sortable at once.
Hi Everyone, I'm trying to develop a functionality so that a user can drag and drop form fields from once side to another side having multiple sections with subsection. After that he can drag and drop the that section or subsection or any field in any section or sub section of the existing. I have start making it and got stuck in thing that duplicating the sections and dragging into other. http://zzzz.triusonline.org/forms/update?id=3 User : zzzz Pass : 123456
Jquery Calender disable days. And wrong input
I currently have 3 errors I'm useing 2 calendar inputs, the first one is for pick up, and the second is for delivery, There must go 3 days from pick up and delivery. It currently works but when i change to dateFormat: 'dd-mm-yy' it makes it so i can't select days before the pick up date, but it dosen't make the 3 day "gap" where you can't pick dates 3 day after. At the first calendar input (Pick up) You shoulnd't beable to pick today, or past days, how would i go about that? When i insert the date
date format and restricting date range
In my asp.net page, I have used the datepicker. I tried to change the date format and restrict the date range but it is not working. Only the datepicker is working currently. <asp:Content ID="SampleContent" ContentPlaceHolderID="SampleCPH" runat="server"> <div> <label>Date Of Birth</label> <asp:TextBox ID="txtDOB" runat="server" /> </div> <script> $(function () { $("[id$=txtDOB]").datepicker(); $("[id$=txtDOB]").datepicker({ dateFormat: 'ISO 8601 - yy-mm-dd' }); // not working }); // not working
jQuery datepicker change month & change year functionality is not working inside a jTable type date
Hello I am using jQuery datepicker inside a jTable type date property. when i am adding datepicker property changeMonth: true and changeYear: true inside a jTable then it's not showing dropdown list of month and year date in datepicker. overall it's working the problem is only inside a jtable. please solve this issue as soon as possible.
Multiple identical sliders
Hi! I'm trying to program a little webinterface to control DMX-lights. I'd like to have 24 identical horizontal sliders, how can i achieve this without hardcoding a slider function on each of these 24 div's? For example, i don't want to write this 24 times but only once: $("#fader1").slider(); $("#fader2").slider(); ..... $("#fader24").slider(); The HTML then would be something like this: <div id="fader1"></div> <div id="fader2"></div> .... <div id="fader24"></div> I'd like to have a more compact
How can I install jquery-ui@1.11.4 with npm?
I have a project using jquery-ui@1.11.4, and I always install tools with npm, like this: npm install -g jquery-ui@1.11.4 But I got error message like: npm ERR! Error: version not found: jquery-ui@1.11.4 npm ERR! at /usr/local/lib/node_modules/npm/lib/cache/add-named.js:125:12 npm ERR! at saved (/usr/local/lib/node_modules/npm/node_modules/npm-registry-client/lib/get.js:167:7) npm ERR! at Object.oncomplete (fs.js:107:15) npm ERR! If you need help, you may report this entire log, npm ERR! including
JQuery eventhandler
Hi all I'm trying to bind an eventhandler to the event Tab index 2 has been displayed I'm really in trouble with the syntax of jquery. No fault but it doesn't work! $(document).on("shown", ($('#tabs').tabs( "option", "active" ) == 2), (function(event) { MapCanvasRectData(); })); can anybody show me how it must be spelled? Thanks for your support Wolfgang
modal window
Hi there, here http://www.kernel-online.it/divecircle there is my project. If you click on grey button "INSERISCI LA TUA DESTINAZIONE PREFERITA" a popup is open. After if you click on Passegero another popup is open. My problem is the position the second popup: I would put this popup under the button "Passeggero" instead in the center of the first popup $('#addperson-1').click(function(){ $('#select-person').dialog({ width:270,
SVG Tooltip containing a SVG element
Hello everyone. i am developing a dashboard and have a table with several SVG elements. I can get a tooltip on those elements just fine from the title attribute, but i want the tooltip to contain another SVG. When i put the code for the svg in the title attribute i can hardly see any of it but a square about 3x3 pixels which is colored in one of the colors used in the svg. i do create the table and svg elements dynamical with the d3.js library. Is it possible to display a SVG element in a tooltip?
[Bug] report - datepicker prev and next button showing error
Hi , I found an error about browser compatibility. In Chrome, the datepicker prev and next buttons not showed up However in Safari it works well.
Shifting from jquery-ui-1.8.2 to jquery-ui-1.11.4. But sortable function not working?
With jquery-ui-1.8.2 everything is working fine but when shifted to jquery-ui-1.11.4, sortable function is not working at all? What might be the issue? Please reply.
Animating (Non-Stop) jQuery Ui Slider On Button Click
Can you please take a look at This Demo and let me know how I can dynamically run the slider from value to max and back to min and again ... $(function() { var slider = $( "#slider" ).slider({ range: "min", min: 1, max: 280, value: 140 }); $('.btn-succes').on('click',function(){ slider.slider('value', slider.slider('value') ); return false; }); }); @import url(https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/images/ui-bg_flat_10_000000_40x100.png) <link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.css"
Can't display data in input search of a view of laravel 5.2
Please how can tel me what is the solution of this pb: I use jQuery ui in autocomplete input form in laravel 5.2 , but i can display (fig) link laravel 5.2 autocomplete my index.blade.php is: @extends('layouts.app') @section('content') <div class="container"> <div class="row"> <div class="col-md-10 col-md-offset-1"> <div class="panel panel-default"> <div class="panel-heading">Dashboard</div> <div id="search"> <div id="search-wrapper">
colorizing datepicker
hey i am new on this forum. I hope i created this discussion in right place. My question is First of all you can create datepickers with + button as much as you want. When you create first datepickers and select the dates check result datepickers. It will be colorized with green. Then create new datepickers and select the dates. New date of range was not applied to result datepicker. It must have red color with highlight2 class. Can you help me to figure out how to solve it thanks. hopefully you
How can I determine which tab is open, when a tab is selected?
I have a tab control, within a form, and need to set the controls on each tab page 'required' when the tab page is visible, and to 'not required' when the tab page is not visible. Is there something like an 'onShow' event assignable to individual tab pages that I can use for this purpose? The idea is to place three mutually exclusive sets of fields on each of three tab pages, with all the fields on each page required when the page is visible, but not required when not visible. This is in an effort
Vertical Slider control...
Hello, I'm trying to use the JQuery slider control in a vertical orientation. The idea is to setup a layout like this: [ total number of items] || [] Percent of leveraging of items n% || [ new item count ] [ used item count ] and as the percentage is changed the new item and used item will be adjusted accordingly. My question first question... how do I adjust the length of the vertical slider? I have found on how to do this for a horizontal slider, but not for vertical, and when attempting to apply
Slide toggle text content inline within a button
I'm relying on the jQuery UI library to animate the sliding toggle. jQuery toggle and slideToggle by default is just not suitable for what I want - Ii only want to animate smoothly along x axis (width). Everything works but when the slide action animates, it slides out on a new line (block) and then when animation is finished it 'flicks' back into the inline style I originally set for it. For better illustrative purposes, here is the JS Fiddle for it: https://jsfiddle.net/coolwebs/dx8fd51f/15/ I
npm package
Hi, The release notes for jQuery UI 1.12.0 Beta 1 mention that the npm package for jquery-ui is now maintained by the jQuery UI team. However, the most recent release of jquery-ui on npm is 1.10.5. Is there something stopping the latest version of jQuery UI being published on npm or is it likely to happen in the near future? Many thanks for any help. Tobias
menu widget: autocomplete and same keypress several times
Hi All, i am using jquery-ui 1.11.4 with selectmenu autocomplete My selectmenu has items with values like 4, 44, 5, 55, 555 pressing the keys(4 or 5) multiple times the autocomplete feature selects only the items with value 4 or 5 but not the others i found the problem in the ui.menu widget (jquery-ui.js) _keydown: function( event ) { ........ default: preventDefault = false; prev = this.previousFilter || ""; character = String.fromCharCode( event.keyCode
Destroy a Dialog and Re-Create
Hi everybody, I have a problem in making a new instance of a dialog that contains a div contained in a page. The dialog does not open after destroy, I want another instance....... HTML page: <div id="test"> <input type="text" id="name" name="name" /><br /> <input type="radio" id="foo1" name="name1" /><br /> <input type="radio" id="foo2" name="name1" /><br /> </div> <br /> <input type="button" id="openDialog" value="Open" /> JS page: $('#test').dialog({ autoOpen: false,
JQuery UI - DatePicker not accounting for scroll height from scrollTop when using Chrome
My apologies if this is posted in the wrong location as I'm new to JQuery. I have a webpage that has several divs that are dynamically built using JavaScript. When the page loads, the datepicker popup windows positions itself correctly over or under the input fields of date fields. However, if I trigger a div to be created dynamically and scroll down the page to that div to select a date field, the position of the datepicker popup is appearing much further down the page and not attaching itself
sketch.js paint program image processing issue
Hi, I am testing out the sketch.js with html5 and canvas for a paint program here. There are two problems that I encountered. First is I want to be able to dynamically change the background cat image example for canvas. <canvas id="SketchPad" width="800" height="300" style="background: url(http://farm1.static.flickr.com/91/239595759_3c3626b24a_b.jpg) no-repeat center center;"></canvas> I tried to change the background with the code I found. $('#file-input').change(function (e) { var file
using jquery dialog to submit a form on clicking yes button and cancel form submission on pressing no button
I have been creating a page in jsp and passing the data to servlet, I have used jquery dialog as it can have customized buttons, even the dialog is not being displayed and it is directly submitting the form. I dont know how to display the dialog and submit a form on clicking "Yes" in dialog. Please help me in solving this below given is my JSP Page JSP Page <%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%> <!DOCTYPE html PUBLIC "-//W3C//DTD
I am using jQuery UI to resize an image with its aspect ratios preserved but .resizable() is messing with the original aspect ratio of the image on IE and edge(latest versions)
The first image is without the resizable(); and the second is with resizable(). As you can clearly see the aspect ratio is damaged can anyone help me with this please? the code is here - <html> <head> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script> <link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css"> <style type="text/css"> div{ width: 700px; height: 700px;
TABS and click reactions
Hi all Just developing a user interface for robot control on a windows machine. I'm using TABs from JQueryUI. For that I created a index.html containing the widget header with 3 TABS - inndex.html (contains js) - TAB0 is loaded from a static file called Panel.html (nearly empty) - TAB2 is loaded from a static file called Map.html (nearly empty) - TAB1 is loaded from a static file called Alarmlist.html (contains js) After calling http://192.168.1.200:8080/Robbi/index.html with Chrome I get a proper
Datepicker links not working
I''m using Datepicker to display a small calendar on my website. I need each date to lead to another page. Problem is, links are not opening? Everything looks fine, but on click nothing happens. The links work on a right-click> open in new tap though. Is there a default setting for that or...? How do I fix that?
Next Page