The value of spinner inside table cannot be got by $_POST
I am using jquery-ui with spinner. I found that the value of spinner inside table cannot be got by $_POST. <table> <input id="spinner" name="spinner" value="5"> ...... ...... ...... </table> In this situation, spinner is discarded. Would anyone try this and solve the problem?
I could clone only once
I m able to clone the image only once but not multiple times http://jsfiddle.net/32pw3syh/3/ Above is the original fiddle which I m working on http://jsfiddle.net/timspqr/1xnmtyqs/ Above fiddle has an example of multiple drag and drops ( cloning ) Failed JS Fiddle http://jsfiddle.net/32pw3syh/8/ cloned and could drag and drop only once
How to make jQuery UI icons align with text
I have observed that when using a <span> to make use of a jQuery UI icon, with text adjacent to the icon, that the icon is shifted higher than the text. You can see this effect in the ThemeRoller application if you look at the Highlight / Error samples: http://jqueryui.com/themeroller/ Is there a way to make the icon and the text vertically aligned with each other? We are getting complaints from our test team because they say it looks unprofessional and the icon is causing the other elements on
Tabs ajax loaded newPanel height is wrong, why?
Hello programmers, this time i have an issue in ajax loaded panel Tabs. The problem is in the following code example: $("#tabbed").tabs({ activate: function (e, ui) { ui.oldPanel.show(); var pheight = { n: ui.newPanel.height(), o: ui.oldPanel.height() }; ui.newPanel.hide(); }}); For my purpose i need to re-show for a while the old panel and hide the new, make some operations and next reverse them. The big problem is that when i click the
How to disable all previous dates on selection
I have 2 date pickers on my page . One is for starting date and other for ending date selection. So when i select starting date on first date picker i want all the previous dates to be disabled on both date pickers.
Set accordion to open collapsed
I have been experimenting with some jQuery UI accordion code and was just wondering if someone might be able to tell me how I can modify this script so that the accordion always opens in the collapsed position. Thanks Pedro. http://jsfiddle.net/3djsn95v/
use callback function in another file
Hello everyone. I wonder if someone could tell me if there is how to use a callback function declared in a file in another javascript file?
Using .selectmenu() with onchange event and ajax/passing variable
Hey, Presumably due to my amateur abilities I'm having trouble with getting the JQuery UI selectmenu to work with my jquery script for passing a variable from the selected option of the dropdown menu to my php file. It all works fine until I add the $( "#users" ).selectmenu () then the jquery UI works and the passing of the variable and ajax doesn't. I have no doubt that I'm inserting it into my jquery wrong but I have been through the documentation and it does not seem to clear anything up for me.
text alignment in conjunction with .autocomplete
I am running into an issue where I need to use autocomplete with a textarea for multliine output. My problem is I can't get the text to align at the top of the textarea. It seems to want to align in the middle. I have tried many things, but I just can't see why this doesn't work: .ui-autocomplete-input{ vertical-align:text-top !important; }I have also tried applying the same instruction directly to the textarea, but this is just being ignored for some reason. Any insight would be appreciated.
.spinner and start option
Hello, I was looking over some JQ UI docs and came across this as an example: <script> $(function() { $( "#currency" ).change(function() { $( "#spinner" ).spinner( "option", "culture", $( this ).val() ); }); $( "#spinner" ).spinner({ min: 5, max: 2500, step: 25, start: 1000, numberFormat: "C" }); }); </script> But if you look over the API, start is an event not an option. Is this a typo, or something left over from a previous version? Thanks, Jim
title in the dialog
We are attempting to upgrade to the latest jQuery UI v 1.11.1. We are using version 1.8.3 The attribute for the dialog title in v8 is different than in v11, could somebody please tell me a work around to fix this. Even the documentation is different We are passing in an image with the title. example is here: http://jsfiddle.net/e2qyrw24/3/ when switching to v11 this is no longer available why, and what is the work around?
UI Tab
Hi, all! How can select tab by index use JavaScript? For example $( selector ).tabs({ activeTabIndex: 3 }) Thanks.
How can add multiple date formats in datepicker?
Greetings friends , I have the following code: $(function() { $( "#inicio" ).datepicker({ dateFormat: "yy-mm-dd" }); $( "#termino" ).datepicker({ dateFormat: "yy-mm-dd" }); }); in which I have a couple of dates ( #inicio , # termino ) and what I want is to add some formatting to these dates as follows : $(function() { $( "#inicio" ).datepicker({ dateFormat: "yy-mm-dd" }, { monthNames: [ "Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre",
autocomplete source function not displaying results and cannot access THIS
I am using jQuery Autocomplete. Originally, I was using a string as the source, and it was working just fine. Now, I am using a function: source: function( request, response ) { url = "ajaxsearchplace.cfm?term=" + request.term; $.getJSON(url + '&callback=?', function(data) { response(data); }); } This function is not displaying results under the associated text box. In Firebug, the function is giving JSON that is identical to what is being returned when
unclickable textobxes in dialog
Sometimes textboxes inside a dialog become unclickable. I can click fine on dropdown box and select from it, I can click on buttons and they trigger the onClick just fine. However when I click inside the textbox, the cursor doesn't appear and I can't type in it, though if there is an onClick event attached it is being triggered. This doesn't happen all the time the dialog box is opened, but when this does happen at the same time the text on the page becomes unselectable, meaning I can't select anything
Draggable containment with scrollable list
Hello All, I'm trying to create droppable target on fixed toolbar above the list. Here is simple example http://jsbin.com/sakiz/12/edit Unfortunately it is not working Can someone help me? Thanks in advance
Switchy and colResizable
Hi.. I use jQuery 1.11.1 and jQuery UI and Switchy plugin . Now i want add colResizable ... But when add colResizable , Switchy Plugin both is not working... I change something and fix (can enable Switchy Plugin) but can not fix colResizable yes! If need files (Source) just tell me! I will attach all files... Sorry... My English not well... ♦♦♦ Email ♦♦♦
Apple-like dashboard?
Hi JQuery people This is more of a IU related question but I was wondering if you know of any JQuery component/widget that looks a little bit like the Apple system availability page https://www.apple.com/support/systemstatus/ ? Just the front end, I already have the back-end logic to plug it into. thanks a million for any tip Juan
Any ideas how to add more data to to the top of the table?
Greetings experts, I received great help from Godsbest in getting the code below working: $("#details").on("click", "a[target='tab']", function(){ var me = $(this); var url = me.attr("href"); var tabName = me.data("tabName"); var tabIndex = parseInt(me.data("tabIndex"), 10); $.get(url, function(data) { var table = $( '<table id="details" class="details" style="font-weight:bold;font-size:10pt;" cellpadding="4" width="100%" cellspacing="0" />'), tr = $('<tr clss="d0"/>'), td = $('<td/>'),
a bug about Tabs
when a page includes base element, error happens. there is an error in _isLocal function. I label the error with red color. _isLocal: (function() { var rhash = /#.*$/; return function( anchor ) { var anchorUrl, locationUrl; // support: IE7 // IE7 doesn't normalize the href property when set via script (#9317) anchor = anchor.cloneNode( false ); anchorUrl = anchor.href.replace( rhash, "" ); locationUrl = location.href.replace( rhash, "" ); // decoding may throw an error if the URL isn't UTF-8 (#9518)
how to keep tabs menu back to default state
Greetings friends, I am new to using jQuery and I have a doubt. I've been testing the code of the menu tabs ( http://jqueryui.com/tabs/ ) on my website and I've noticed how much , that if I select the tab page 3 and charge , does not stay in this tab if not default back to the first so my question is how can I avoid this behavior ?, ie if I select any of the tabs and for some reason I refresh the page , the selected Remain tab. according to me , may be with these code but I am not sure how to implement
JQuery tooltip over image map
I've managed to modify jquery tooltip using jquery-ui so that I get customized tooltips triggered by image map areas. By default, the tooltip wouldn't trigger on map areas, but it did work on any input forms, edit buttons, etc, on the page. It only functions on block elements I finally realized, so I got it to work by adding a <style> for "area", making that a block element: </style> <style type="text/css"> area { display: inline-block; } </style> So now tooltips are triggered when you hover
jQuery Dialog
i am using below code for dialog box $("#dialogSave").dialog({ autoOpen: false, closeOnEscape: true, resizable: false, modal: true, width: 350, height: 115, buttons: { Ok: onSaveOk, Cancel: function() { $(this).dialog("close"); } } }); Here i want to place text(bottom left) in buttons place. How to do that. Those buttons are generating
Button() creating two buttons when only called once
I have created buttons before, but not using the same methods - this one is causing me some grief. Basically, I am dynamically adding a button based on a select from an autocomplete. I was not getting what I wanted so I removed autocomplete out of the equation and worked on a simple pretense of creating a single button as described in the API example page http://api.jqueryui.com/button/#entry-examples guide - but I get different results than those described there. My code: $("#ProductMain").after("<button
Multiple Dialog Interface Web Application
Hi, recently Chrome has disabled showModalDialog without alternatives, I'm try to use JQuery UI Dialog to emulate it. I have a web application that emulate a MDI client app, my problem is when I open a dialog inside another dialog with more dimensions of parent dialog. The second dialog is bigger than the first, and how it's displayed inside, can't resize to entire view. Can any help me? Thanks a lot of!
draggable is not a function
Hi everybody! I developed a script some weeks ago using jQuery UI and now I'm going to create it's the new version. The problem is that if I import jQuery UI from Google Developers CDN or from local (loaded into the server), draggable function returns in Chrome " Uncaught TypeError: undefined is not a function script1.0.js:17(anonymous function) script1.0.js:17 " or, in Firefox 31, " TypeError: $(...).draggable is not a function " The script, 'til now, check if jQuery and jQuery are available by
how do I make a div with a textbox inside drag, drop, and resize?
I need to have a div tag that has a label and textbox inside. when I drag, drop and resize the div with the elements in it (label and textbox), the text box should resize with the div. I have a somewhat working example here but the textbox is not resizing when I resize the div. Thanks in advance. George
JQuery UI Sortable calling document.ready of include jsp while moving divs.
Hi, Currently I implement jquery sortable in my application to move the divs around. In those divs I have included some jsp which has their own document.ready. After implementation I put alert box on included jsp's document.ready function for testing. So the problem is when I am moving my div inside the sortable list it calling document.ready automatically. Any idea? How I can fix this problem.
Close Dialog after submit from different form
Is have an aps.net form (MVC, Razor) with an additional form. So mainForm and reportForm. When the reportForm is submitted, a dialog is showing. After the report is downloaded I want to close the dialog... But how? Using Html.BeginForm( "GetReportBasedOnSelectedKeys" , "Report" , FormMethod .Post, New Dictionary ( Of String , Object ) From {{ "id" , "reportForm" }, { "name" , "reportForm" }, { "target" , "_parent" }, { "style" , "margin: 0;" }}) @ < input id ="reportId" name ="reportId" type ="hidden"
Help on Tabs height animation with ajax loaded content ?
Hello jquery users, I need a method for animate the height of a Tabs (or more likely its panel) according with the loaded ajax content (the new panel height). There are two big problems that i don't know how to resolve: the first problem is need to start it in parallel with the show/hide main animation (that slide the panel), more precisely after the hide animation of oldPanel ends and before the show of the newPanel animation; second i need to know in advance the height of the ajax loaded new panel
problem in jquery ui accordion
i am using jquery ui and jquery grid in same webpage. jquery UI accordion is a leftside menu in my web page. i placed jquery grid table in right side of the same web page. my jquery accordion active menu design is spoiled (over some pixel are hide the menu) when i scroll up or scroll down the web page, click the jquery grid table next button ,prev button. any one help me
autocomplete : autoselect if only one and change(event, ui)
Hi, In the list whenever there is a single item , it will automatically select ( event response) , and then I focus on next input f ield. The event "change" is fired but the property "ui" is null . How to make "ui" property not null ? as if it were selected when clicked on the list. http://jsfiddle.net/m6sqy14m/3/ thanks
How on one page to place two elements an accordion widget with various css themes
How on one page to place two elements an accordion widget with various css themes from a collection ThemeRoller?
dragging element to sortable element but losing id and bound events on draggable element in the process
Hi, I have a draggable panel and dragging it to sortable component. Though dragging and dropping process is successful and draggable component sits pretty in sortable component but draggable panel is loosing id and for that matter all the elements inside the panel is loosing events bound to them. I am not cloning the draggable element rather moving the actual element to sortable list hence there is no problem of having same id in two places. Could you please advice how to address this problem? I
Caption text not displaying correctly in title bar
Hello, I recently setup a jqgrid which is working perfectly except for one issue. When I click on add, delete, search, or edit on the pager and the popup window comes up. The captain text isn't displayed correctly in the titlebar div. It's under it like below. Any ideas why? This happens with every theme.
Scrollable Tab widget
I am using the tab widget in jquery-ui-1.10.3. Problem is that I have many tabs and eventually you can't see all the tabs. I'd like to have the tabs scrollable (similar to Ext.js functionality in their tabs), so I can scroll to the tabs on the left/right. At first I was pleased to see that there are a few plugins that do just this. However, I noticed that all of the plugins that support scrollable tabs make use of the "add" method ($tabs.trigger("add",[]), or $tabs.trigger("addTab", [] ). However,
Filter icon
Addition filter icon, please.
Footer is jumping up and down due to accordion
when i am clicking on accordion heading the footer is jumping up and down. how can i fix this issue. http://codepen.io/anon/pen/dyEBD
Dialog and hidden input fields
I am experiencing a problem where the hidden input fields on my form disappear when a dialog box is opened. Even after the dialog is closed these fields are no longer on the form. Any ideas?
autocomplete()
Hello, with this code I try to use the autocomplete() and at the same time I try to get the selected value in p-element(id output), but it doesn't work, could you help please !!! <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery UI Autocomplete - Default functionality</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script src="//code.jquery.com/ui/1.11.1/jquery-ui.js"></script>
Next Page