also Resizeable help.
Hi, I would like to know when was alsoResizable option offered in the Jquery UI ??? I have jquery 1.7 and jquery UI 1.8.2 I am trying to use alsoResizable but not able to do this. I think it's a later version that got this out. The code I have is this: http://jsfiddle.net/mFmc7/ but I notice the versions I have I tried them in that jsfiddle.com but it won't work. Unless I add UI 1.9.2 it then works perfectly. Do I have to use 1.9.2 and if so what version of jquery ? The problem for me is
jquery progress bar
I would like to set up the starting value 20. I changed the min value to 25. However, It still start with 0. How should i do for it?
Autocomplete not working with jquery 1.9.0
Hi. Does anyone have a problem with autocomplete? My autocomplete work well with jquery 1.8.3 but can not work with 1.9.0 in Chrome, Firefox (IE still work) ? My code: $('.contact').autocomplete({ source: "atcomplete.php?find=contact", minLength: 2 });
Samsung galaxy sIII crashing on input 7
I have a very simple app that converts units (jqurey mobile and phone gap). But it crashes whenever a user types in the number 7 in the input field (all other characters can be entered without any problem). While testing the app locally using Firefox or emulators, I see no such problem. Only when I transfer the apk to my (samsung) phone, the problem appears. I changed the type attribute from number to text and then removed it altogether. Still the same problem. Here is the code snippet. The number
Jquery UI Tooltip, API design is confusing
Can someone please explain the difference between the two: Usage 1: ('.selector').tooltip( { items: 'item_that_needs_tooltip', content: "<p>My tooltip content</p>" }) Usage 2: ('item_that_needs_tooltip').tooltip( {content: "<p>My custom content</p>"}) What is this mysterious ".selector" that appears in virtually any example in the API documentation?? It's not explained at all and examples simply set it as 'document'. Documentation says that when I set "content" attribute, I likely need to change
jQuery datepicker inside tab via ajax
So I have a 5 tab page and all 5 tabs are loaded using ajax. Here is my tab call: $(function() { $("#reportTabs").tabs({ load: function(event, ui) { $(ui.panel).delegate('a.thisPane', 'click', function(event) { $(ui.panel).load(this.href); event.preventDefault(); }); }, spinner: 'Loading...', ajaxOptions: { cache: false ,error: function(xhr, status,index,anchor) { $(anchor.hash).html("Tab could not be loaded. Please refresh the page and try again."); } } }); });In my remote pages I have:
DatePicker Input Mask
I am using the Jquery date picker. I have a page where the user can enter a date. I want to make sure when they enter a date it will show up __/__/____ when they type it in. I have 3 date pickers on the page I want to mask. All 3 are the same lay out. My Code <script src="SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script> <link href="SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="css/redmond/jquery.ui.all.css"> <script src="js/jquery-1.7.2.js"></script>
Styling height/position of tab itself
I have seen the heightStyle attribute that was recently added, but that seems to apply to the container DIV below the tab itself. I'm interested in being able to control the height and perhaps positioning of the tab <li> item itself. Here is my issue: I have limited horizontal space for tabs. I can't use a "scrolling tabs" approach and the content may have long tab names that exceed the amount of space. One approach was to insert a line break so that the tab title wraps to a new line. Example:
draw datepicker dynamically
<link rel="stylesheet" href="css/jquery-ui-1.9.2/themes/base/jquery-ui.css" /> <script src="css/jquery-ui-1.9.2/jquery-1.8.3.js"></script> <script src="css/jquery-ui-1.9.2/ui/jquery-ui.js"></script> <script> $(function() { $("#datepicker").datepicker({ dateFormat: "yy-mm-dd" }).val() }); </script> <script language="javascript"> function add_new() { .... mydiv.innerHTML = mydiv.innerHTML +"<input type='text' class='datepicker'>"; } </script> i want the datepicker to be generate dynamically,
Datepicker Default Date
Hi I've tried out lots of things to get the default date displaying as today but nothing seems to work. I'm using this: $(function() { $( "#datepicker" ).datepicker({ dateFormat: "dd.mm.y", changeMonth: true, changeYear: true, onClose: function(dateText, inst) { var validDate = $.datepicker.formatDate( "dd.mm.y", $('#datepicker').datepicker('getDate')); $('#datepicker').datepicker('setDate', validDate);
How to use different style for currently active items on toggles?
Hello! I have used toggles in my template and it works very well but the only mistake it has I want to have a different style for currently active items. I tried .ui-state-active class but then I found it doesn't impress toggles at all. How can I do that? Thanks in advance!
How can I have two progress bars inside one?
I want to have a progress bar like this image: I want to first load that grey bar and in half of way black bar starts with a rectangle image in first of it and the heading will be inside of progress bar and an image next to it. I'm really in need of this. Please help me to achieve it. Thank you in advance.
how to put the animated spinning graphic for autocomplete
Hello friends, I am using autocomplete with remote data source, every thing works fine , but I am not able to put the spinning graphic inside the textbox, as seen in the demo of jqueryui autocomplete widget. Please help how can I put that graphic inside the textbox. Thanks for any help.....
Strange behaviour with jquery tab
In my application (running on IE8), Im using jquery ui (1.9.1) along with jquery ui closeable plugin. I have got a tab structure in one of my screens.Whenever I try to close the tab by clicking the close button link, everything works perfectly fine; tab closes and next tab get selected. But in case after perfroming some action on the tab and that action need to close the tab dynamically, I invoke the below function function removeSelectedTab() { var existTabs = $('#additionalTabs').tabs("length");
Links are broken
Hi, I have an emergency. I was using following links form jQuery UI site: <script type="text/javascript" src="http://ui.jquery.com/latest/ui/jquery.effects.core.js"></script> <script type="text/javascript" src="http://ui.jquery.com/latest/ui/jquery.effects.slide.js"></script> They stop working yesterday. Do you have another links to use for those files. separte download of those scripts do not work. Thanks
base ref causing problem with current version of UI for tabs
I have previously used jquery UI on two websites without issue. On the latest use of the customised download, the tabs were not working. I have finally boiled the issue down to the base href statement in my <head> section. Once removed, then the tabs work OK. However, this is required acorss the site for it to work. Is there a work around? Mark
Dashboard
How to create dashborad tool to use jquery
Can I use jQuery UI Tabs with <div> instead of <ul>?
Hi, I'm creating a content slider using UI Tabs. Is it possible to do this without the <ul>? e.g. <div id="tabs"> <div class="slides"> <div id="slide-1"> <p>Content</p> </div> <div id="slide-2"> <p>Content</p> </div> <div id="slide-3"> <p>Content</p> </div> </div> <div class="slide-nav"> <div><a
Is there a way to use "mixed mode" for autocomplete
Hi, What I mean is, we know how to do value/label pair for items, i.e. var availableTags = [ {value:"1",label:"apple"}, {value:"2",label:"orange"} ] What I wonder is, if we can do something like var availableTags = [ {value:"1",label:"apple"}, {value:"2",label:"orange"}, {123,234,345} ] so that we can perform autocomplete by either ID or Name. Doable? Thanks in advance.
unable to get custom icon on jQueryUI button
Here is what I am trying to do -- use base64 data on my button... http://jsfiddle.net/ryFSx/ but it is not working out. Any suggestions? ( got the idea from here: http://stackoverflow.com/questions/3224537/change-the-icon-of-a-jquery-ui-button-with-own-image )
How to reference jdialog button
If I have a button generated via the jdialog option like below, how can I reference it and disable it from its own onclick function? Thanks! $("#myDiv").dialog({ autoOpen: false, height: 205, width: 400, modal: true, resizable: false, buttons: { "Add": function() { //disable add button here },
Making progress bars work verticaly
Hello! I achieved a vertical progress bar by changing js to this : // Progress Bar $(function() { $(".vertical-meter > span").each(function() { $(this) .data("origHeight", $(this).height()) .height(0) .animate({ height: $(this).data("origHeight") }, 1200); }); }); but it works from top to bottm and I want it to work reverse (bottom to top). How should I do that? thanks.
Jquery tab resize
Hello, I am using the following for for jquery tab. When I open the following code in IE8, and resize my browser window to a smaller size, the tab page also changes its position. How do I make it not move when the IE is resized? <!DOCTYPE html> <html> <head> <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>
Do not load highstock (=chart) until jQuery Tab is selected
Hello people! I have found in the API of jQuery methods that could help me perhaps. But I am very doubtful whether this is the case. I have created a website with 5 jQuery Tabs. Each tab contains a chart. So when i open the webpage it loads so long. I therefore wish that the graphics are not loaded when you click on the relevant tab. Something like document.ready ... based merely on the element But how do I get out now? is that even possible? Greetings John!
How to disable tooltip and change item
At the default code it's work well $(document).tooltip({ track: true }); But, when i try change item become alt tag, it's not work, i try very type [alt] a[alt] alt $(document).tooltip({ track: true, items: 'alt' // alt not work, a[alt] not work, alt not work :( }); Disable not work too: <script type="text/javascript"> $(document).ready(function() { $(document).tooltip({ track: true }); $("#content").tooltip("disable"); }); </script> <div id="top"> <a href="#" title="Kaka" alt="ph yeah">Click</a>
Checkbox question
I have a simple checkbox. I need to know if it's end position is on or off upon submit. The problem is that no matter if the button is clicked once or twice, the ALERT is always "on"... I need to know how to make it "true" if clicked and "false" if unclicked...or ON/OFF...either way. I've tried a couple things but to no avail. Thanks, Shadraq /*js*/ $("#class04").on("change", function(event){ setChildClassAttended04($(this).val()); alert($(this).val()); }); $("#classElem").on("change", function(event){
Problem with submit button and Ctrl
Hello everybody, I have a submit button of a form and I've transformed it into a jQuery-UI button. If the user clicks on the button, the form is regularly submitted; instead, if he presses Ctrl while clicking on the button, the page is loaded (into a new tab, as defined in my browser) but no parameters are passed. It looks like a pathological beheaviour, doesn't it? G
How to view the html generated by jquery
Hello, I am working on an MVC3 application in IE 9 and very new to jqueryui. One of the pages uses the jqueryui tab. The content for each tab is loaded dynamically, excerpt - tab_content += "<div style='float:left;text-align:left;width:55%;padding:4px;height:90%;overflow-y:scroll;'>" + "<span style='display:inline-block;border:1px solid black;text-align:center;float:left;padding:2px;background-color:Gray;color:white;font-weight:bold;'>Sublists</span>" + "<div style='float:left;width:100%;margin-top:3px;
Trouble with using droppable/draggable positioning inside a Carousel
Hello all, I have been finding some problems with positioning of divs when their "container" is inside a carousel slide. This sort of thing... $("#dragc11").appendTo("#dropc1") $("#dragc12").appendTo("#dropc1") .position({ my:'center center', at:'center center', of:"#dropc1" }) $("#dragc13").appendTo("#dropc1") .position({ my:'center center', at:'right center', of:"#dropc1" }) ... where "#dragc11" etc are draggables and "#dropc1" is a droppable. Specifically
Sortable: connected sortables do not scroll
Hi,I have two connected sortable list(call A and B).When I drag a element of B to bottom of A, the A can't scroll to bottom.And I search this bug case,but still not fixed it.http://bugs.jqueryui.com/ticket/3173#comment:8 you can see the example code here: http://jsfiddle.net/petersendidit/aCd5X/1/ Can anybody have a solution?please reply me ,thanks.
Multiple select and Drag
Hi, In our application we were using jquery.1.4.2.min.js with jquery-ui-1.8.5.custom.min.js for Multiple select and dragging. But recently we upgraded to jquery.1.7.2.js and now multiple select doesn't work anymore. I tried the latest of jquery and jquery-ui but still multiselect is not working. Any ideas? Thanks Vijay D.
Help need with the Nivo Slider
The Question / help I am asking for as been asked before but i Can not see any answer for it. So need advice/help with this Nivo Slider. I have 11 images and roughly they are 34K to 50K in size.. when running my webpages from my PC and not from my server the slider runs fast with no delays. Am getting around 9 seconds before the first image is shown. Have seen this CSS code on net,,,, #slider img{display:block !important} or this ,,, .nivoSlider img:not(:first-child) {display:none;} and both
jqueryui combobox (immediately event when selection change) not working
<link href="<%= ResolveUrl("~/jquery-ui-191custom/development-bundle/themes/base/jquery.ui.all.css") %>" rel="stylesheet" type="text/css" /> <script src="<%= ResolveUrl("~/js_autocomplete/jquery-1.8.2.js") %>" type="text/javascript"></script> <script src="<%= ResolveUrl("~/js_autocomplete/jquery-ui.js") %>" type="text/javascript"></script> <style type="text/css"> .ui-combobox { position: relative; display: inline-block; } .ui-combobox-toggle { position:
JQuery UI Accordion - Dynamic content?
So I setup the Accordion and got that to work. Then I got my JS for loop to display the content correctly. The issue I'm having is combining the two functions. When I combined both the functionalities, only the first header shows up and all the links are visible. If the link area is clicked the header for that section appears. I've tried putting the jQuery accordion function in window.onload and under the rest of the content, but so far nothing I've tried has fixed the issue. Any help would be appreciated.
Controls realigning on IE page resize
Hello, I have created a page containing jquery tab. It has 3 tab pages,each page has 2 text input control, 2 file controls and datepicker date control. When I open the page in IE and resize the browser, the controls are getting realinged. How do I make them not realign meaning when I shrink the browser size, the contents should stay in the same place as originally placed? Could you please provide pointers to solve this? Thanks.
UI Slider - Click Drag Issue in IE
Hello there Has anyone encountered this rather odd issue with UI Slider in IE. It's a basic slider, with a customised image for the handle. In IE, when you click and drag the handle, it only increases the value by one step (as defined via the 'step' parameter). It won't let you carry on dragging to the next "step" unless you click again and then drag it again manually. Works fine in every other browser. You can slide to any step with a single click and drag. Ideas much appreciated!
Using jQuery UI Sortable inside an iframe - handling bugged
I have a somewhat old webpage using iframes as parts of a page. All iframes contain the same header html and the jQuery loaded in all of them is the same. I'm trying to make a dynamically generated object inside one of the iframes sortable. Everything works like it should except the handling - when I click on a draggable object, it usually only responds to mouse movement when the cursor is in one of the three other iframes (random one, I'm guessing the one that first loads the jQuery UI). Very rarely
A problem where page URL contains "?"
Hi all! I have a problem: where URL of page contains question mark, in the tab content area loads whole this page again by same URL without "?" and parameters after it. This happens after any tab button clicking too. UI version is latest (1.9.2). To compare: With this URL jQuery.tabs displays as expected With this URL there is the problem
Autocomplete and custom _renderItemData
Hi I have tried to modifu format of item using _renderItemData (or _renderItem) and used with remote source , it works fine till user press Arrow up/down and i get error: Uncaught TypeError: Cannot read property 'value' of undefined L:6460 I have value field in my JSON source, when i remove _renderItemData , it works fine? Thanks P $.widget( "custom.beachcomplete", $.ui.autocomplete, { _renderMenu: function( ul, items ) { var that = this, currentCategory = ""; $.each( items,
Cannot remove tab from Remove button in jquery
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <title> </title> <style type="text/css"> /* ---------------------------------------------------------------------------- jQuery UI Tabs */ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute; left:
Next Page