Overriding Jquery UI methods
So currently I am trying to use the Jquery Autocomplete widget in my grails project, however, using a jquery-ui-1.10.3.custom.js , the grails integration plugin for jquery-ui automatically includes a lot of addons for Jquery (Sortable, Draggable, autocomplete, etc.) I am however, using a seperate script for sortable (http://johnny.github.com/jquery-sortable/ ), as it provides functionality for nested lists. However, it seems that the Jquery method definition for sortable overrides the external scripts.
Is Autocomplete Completely Broken?
Using browsers: Chrome, Firefox, Opera, MSIE, Konqueror, Seamonkey Running on: Windows 7 Pro, Windows 8.1, Ubuntu 12.04, Ubuntu 13.1, CentOS 6 Testing jQuery's own API URL: http://jqueryui.com/autocomplete/ fails. I don't get any autocomplete activity, including: 1) No "class" modification of the sample text field (should append 'lookup ui-autocomplete-input', but doesn't) 2) No dropdown to select from 3) No javascript errors of any kind It's like it's not firing, at all ... or not getting any response
html 5 native validation is not working in jquery ui dialog box
I have a dialog box with some form fields.When I click on the submit button inside this dialog box the form is not validating using HTML5 attributes.But I can validate the form using Jquery validate plugin.But I need to do HTML5 native validation on button click, this is not working. My code is as below. ===================== $("#popup").dialog({ autoOpen: false, title : "View/Edit Screen", dialogClass : "pop-content pop-header-colr pop-button pop-float", width:800, height:650,
Confirm dialog on submit returns to page
I am using jquery confirm dialog instead of the usual javascript confirm() so that I can easily format the buttons on the alert. After that I want the submit the form on the page when users clicks the accept button on the confirm alert. However, after submitting the form it redirects page back to the form. That is not what I want, it should submit and allow the page to continue. What I am I doing wrong? $(function() { $( "#dialog-confirm" ).dialog({ autoOpen: false, resizable: false,
estimate of release with standard datepicker?
Hi. I saw the roadmap said a datepicker would be in the next release. Any estimate of when this release will happen? (I've had some great success with jQM, but burned time on the datepicker wrapper before finding that others had already encountered the same problems I had. Specifically, click events going through to jQM widgets below the calendar in pop-up mode, inability to set the date programmatically in inline mode, and a few smaller problems discovered while trying to work around those.
addint value to a table column wise
I have two tables A and B I have a table full of values in table A. I want to have a button for each row and when clicking on it. I want to check the values of the coressponding row and want to add a row value of Table A to Table B (column wise) Please help Thanks in advance
About transforming tabs with css3
Hey, I have the following html code (using angularJS): <div class="list-posts" ng-repeat="post in site.articles"> <article> <div class="article-headline"><h2>{{post.headline}}</h2></div> <div class="article-author"><em>@{{post.author}}</em></div> <div class="article-body">{{post.body}}</div> <div class="tabs"> <ul> <li><a href="#fragment-1">Comments</a></li> </ul> <tab-comments ng-controller="CommentsController as comments" id="fragment-1"></tab-comments> </div> </article> </div> So I put the "fragment-1"
Problem with drag & drop
HI, sorry for english, i have a problem with drag & drop ,i can put a draggable element in a droppable and with this code jQuery('#att1').droppable({'drop':function( event, ui ) {$(this).html("");$( "<p></p>" ).text( ui.draggable.text() ).appendTo( this );},'out':function( event, ui ) {$(this).html("casella1")},'revert':'true'}); I have some fields droppable and some elements draggable if i insert a draggable in a droppable the name of draggable appear on the droppable but if i go on a droppable
autocomplete fails after several times when theme is changed
using jqueryui 1.9.2. i have an autocomplete box in a jqueryui dialog. i'm trying change the theme with theme roller and added ref to jquery-ui-1.9.2.custom.css <link rel="stylesheet" type="text/css" href="/Content/themes/start/jquery-ui-1.9.2.custom.css" />). just by adding this ref the autocomplete fails after several times, i.e. it works fine usually twice then fails to show any items unless i refresh the page. if i remove the ref to the css it works fine until im blue in the face. This behaviour
jQuery Accordion with Buttons at Header
Hi, I have few problems with Accordion where I will those as points. Before that please find the accordion I am using. 1. I have added buttons to Accordion header but while I am clicking on the buttons the Accordion is collapsing beacause of the below collapsible : true. But I dont want the button to interact with Accordion so that I can perform operations. i.e, when I click on buttons the accordion should not close or open. The button should have it's own action. 2. How could
jQuery autocomplete personalization select problem
Hello, For presentation purpose, I need to tweak and extend jquery-ui. I need this presentation : For doing this, I must change the <UL> in <DIV> with a little tweak (last part of the code). I rewrote the autocomplete refresh method for targeting the good .ui-menu-item I rewrote the _renderItem and _renderMenu methods to insert the correct html and to highlight the search string. I also need to implement the select callback to highlight the search string. But when I click on a result the menu is
UI.Sortable: Default position/index when receiving a UI.Draggable
Description: I have two Infragistics DataGrids, one is UI.Sortable and accepts rows from the second Grid which is UI.Draggable. I use the receive Event to get the dropped, new rows position/index inside of the grid to perform a server-request to re-order the rows in the database accordingly. It all works great, as long as I drop rows between the existing rows in the first grid. When I drop a row further down in the grid (the grid itself consists of multiple HTML table elements and a containing div
Problem in Jquery UI Menu on hover
Hello I am using Jquery UI Menu plugin in my app. I got one issue. In sub-menu (2nd level) If I hover mouse repetitively on single Sub menu item then sometime Hover action not happened. Explaining the scenario here : I copied demo example from here http://api.jqueryui.com/menu/#entry-examples and added one more sub menu level under Item 3-2 . Now hover the mouse on Item 3-2 next level come up but If I do hover repetitively then at certain point on hover the next level not came up. To reproduce
Need Datepicker in order to return date, days, etc in spanish
Hello, This is my first post on the forum. I am working on a blog that needs to return the date in spanish. I have already tried to change the name of the days and months in the jquery file (attached). Does anybody have an idea of how I might get this code to return the date in spanish? Thanks ahead of time
Refresh content of dialog
Hello, I've been loading an external page into a jquery dialog using the below: $('<div>').dialog({ modal: true, open: function () { $(this).load('viewStop.php'); }, height: 400, width: 400, position: { my: "center", at: "center", of: window }, title: 'Bus Stop - Dynamically Loaded Page ' }); Is it possible to automatically refresh / reload the content say every minute, without closing
Percentage position
Hi. I'm new to JQuery UI. I'm using JQuery UI to center my elements, but the elements are centered with an fixed position, in pixels. My site has fluid layout, then I want to position these elements with an percentage position. Is there a way to position my elements with percentage instead of pixels using the position() method? Sorry for my bad english. Thanks in advance.
Accordion activate event. How to detect if a tab is opening or closing
I'm using a only one tab collapsible accordion, and I would like to detect the "open" operation and to distinguise it from the "close" operation, in order to load the tab via an ajax query during the opening. Any suggestion in order to detect the open and close operations (in the "activate" event, I suppose)?
Accordion not rendering right in IE 8
The Accordion created works in Firefox, safari, chrome, opera but I have to manually click to close the top panel only. The panels all work wonderfully but the IE seems not to render at all. Is there something that needs to be added to check for compatibility. The icons images are all correct. The actual main HTML is this --------------------------------------------------------------- The Jquery-UI is v1.10.3 - 2013-05-03 The Jquery file is: jquery-1.9.1.js ---------------------------------------------------------------
Can't add resizable widget dynamically?
CAVEAT: It's entirely likely this is my own stupidty and not a bug. Check out this JSFiddle. It creates a resizeable box, then adds another dynamically, and tries to initialize that, but only the first box is resizeable. 1) What is the correct way to do this? 2) (If I'm doing it semi-correctly), what is wrong here?
Datepicker when set date to below 100 resets to 1900
When i make a new date object with say for example 03/03/03, the date get set to 2003 in the drop down and when i try setting the date range or anything of the sort it changes automatically to 1903. I set the range from say 0 to 2014 by using any and all ways of setting the ranges and whenever i go to below 100 on the dropdown i get a value of 19** in the value menu for the date of the year. I dont know how to change this or if im just missing something would really appreciate the help. code for
Jquery UI Slider different sizes ?
Can i make different size of sliders with jquery ui ? I need to make a small slider and a bigger one (and with slightly different css) I already made the big slider. Here's what i got for the first slider (i customized the slider appearance): .ui-slider .ui-slider-handle { position: absolute; z-index: 2; top:20px;bottom:0;margin:auto;;width: 24px; height: 35px; cursor: pointer; background : url(images/SliderHandle.png) transparent; border : none;} .ui-slider-horizontal { position: absolute; top:875px;left
JQuery UI autocomplete, Load all Data in DOM instead taking from mysql DB
Reason: Want to speedup autocoplete result What i have: I am having two Input boxes. One is Category and another one is Variety. First im selecting Category by, $("#category").autocomplete({ autoFocus: true, source: function(request, response) { $.getJSON("./php/autocompletenontex_getcategory.php", { category: request.term }, response); }, minLength: 0, select: function( event, ui ) { $('#variety').focus(); } }).focus(function() { $(this).autocomplete("search", ""); }); The above code shows autocomplete
submitting individual tabs in jquery tab
With jquery tabs that have 2 tabs, is there a way to have a submit button in each tab and when clicked, only data pertaining to that tab is picked up and how would I know which submit function to call?
jQuery accordion form with validation
Hi, I wondered if anyone could tell me how I'd put together a jQuery accordion form with validation that works like the screenshot below. Would appreciate any advice. Thanks
sortable IE 7 bug when scroll bar
I'm having a problem using jQuery UI - v1.10.4 for sortables. In IE7, when a <ul> becomes too big within a <div> and scrolling is availble, I am unable to sort the list. When I try to sort it,It not works (i think problem in getting offset height of place holder). Anyone have seen this before or have any idea what the deal might be? It works fine in FF and other browsers. Cheers! sample: <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery UI Sortable
Apply autocomplete to multiple input fields
Hi All I have an issue for a feature I'm creating. Basically I want the user to add their specialities to their profile. I have created a form and have got the page adding additional fields by clicking a button. See the JSFiddle code here: http://jsfiddle.net/wowdesignsolutions/X5Efu/6/ The issue I'm having is getting the "autocomplete" to work on the new input fields that are created. I want ALL the new input fields, and the original one, to use the same autocomplete. The actual autocomplete list
jquery ui and Option tags
I have a select box and then several options, all with titles. I can get the tooltips to work as far as the select box itself, and then the titles when I mouseover the options are just normal small print. select id="requesttype" name="requesttype" title="Request Type"> (works) <option value="default" selected>What can we help you with?</option> <option value="Broken Functionality" title="busted" >Broken Functionality</option> (doesn't work) I have <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css"
sortable IE 7 bug when scroll bar
I'm having a problem using jquery ui 1.5.2 (jquery 1.2.6) for sortables. In IE7, when a <ul> becomes too big within a <div> and scrolling is availble, I am unable to sort the list. When I try to sort it, I don't get a js error, but instead of the <li> moving, the whole page and all the items are just flickering. If I scroll all the way to the bottom of the <div> the sort will work. Anyone have seen this before or have any idea what the deal might be? It works fine in FF and other browsers. Cheers!
How to include two vertical sliders on same page
I am using the vertical slider by JQuery UI in Symfony, but the problem is i cant seem to get the .val() function to perform correctly, the code is as follows: <script> $(function() { $( "#slider-range-price" ).slider({ orientation: "vertical", range: true, values: [ 0, 50 ], slide: function( event, ui ) { $( "#search_price" ).val( "$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ] ); } }); $( "#search_price"
changeMonth & changeYear in one dropdown
I have a client request to modify the calendar changeMonth & changeYear dropdowns to be one dropdown. I know this is not a great idea but I need help to implement it as it's what the client wants.
Autocomplete disappear in IE7-IE10
Hi All, I am using JQuery version 1.10.2 and JQuery UI version 1.10.3. I have autocomplete added to an input box in my page. It works fine on Chrome and Firefox, but on IE (versions ranging from 7 to 10) when I click with the mouse on the scrollbar right to the autocomplete box the box disappears and I am not able to select an item. If I use the mouse scroller though it works fine. Here is an example how I use it. I have the following CSS: <style type="text/css"> .ui-autocomplete { max-height:
ajax loading message in jquery dialog box
I have a scenario where a dialog box is getting opened with form data and a submit button.When I click on this submit button I need to show an overlay ajax loading image with some message saying "Please wait... Data is being updated". Once data got updated (success message from server) I need to show another overlay ajax loading image with some other message saying "Your Data has been updated sucessfuly.". In case of error response from server I need to show overlay ajax loading image with some error
where to add custom CLOSE button ?
$( "#dialog-form" ).dialog({ autoOpen: false, height: 290, width: 600, modal: true, draggable: false, resizable:false, show : 'slideDown', buttons: [{ id:"addcategory", class:"alter", text: "Create", click: function() { $(this).dialog("close"); } }, { id:"btn-cancel", text: "Cancel", click: function() { $(this).dialog("close"); } }], close: function() {
input form data resetting (during jquery sortable & html change)
So right now I am using jquery and jquery ui I have a sortable list of input data (e.g. single line text input fields) While I know this isn't a great way to update my index arrays, of position, and some of my form data. It was the first thing I got working after a few hours. However, my contents of the for loop. Specifically line 5 and 6, is whats causing me issues. If i leave them there, everything updates just fine during sortable change. but all my partially entered user form data resets back
jquery buttonset checkbox refresh
I have buttonset with 4 checkboxes ch1,ch2,ch3,ch4 and submit button for further processing. My requirement is when i click ch1, all the other 3 should be unchecked. It happens successfully but visible only after submit button is clicked. i.e, refresh happens only after submit. how to do refresh in click event itself? I tried: $('#span').buttonset(); $('#chk1').change(function () { if($(this).is(":checked")){ $('.chkSelect').prop('checked',false);
Dialog freezing Firefox/Chrome in Windows when it has to display lots of information
I need to display a JQuery UI dialog with a lot of data previously loaded within the dialog parent element. The problem is that this information will likely have lots of lines of jobs that have to be billed, grouped by worker in an accordion, to have it all tidy and without a huge scroll. See the image attached. Everything works fine in Chrome/FF on Linux, but fails in Windows. The script freezes when the dialog has to be opened with all that info already loaded. What could I do to fix this?
Vertical Tabs Entirely Clickable
I am trying to implement the vertical tab functionality on my SharePoint site, but I am unable to figure out how to make the entire tab clickable as opposed to the title of the tab itself. On the default functionality (horizontal tabs) the entire tab is clickable, and I really need this same capability with the vertical tabs. Basically, I cannot click in the "white space" of the tab, only where text is displayed. Thanks! Please see attached code...The "Insert Code" button does not work for me :)
Superfish WindowShopper steals .dialog(), resulting in exception Object [object Object] has no method 'dialog'
The following error appears on my website, when I want to show a dialog: TypeError: undefined is not a function (Chrome) Error: TypeError: $(...).dialog is not a function (Firefox)This is due to double including jQuery. The second one is not from my website, but included by the adware WindowShopper in the browser of some visitors. How to prevent this error? Example in jsFiddle: http://jsfiddle.net/fybJ3/ [I asked this question on Stackoverflow but got no responses] http://stackoverflow.com/q/24045676/3708485
Tabbutton not in container or even not visible at startup
Hello, We have made a dynamic tab code to show information from database. This is a lot of code to show here. The problem what we have is that sometimes the tab button is not visible or not correctly placed in the div container. If you resize the browser (IE8) then all the tabbuttons are placed correctly. We use jQuery UI 1.10.2 and jQuery 1.11.0. To fix this issue we do a resize of the div container and a refesh from the tabs but it is still not solved. Does somebody know a sollution for this problem?
submit specific jquery tabs
I have jquery tab with 4 tabs. When user clicks on submit to go between tabs or clicks on a tab, i want to submit data from tab user is currently on to a specific rest endpoint How can i achieve this?
Next Page