controlgroup events
I have a select with several options. The onchange event doesn't work for this. Is there a way around this? Any select I have that is not in a controlgroup works fine. The events for the radio buttons that are in a control group work as expected also. <fieldset> <legend>Certificate of Service</legend> <div id="controlgroup1"> <select id="servicextype"> <option value='none'>None</option> <option value='hand'>Hand</option> <option value='usps'>USPS</option>
multiple datepicker instances
I have successfully implemented a datepicker following the examples in the documentation. To create multiple datepicker instances in one document I thought I could do something like: $(function dpInit(dpId) { $(dpId).datepicker({....}); }); However, how do I call dpInit? tia, cb
How to setup active Accordion??
Hi guys, i need help using Accordion jQuery. I what to add a div code to the "active section". Example: only the title of the active section show an image and not the inactive sections. Can someone show me a simple code to do it?? thanks!
How to div refresh on specific tab load
How to div refresh on specific tab load // Tabs $('#tabs').tabs({ fx: { opacity: 'toggle' } }); tab name #finance <script>$('#finance_result').load(code.php', function() { });</script>
change datepicker
hi to all. sorry for my english. I found the datepicker calendar. It's very nice. One queston I have. Is it possible to block some Dates myself, so the user can't pick them? Thanks in advance.
Drag only the horizontal scrollbar amount
I am trying to use jQuery Ui to drag an overflowing child div, this div does drag but further than I like. I only want it to drag the scroll-able amount. I have looked at scroll and containment but no luck. Hopefully this codepen will show you want I mean - http://codepen.io/seanjacob/pen/RKKEyO
jquery ui function not available. What am I missing here?
Hi. I want to use draggable. JQuery ui file was created with "download builder" and Interactions: "toggle all" selected. Files included on my index.html like this: <script src="assets/js/jquery-3.1.1.min.js"></script> <script src="assets/js/jquery-ui.min.js"></script> <script src="assets/js/app.js"></script> In app.js I have: (function($) { $(document).foundation(); $( ".song-dragger" ).draggable({ axis: "y" }); })(jQuery); In my /js/ folder I have: In console I get error: Uncaught TypeError:
jQuery UI "Bounce" effect toggles twice
Hi! I have 4 pictures "Goog", they are hidden. I want to fadeIn two of them, and then launch "Bounce", like second effect. But I can do it only with button, not in fadeIn complete function: jsfiddle: link I suggest my problem is with "bounce", it toggles twice on load.. api.jqueryui.com/bounce-effect Best regards, Gennady
this.source is not a function
I'm trying to use autocomplete in a modal, so to get it working at all I had to jQuery(function() { return $(this).bind("ajax:success", function() { return jQuery(function() { return $('#mail_recipient').autocomplete({ source: $('#mail_recipient').data('autocomplete_source') }); }); }); }); because it wouldn't bind to an ajax loaded partial form in rails. in the form i've got: <%= f.input :recipient, data: { autocomplete_source: ['asdf', 'qwer', 'zxcv']} %> which
JQuery selectable helper
Hey, how can i make fixed Selectable helper, i want to select elements only like a box(2x2,3x3,4x4,5x5,6x6)
Bug using a checkbox or checkboxradio inside an Accordion
Hi If I put a checkbox or a checkboxradio inside an accordion, the icon for the "tick" goes wrong (as it doesn't display a tick, but another icon that I can't recognise). This link shows what I mean: http://www.coolgreen.ltd.uk/error/jquery_bug.html This code should show it: <!doctype html> <html lang="us"> <head> <meta charset="utf-8"> <title>jQuery UI Example Page</title> <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css"> </head>
Can I add "add row" to this table row drag/drop/delete?
Hi there everyone! I'm integrating this table drag & drop into one of my forms. The demo: http://designpoodles.com/avtex/sortable-table/ My Form: https://wheeltastic.com/test.html You can see with my form that I've also included a form element right below it that allows me to add new specs, in addition to the current ones that I am now able to reorder. I would, however, love to be able to nix the second "add" specs and simply click a button to add a row onto the draggable table. Is such a thing possible
Selectmenu at bottom of screen unusable with laptop touchpads (aka how do I get the dropdown to go up but only when it overflow the bottom?)
Hello everybody, I'm currently using jQuery UI as part of a set of tools I'm making for my work. It's my first time using it, and overall I really like it. One part of the task is to make a system for other employees here to report issues using a series of dropdowns. Naturally I use selectmenu. It's nice. However, I came across an issue that I have been unable to find a fix for so far: when a selectmenu opens and overflows the bottom of the page, it becomes effectively worthless if I'm on a
dateFormat
I have a calendar which sends a date picked by a user to a database, this works fine. The date format in the database is day, date,month, year (fri, 30 December 2016). I then have this date displayed on a web page but the format is mm, dd, yy. Theres is an option for a user to select a date format: $( function() { $( "#datepicker" ).datepicker(); $( "#format" ).on( "change", function() { $( "#datepicker" ).datepicker( "option", "dateFormat", $( this ).val() ); }); });
Datepicker
Hi; I have installed datepicker widget in contact form 7, it looks to work on back-end but unfortunately the widget does not work on front-end. Do I need to do anything else to get it working well? Please help me, my Jquery knowledge is 0%. My back-end look like this. <div class="form-group"> [datetime* datetime-707 id:1744 class:your-date date-format:dd/mm/yy time-format:HH:mm min-date:1 max-date:1 months:1 placeholder "choose moving in date & time"] </div> Front-end look like this http://easyroom4u.co.uk/room/double-room-in-clapham/
Autocomplete: Do not show results
Hello! I would like to hide the number of found/matching results, which are always displayed above the input field. So far the text is no longer displayed but after the input of the first character, the line is increased by the size where the results were. In the code, I did not find the place which is responsible for it. Currently, the website is hosted on fast managed wordpress hosting. Does it has anything to do with the hosting platform? Can someone help please? Thanks and greetings Priti
Progess bar upload
HI,sorry for english , i want implement a progress bar on a file upload : <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <form enctype="multipart/form-data" name='lavorazione' > <input type="file" name="uploadfile" id="uploadfile" /><br> Nome: <input type="text" name="nome" id=" nome1"value="" /> <br> Cognome <input type="text" name="cognome" id="cognome1" value="" /> <br> <button id="aggiungi" class='btn btn-info'>Aggiungi Lavorazione</button> <button type="button"
I need a persistent popup (like tooltip but persistent)
I want what I call a "persistent popup". Here is what I need: When clicking a certain link (with an `onclick` handler or like this), there should appear a popup (similar to a tooltip) with HTML content which I provide. The popup does NOT close when I just move the mouse. To close the popup we click outside it. It is desirable that the popup is displayed with an arrow pointing to the link with `onclick` clicking which opened the popup. Is there a plugin for this? If no, I am willing to develop it
jQuery UI resizable issues on horizontal textareas alignment and width changing
Hi. I originally posted a question to a problem I was having on stack overflow, but have yet to receive a response. So I will repost my link to that question here. Essentially what I am trying to create is my own live code editor. I will have a HTML, CSS, and JS panel. These panels are textareas that I would like to be resizable. Currently, I am having a problem with the textarea flowing vertically instead of horizontally. Strange as textarea display is supposed to default to inline-block.
Jquery UI widgets on touch screens
I've got some old code that used the jquery ui widget factory to implement some custom dragging functionality. It's not working on touch devices and I'm trying to find the minimal modification that will fix it. I've found that the jquery ui draggable demo ( https://jqueryui.com/draggable/ ) also doesn't work on touch---I can drag the box with mouse, but not with touchscreen. I assume if I can fix that I can also fix my custom widget. What's the right fix?
jquery-ui.min.js:13:7168TypeError: undefined is not an object (evaluating 't.fx.step')
I'm getting a random error. I upgraded my jQuery from 1.11 to 1.12 and I am getting this random error which does not appear on Google anywhere. Any idea? I turned off all of my other scripts as well. I have no idea what is causing this
aotucomplete search not working when a parameter is passed in url
this is view <input id="mainsearch" placeholder="Search People" name="mainsearch"> this jquery code <script> $(function() { $( "#mainsearch" ).autocomplete({ source: "autocomplete1", url:"/", minLength: 2, select: function(event, ui) { $('#mainsearch').val(ui.item.value); } }); $('#mainsearch').data( "ui-autocomplete"
How to get rid of the extra arrow
When I click the first time on the arrow it displays properly Image When I click the second time on the arrow it displays a extra arrow at the bottom Image Can anyone tell me how can I get rid of the arrow if I click it the second time it initailly Should look like the 1st image when I click on it the second time on it. Thanks in advance Code
Open tooltip that was closed before
Hello, i have the following problem. I want to show some data when hovering over a table row. The data is fetched via a php helper script. The first time i hover over the row works perfectly. Tooltip is shown with my custom data and all is good. When i stop hovering over my row, the tooltip gets closed. But now i cannot reopen the same tooltip again even though i am hovering above the same table row. Now rows work, but with the same problem, it only works the first time. Here my js, maybe somebody
Jquery Tabs : security filter on links
Hello all, I am using a simple tabs, $( "#tabs" ).tabs [..] <div id="tabs">
<ul>
<li><a href="alink.htm"><spring:message code="alink"/></a></li> When I click on this tab, and an error happens, from url filter or security or any error, I have redirection code like this : response.sendRedirect(url); Where "url" is my login page. Problem is : my login page open in the tabs. I would like it to open in main page, not under this tab. Any way to do this ? Thanks for answer Julien
Getting error in datepiker
Hi i want to use datepicker in mvc but when i'm select date less then 12th day then my form post method is working but when i'm select date more then 12th day then i'm getting this error. please review this error http://my.jetscreenshot.com/29458/20161222-gh1x-25kb.png model public DateTime? DID_Date_Of_Activation { get; set; }
public DateTime? DID_Date_of_De_Activation { get; set; } html <div class="form-group">
@Html.Label("DID Date Of Activation", htmlAttributes: new { @class
Cannot get jQuery-UI Tabs to work properly within a Sortable object
I believe that this is a bug within jQuery-UI and am prepared to submit it unless somebody can spot an issue with my code that would make this user error. Visit this fiddle. Attempt the following steps: Drag the green block straight down. Note that you must drag it past the 3rd blue block before the placeholder will appear. Return the green block back to the top. Change to "Tab 2". Drag the green block straight down once again. Note that now you only need to drag the green block past the 1st blue
javascript problem
Somebody answer me with this plz! Consider using the preferred .on() rather than .click(), .bind(), .hover(), etc. Thankyou
latest jQuery no longer provide sub component js download?
Good day, 2, 3 years ago, I was using older jQuery version in my system. To avoid overloading of jQuery UI, I did not using the jquery.ui.js, but the other components js files, for example ui.core.js. So that I only need to include ui.core.js for those jsp pages. Now I am upgrading the jQeury version to v1.12.4. So those older jquery js file will hit error. I was planing to download the latest js files from internet, for example download back the ui.core.js and replace my older one. However, I failed
Autocomplete, custom HTML structure for printing result?
Is there a way to print the value of the autocomplete box once a selection is made? I know I can use the browser but I want an html (@media?) layout. I can get the description (outside the box) to print with an old-school print setup, but the value inside disappears (defaults back to the box search). Any ideas? Thanks so much for your help When you see a
Auto scroll while dragging on jQuery Sortable Vertical - Kan Ban
I'm trying to fix this 2 days but with no success. I'm creating a kan-ban with jQuery sortable the X scroll is good. But when there is overflow on the Y column cant scroll inside this column while dragging the selected element for drag. Here is preview http://goo.gl/gYhliR Go to Leads from the aside menu and try dragging vertical where the overflow is for this column. Here is the current config for the sortable. $(".status").sortable({ connectWith: ".leads-status", helper:'clone', appendTo: '#kan-ban',
using sortable, dragable, resizable in multy levels
hi, [my first post btw..:) ] My html looks like this <div id="mainContainer" > <div class="tab">tabl 1</div> <div class="tab">tabl 2</div> <div class="tab">tabl 3</div> </div><!--#mainContainer--> my js code is like this $('#mainContainer').sortable().draggable().resizable(); $('.tab').draggable().resizable(); What i actualy want to do? 1. all divs should be draggable and resizable 2. divs with class .tab should be sortable aslo Seems like straight forward thing but i just cant
sortable ui version 1.12.1 crush
Hi, jquery ui sortable plugin is crashing after update to 1.12.1. I am using it to select from a lot of items (more than 2000). Example is below. jQuery ui 1.11.4 http://jsfiddle.net/4rwcuk4z/ jQuery ui 1.12.1 http://jsfiddle.net/e4dhL68e/
Closing a Modal Popup from a
I have this code: <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> <script type="text/javascript"> function ShowPopup(message) { var _dialog; $(function () { var iframe = $('<iframe frameborder="0" marginwidth="0" marginheight="0"
Selectmenu have a bug when resizing window of browser
Hello guy, I need some help. When i resize window of browser, the selectmenu have bug like picture. Can you help me fix it? Thank you very much.
element.style { }
I am new to the CSS world .. I need to change this part in the elementsStyle but I do not know how to do it, I wanted to change the 64px by another value, not to have to scroll inside the div and that the size depends on the sections inside.
Tooltips on dialogs
Hi, I am in the process of upgrading my website to use jQuery UI 1.12.1 instead of 1.11.4. However, I have run into a snag and would like some help. The issue is that when I have a tooltip that is displayed on top of a dialog, the width of the tooltip is constrained by the width of the dialog. Prior to 1.12.1, the tooltip could be as long as the window the dialog was on top of. I have an example below to illustrate the issue: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
looking for some help with the accordion with JSON data
I'm running into an issue with showing all of the associated data in my accordion, meaning that, not everything is appearing in the expanded view for the header of the accordion what happening is that, the data is showing as: BMW: 325i Mercedes C280 Chevy Silverado 2500 and I should be seeing the data as BMW: 325i 525 M3 M5 Mercedes C280 s550 AMG c43 Chevy Silverado 2500 Silverado 3500 Silverado 1500 Camero how can I get all of the models to
Help with summing cells in grid using Selectable
I am trying to implement a function like the Excel function of summing cells in a grid by dragging a fence around the cells. The code below only outputs the last cell selected: $(function() { $('#Grid1').selectable({ selected: function(event,ui) { var res = 0; $(ui.selected, this).each(function() { var nocomma = ui.selected.innerHTML.replace(/,/g, ''); res += parseFloat(nocomma); changeElementValue('sum',res); }); } }); });
Draggable, droppable, sortable
hey here is my code http://jsfiddle.net/hellyeah/0s2s1uvf/ You can drag and drop button onto another button and div will be created. And you can transfer one button too another div. But i have a problem about positioning. How can i fix the issue. Any help would be appreciated. Thanks for that.
Next Page