Drag and Drop whitout Mouseposition
Good morning, I would like to use the drag and drop function of jquery UI for an application, but instead of event.pageX (mouse position) I would like to use another input eg positionX of a virtual pointer. Exactly how I would do, I have already thought of just the values in the jquery UI js exchange but unfortunately that did not work. Thank you
jquery x-editable
is there a way to implement the x-editable widget so that when it is created, it displays the edit box, confirm and cancel button? Skip the additional click step on the element.
Dragging Page But Not A Draggable Element
I have implemented a couple drag-n-drop in a web application. It works fine on PC. On a mobile device, it doesn't behavior as desired. A dragging action will drag the whole page, but not the draggable element. I notice the drag-n-drop is insde a table on this site. I don't see that will be a right approach for my site. Any other solutions?
Need help with Drag and Drop
Dear Jquery.com users, I'm a noob in jquery and need some help with figuring out a few tricks regarding drag and drop scripts. Recently, I found "Drag and Drop shopping cart" tutorial. I downloaded the source code but the implementation lacks some functionality. The tutorial comes with a script for removing items from a shopping cart, but the remove function doesn't work. I have a few questions regarding some additions to the existing functionality. 1. How to prevent duplicate drag and drops? 2.
Date and time picker don't hide when click outside
Hi there, Is there a method to have the pickers close when clicking outside of them on the iPad? I searched on google, but haven't found any answers. Thanks in advance! Greetings, D.
What is the planned release date for jQueryUI 1.11.0?
What is the planned release date for jQueryUI 1.11.0? I searched around but couldn't find it. Thanks, Reid Lyons
JQuery UI Autocomplete textbox event problem with checkbox
Hi, I had a situation to display a floating group of checkbox's below the autocomplete as a footer. When i click any check box in the footer, the autocomplete values will be filtered based on the checkbox value. I did it, I show/hide the footer by calculating the autocomplete height using JQuery. Its working pretty well. But problem with the functionality is, after typing some text in textbox when i click any checkbox in the footer first time its not firing its change event. It is firing the autocomplete
How to use Jquery Tabs Ajaxoptions to post values to a jQuery tab
I have the following 3 tabs: <ul> <li><a href="#NewCategory">New Category</a></li> <li><a href="#ExistingCategories">Existing Categories</a></li> <li><a href="#CategoryDetails">Category Details</a></li> </ul> When our users sign in successfully, they are automatically redirected to NewCategory tab. While there, they process records and submit to the database. We would like the records submitted to the database to be displayed on ExistingCategories tab. I have read a little of narratives about using
Can I make a .json call on select event from jQuery autocomplete?
I have an application that allows users to select an activity (such as watching movies or aikido) from a jQuery autocomplete box. That part is working. What I want, however, is for some boxes that allow a user to select their expertise to either be disabled if expertise isn't relevant (such as watching movies) or enabled if expertise is relevant. To do this, I'm trying to call a $.getJSON from within the autocomplete select event. The $.getJSON calls a server-side php script that asks a mysql database
how to change the size of icon in themeroller
how to change the size of icon in themeroller.
Get accordion to load on document .ready
Hello, below is my code: $(document).ready(function(){ var $group = $('#group-of-seven'); $('#nutrition').click(function(e) { e.preventDefault(); $group.accordion(); }); and my HTML: <div id="accordintable"> <div class="exampleaccordian"> <div id="group-of-seven"> <h1>Breakfast | 1st meal</h1> <div> <p> 1/2 whole wheat bagel, 1 Tbsp. whipped cream cheese, 2oz. smoked salmon (lox), 2 slices tomato and 1/2 grapefruit. Toast half of the bagel and add toppings. <b>291 cal</b> | <b>23 gr protien</b> </p>
datepicker with disabled dates?
I want to show the datepicker but I want only certain dates to be active links and styled accordingly. Think of this as an event calendar and when the calendar pops up, the datepicker only has clickable links on the dates that have events. Once they click on that date, the events for that day will display, but that is the easy part. How do I get my datepicker to only show the active dates as links and the other dates as inactive links.
Jquery Styles Growing Buttons etc..
Hi, I am using jquery for some tabs & buttons in an asp.net web app. When I have a button that calls a new window/tab to open, the buttons @ the top of the previous screen double in size. Thoughts? Thanks in advance.
Drappable area
Hi! I trying use jQuery UI Draggable, but an element didn't dragging obove him area. How can drag an element over other elements? Example http://i33.fastpic.ru/big/2014/0326/e6/137fdc06696f15dc36c17d506b4998e6.png
Can Bootstrap work with JQuery UI?
I posted my this question in a wrong forum for some reason. I am posting it again in the right one. I am adding Bootstrap 3 into my web application which already uses JQuery UI. I read somewhere online and learn that Bootstrap and JQuery UI are NOT compatible. I see some questions here on this matter. Which is a right approach to achieve my goal? I am aware of one project called jquery-ui-bootstrap (https://github.com/jquery-ui-bootstrap/jquery-ui-bootstrap/ ). Is it a right tool for my goal? If
how to replace telerik calendar with jquery?
code snippet is attached along with the screen shot.give some ideas. <div id="Table3" style="margin: 1; padding: 0; width: 100%; border: 0; background-color: #ffffff;"> <div class="CellContentEven" style="column-span: 1; height:118.5em; border:1px solid #96CFE8; border-top:white;border-bottom:white;"> <telerik:RadCalendar ID="RadCalendar1" runat="server"
Autocomplete with nested ajax calls
I am currently working on implementing an album search autocomplete using the Spotify Metadata API. I have most of the features complete, but I am having trouble when doing a nested call to retrieve the album cover art. Here I believe is the root of my problem. When I do the ajax call to retrieve the image it does work, and I get the right data, but the return statement is not getting executed. What I am trying to do is get the first four results, for each get an image and return the label, item
How to create a year field using datepicker
Hello, I'm a complete noob in java and jQuery. But I need to create a few year fields in a form. I like the ui calendar, but user should select not only year but the day and month which is not what I need. Can I some how turn off the day and month fields in the ui calendar in order to user to choose only year?
jQuery-1.7.2.min.js Question
Hello I am working with JQuery-1.7.2.min.js -- it is embedded in an application I inherited from someone else. I finally got the Eclipse IDE stabilized this morning, however, I have three errors coming from the JQuery as follows: On this, I have three errors: as follows: 1. Syntax error on token "Invalid Regular Expression Options", no accurate correction available -- on this: contents:{xml:/xml/,html:/html/,json:/json/} 2. Syntax error, insert ")" to complete Arguments -- on this: :b,j.notifyWith(k,e)}}
Any event to trigger once delay completed in jquery ui.sortable
Hi All, In Jquery UI.Sortable, We can give delay to start the sort. I want to know , is there any event that to identify once the delay(i.e.,ms) completed. I tried all events in the API list, start, activate,... all the events triggered when i start to move the item. I want to know when i hold(click & hold) the item for some nth-millisecond - trigger an event. Kindly provide any idea to proceed ASAP. Any clue or hack fix welcome ASAP. Thanks, Hari
Want to work with jQuery UI on website, using at this time old jquery tools
Hi, iam using jquery tools on and old website of an customer. I want to use jquery ui, cause its better. Iam using the old jquery tools for the menu effects and the hover effects and for the audio/video player. Is there an tutorial how to upgrade or take the replacement? Thanks
How do I stop the datepicker from displaying by default if no date is entered
I am using jquery-ui-1.10.4.js and ASP MVC. In my View I am accepting a nullable date as input; @Html.EditorFor(model => model.Assessment.SsipAccreditationDate) I have an Editor Template which injects the datepicker class; @model DateTime? @Html.TextBox("", (Model.HasValue ? Model.Value.ToLongDateString() : string.Empty), new { @class = "datePicker", @style = "width:200px;" }) I have jquery code to hook up the datepicker with the date field; if ($(".datePicker").length) { $(".datePicker").datepicker({
color animation in the navigation menu
Hi I am trying to add color animation to an existing navigation and I have tried the various suggestions and tutorials and have failed! I would like the color to slowly move across the nav menu bar when mouse over rather than an abrupt color popping up. I tried first doing this in a new document so as not to screw up what I have and is working. I think I found some references to it under jquesry ui the site is calisway.com any help would be greatly appreciated. thanks so much marcella
Autorefreshing datatable in a jquery-UI tab
In my index page, I have a jqueryUI tab widget with 5 ajax tabs. In one of the tabs, I have a datatable that should auto-refresh every 5 seconds. I have created the datatable in the required tab, and am autorefreshing it via a setInterval. Everything works as expected. But when I click on some other tab, I want that autorefresh cleared (because its pointless, user is no more looking at that tab). How can I achieve this? How can I clear the interval defined inside the ajax content of a jquery UI tab
Is jquery accordion SEO friendly?
Hello, Is jquery accordion or tab features SEO friendly? Ive searched online but there are not too many recent answers. Because accordion is HTML markup so it should be SEO friendly, right? What if users is directed to the page through Google search, but can't find the keyword because the accordion's tabs are all closed. Will this affect user's experience? Many thanks!
how to stop page refresh after dialog close
how to stop page refresh after dialog close
Function Calling order issue with JQuery
Hi, I'm beginner in JQuery, trying to develop a plugin/control working like this http://jsfiddle.net/jddevight/esS4k/. I am populating drop down list with an external Json file. Please see the code below before reading my problem in next line. Issue: Issue is if i try to add multiple <div> in html page, i must have to follow the function caling order in selecttree.js file. See below please, if i define <div> in the order bellow. <div id="ahmadcontrol"></div> <div id="customformcontrol"></div>I
expanding a menu
I am using this menu code in my application: http://www.mediamilan.com/tutos/how-to-create-simple-tree-structure-menu-using-jquery-and-css/ Modified for my app, of course. I need to add, mostly for testing purposes because the menu is large, an "expand all" button. The code for expanding a menu section upon clicking is this: $(document).ready(function() { //Class 'contentContainer' refers to 'li' that has child with it. //By default the child ul of 'contentContainer' will be set to
Need example for drag and drop using multiple DATALIST, DIV
Hi, We are using asp.net data list with drag and drop j Query in our application. My requirement is i would like to move this object to anywhere. I should to behave j Query drag and drop format. How can achieve this. Please review the below attached images and give me examples. Thanks in advance.
Dialog widget close problem
I am using backbone view to handle the opening and closing of the dialog widget. I have written a function that performs a specific task when the dialog closes. I need to stress here that inside the dialog box I have put various input elements. Here is the function that closes the dialog box(upon clicking the cancel button) along with another action to be accomplished. close: function() {//this function is called when I press the cancel button this.$('#services').val('').trigger('chosen:updated');//this
JqueryUI Toooltip not compatible with Dialog (Modal form)?
Sorry for my Google Translate. Question: Why, when I use the tips (tooltip) in the widget Dialog (Modal form) Jqueryui, when you click on the text box input to which is applied a hint (tooltip) button activates the modal dialog box? And if I enter text in the input field and press the space bar element Dialog (Modal form) button is actuated, closing the dialog form.
Bug in datetime regional settings: 'en' is missing !!!
Why regional ['it'] is here, but ['en'] not ? there are some ['en-<some thing>'] but not a base 'en'. So from PHP i cannot use en or it AND i cannot user en-US and it-IT and it-CH ... why ?!?! It's a big inconsistence (imho) ... and sorry for my bad english see the file jquery-ui-i18n.js
Why there is issue with datepicker in popup?
When Modal popup is opened for the first time, date picker works but next time date picker doesnt show up. Found the below fix. Once i updated my Jquery file it worked? Is there any other solution? or we need to alter the jquery file? 1.10.2 causing problems /* Initialise the date picker */ if (!$.datepicker.initialized) { $(document).mousedown($.datepicker._checkExternalClick); $.datepicker.initialized = true; } 1.9.2. version, working as expected /* Initialise the date picker */ if (!$.datepicker.initialized)
Dialog Draggable Bug
Example http://jqueryui.com/dialog/#modal-confirmation For view Bug Need get in body and create scroll. 1. Get Example in new window and add more textlines in BODY. 2. Minimised window browser that vertical scroll enabled. 3. Hand move scrollbar anymore as something. 4. Try move Dialog.... dialog window change position from cursor to another place..
How to stop accordion heading text enlarging on mobile Safari
I have problem keeping the text size consistent using the accordion effect on my site when displayed on desktop and mobile versions of Safari. Safari for iOS automatically enlarges the tags <h1>,<h2>,<h3> etc. Does the title of each accordion section have to be in a head tag? Is there a way around this problem? I have tried specifying the text size as pt and em, and tried embedding a <span> within the heading to set the text size but the text always appears proportionally larger on mobile Safari
DataPicker Dates go outside the dialog
<script src="http://code.jquery.com/jquery-1.8.2.js" type="text/javascript"></script> <script src="Scripts/jquery.tooltip.min.js" type="text/javascript"></script> <script src="Scripts/Tooltip.js" type="text/javascript"></script> <link rel="stylesheet" href="//code.jquery.com/ui/1.8.2/themes/start/jquery-ui.css" /> <script src="//code.jquery.com/ui/1.8.2/jquery-ui.js" type="text/javascript"></script> <script> $(function () { $(".date").datepicker();
Knobrot.js Web Audio Api
Hi there, i am quite new in using jQuery and I was wondering if someone could help me to solve an issue I have with my web app. It is a very simple app where a sine wave is produced using Web Audio Api and there is a slider to change the value of the gain (volume). I have no problem doing this, however I am trying to use the library knobRot.js and use a knob to change the gain value with no success. I have been trying all day testing out all the events in the documentation including knobdrag function
Autocomplete and Mapping XML data
I'm trying to follow JQuerUI's example wtih mapping XML from an AJAX Response to an autocomplete textbox. I feel like im following the example, but not sure where im going wrong. here is my code: $.ajax({ type: "POST", async: true, timeout: null, url: "ASNProxy.asmx/getStoresOnPO", dataType: "xml", data: { xmlDoc: criteria }, success: function (xmlResponse) { var data = $("STORE", xmlResponse).map(function () {
Menu : how to manage the default blur event when submenu overlap (need) : cannot access submenu
Hi, jq-ui 1.10.4 - Widget menu Summary : Large menu management with overlapping submenu : When the submenu(s) position is managed so that they overlap (collision:"none" and position set by calculation) it is not the last opened submenu which gets the blur event control. So it is impossible to move the mouse into submenu without changing the active option of the up level. where is the solution ? The context A menu with thousands of options with sometime long text (120c) most current five levels of
How to add loading bar to script
I'm having an issue with a loading bar in some different browsers. Currently when it pops up, it gives a loading status on my page. On IE the image that is "addpended" to the div works OK and users can see the gif, in other browsers it is either no present or the alternative image, and I cant seem to make the behavior consistant. here is what it looks like In IE Here is Chrome and Finally Firefox Here is the controller script for this porgress bar... return{ init: function () { $( "#top-menu").menubar(menuitems);
Next Page