how to join tabs and accordion
Good day I create custom jquery ui on their website but the accordion and tabs shows as two diffrent units. How do I combine or join them as one unit because I want to use them together. Thank you Pieter Here is my code <!doctype html> <html lang="us"><head> <meta charset="utf-8"> <title>jQuery UI Example Page</title> <link href="css/ui-lightness/jquery-ui-1.10.0.custom.css" rel="stylesheet"> <script src="js/jquery-1.9.0.js"></script> <script src="js/jquery-ui-1.10.0.custom.js"></script>
Openning Datepicker Using a Link
Hi guys, I want to have a button on my page that opens datepicker. I want it to be this specific button because I put a fair bit of CSS and design into it. Can anyone point me in the right direction?
Sliding not working
Alright, not sure why this isn't working. It is super basic code and I don't mind that it is rough. $('h2').next().hide(); $('h2').click(function(){ if($('h2').next().css('display') == 'none') { $(this).next().slideDown(); } else { $(this).next().slideUp(); } });I have also tried: $('h2').next().hide(); $('h2').click(function(){ if($('h2').next().css('display') == 'none') {
Problem with jquery draggable div on TOP PAGE
I have a problem. I have a jquery script that collects data on a screen controls through an ajax post. When you get the data for each screen control it is creating dynamically. however I have with these controls the draggable effect the div I want to move to another however I puts them behind the div. I publish my html code (which is shown after creating the controls). Can you help me please? Thank you! JQuery CODE var z=600000; $(function(){ $(".Controles,.ChKControles").draggable({ cursor:"move",
Prevent empty dialog having focus on close button
Hello, when I open a dialog with no interactive elements inside (buttons, inputs), by default the close button receives focus. This causes the dialog to close if the user hits enter key, which I also use for other purposes. Is there a way to prevent the close button from receiving focus? Thanks!
Dragging problem in sortable plugin
Hi, I am using sortable plugin. I am setting tr as sortable .Inside my tr > td has textarea and input fields. If i dragged the tr > td which contains text, its working fine. But, if i try to drag a tr > td which contains textarea or input elements, tr is not dragging. Please help me any one. Thanks in advance <table> <tr class="ui-state-default"> <td>text content</td> <td><input type="text"/></td> </tr> <tr class="ui-state-default"> <td>text
Problem with autocomplete and loading-icon
Hi. I use ajax calls to get my results in autocomplete (I love it!). But its happen very very often, that the loading-icon (class .ui-autocomplete-loading) don't hide after result popup is show up. That happen in 1.9.x and in 1.10.0. Can anybody help me here? :) jquery.ui.autocomplete.js: _search: function( value ) { this.pending++; this.element.addClass( "ui-autocomplete-loading" ); this.cancelSearch = false; this.source( { term: value }, this._response() );
problem with tabs
my problem is just like this... I go to this tab 3 and I want to have a process.. when I run the process it reload and appear on the tab 1. which i want to show in tab 3 after the process completed in php..
Question about upgrade to jQueryUI 1.10 - more is needed in the Autocomplete upgrade guide
In Autocomplete, I have changed item.autocomplete to ui-autocomplete-item in all instances. That is the only Autocomplete change stated in the Upgrade Guide. I use the _renderItem() method. I also use logic inside the ajax response to populate the dropdown list. Everything works in UI 1.9, but the page will not load using UI 1.10. In the Console, I get the error Error: Permission denied to access property 'uiMenu' It seems something else has changed in Autocomplete for UI 1.10. Can anyone explain
Tabs Index, What happened to ui.index
I just upgraded to the latest Tabs UI. Now I get the old tab, new tab, new panel, etc for the activate event. Anyone know how I can get the index of the tab just activated. I examined the objects I'm getting in the debugger and I don't see index anywhere, It looks like I'm getting back JQuery objects. I would think the tab index would be prominent and easily accesible, as it was beofre
Using Datepicker in dialog close dialog
Hi, I use jquery UI 1.10. But I have a problem: When I use Datepicker in a Dialog, if I change the year or month using selection lists, the window closes. Does anyone have a solution because it's a big problem for me? Note: I didn't have this problem with previous versions. Thank you in advance. Olivier
Autocomplete initialize on focus incorrectly triggers change event on blur
If one sets autocomplete on an element via $('#elementID').one('focus', [function to set autocomplete]) then when the user focuses on the element it is initialized (as desired) however when the user leaves the element the change event is triggered even though no data was actually changed. I was hoping to only bind the autocomplete to the element when it was needed (focused upon) however because of the unexpected change event triggering I need to bind to all controls in my table.
Tabs beforeLoad does not send POST data
I'm using jQuery 1.9 and jQuery UI 1.10.0. This does not work as expected: $('.selector').tabs({ beforeLoad: function( event, ui ) { ui.ajaxSettings.type = 'POST'; ui.ajaxSettings.data = 'one=one&two=two'; } }); It seems to be related to ticket #8673, which is marked as wontfix. A workaround is posted in that ticket, but the workaround only works for GET types, not POST. This functionality is important to me. I would either like jQuery UI Tabs to support sending POST data again
How Do I Resize A UI Resizable Element With JQuery/JavaScript?
I couldn't find if there is a way to do this in the documentation. I have an element (div) marked as resizable. There is a function bound to the resize() event and an object which is also resized. $("#object").resizable({ handles: "all" , alsoResize: "#object .sizewith", resize: resizeFunction }); I need a way to resize this object to a specific size, call any bindings, and resize the 'alsoResize' object. I set up a demo here: http://azoundria.com/jstest/demo2.php When the resizable object is resized
Jquery Autocomplete Option Select + VBS
The scenario is I have an HTA that I use to communicate with a database through a telnet like client. It performs macro's and such for me. It's written in VBS to communicate with the client. I'm attempting to add autocomplete functionality to it using Jquery. The problem however is I have an external file that hold's a list of items that I load into the HTA at startup and turn those into select options. Based on the one option that is selected I return the value and text, and use that to carry out
A script on this page is causing Internet Explorer to run slowly
Hi All, I am using Jquery and Jqgrid for my application GUI development. Using JQGrid tree grid i am developing a tree structure in my application.I am able to create the tree structure ,But at the beginning, while page loads always getting one warning message as "A script on this page is causing Internet Explorer to run slowly". I am using IE 8 for my application development. I googled but I could not able to find a suitable solution to this issue. Any Suggestions or Help appreciated. Thanks!
JQUERY UI - Tabs - select a tab on page load
Hi i need to select a at page load here my page <!DOCTYPE html> <html lang="it"> <head> <meta charset="utf-8" /> <!-- Html 5 e CSS3 --> <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame Remove this if you use the .htaccess --> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/> <title>Ugo Internet server - dati in diretta</title> <meta name="description" content="Sito internet di Ugo Merlini - dati storici - database"/>
DatePicker working in Firefox/IE/Safari but not Chrome
Hi all- I have a form with Datepicker. The Datepicker field works perfectly in Firefox and Safari but not in Chrome (Mac). I haven't been able to solve it. The form is at https://cb104.infusionsoft.com/app/form/na50 Can anyone help me spot the problem? <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.0/themes/smoothness/jquery-ui.css" /> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.0/jquery-ui.min.js"> </script> <script> jQuery(function()
How to use dialog in ie6
Hi, When i use jquery ui dialog in ie6, the top image is out of its position, such as: You can open http://jqueryui.com/dialog/#default in ie6 to see it, I have no idea to fix it. Can you give me some ideas? Thanks a lot!
Applying differnt themes to tabs in a tab set.
I want to apply different themes to tabs in a tab-set so that some tabs can be different colors. I saw this post - https://forum.jquery.com/topic/how-to-use-different-ui-classes - but it doesn't work for tabs since you cant wrap an <li> element in a <div>. Is there a similar trick for using different UI themes on tabs that are in the same tab-set? Is there another way to indicate to which theme to choose? That is, doing this: <div id="tabs"> <ul> <div id="ThemeOne"><li>First Tab</li></div> <div
What is the relation, if any, between jQuery UI and jQuery Mobile?
I am increasingly asked about making our web application adapt easily to the size of the display device. I found a guy that has done this well using CSS, and he claims he can do this without affecting either the JavaScript the programmeer writes or the server side code (and he gave me the URL fo a page where he is doing precisely that, as well as a online store where he had been contracted to do it (and just successfully finished the contract). When I asked him about this, and how it is done, he
Style sheet in Jquery
I work in Jquery-ui-1.7.2.custom.min.js I am looking for a style sheet and I am not sure how to link my page up to that style sheet. Where can I find a style sheet, downloaded smoothess but it do not give me the correct file <html> <head> <link href="css/smoothness/jquery-ui-1.7.2.custom.ccs" rel="stylesheet" /> <script src="jquery-1.3.2.min.js" type="text/javascript"></script> <script src="jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script> <script type="text/javascript">
Uncaught TypeError: Cannot set property '_renderItem' of undefined (using Jquery Combobox and Geocoder)
I have problems with gmaps api instant (geocoder) and jquery autocomplete combobox. If one of the two is in the product, works perfectly. But if the two coexist in the same page, break, throwing this error in console: Cannot set property '_renderItem' of undefined This was the line that contains this code: input.data( "autocomplete" )._renderItem = function( ul, item ) { return $( "<li>" ) .data( "item.autocomplete", item ) .append( "<a>" + item.label + "</a>" ) .appendTo( ul ); }); Looking around,
Radio buttons inside listview - just like on theme roller
Can someone point me in the right direction, what would be the HTML to create this exactly... I've tried various combinations of <ul><li><fieldset> and <input> but none that I've tried give the neat layout seen above. Cheers!
Autocomplete value re-load problem
Hello, I have a problem about Autocomplete textbox.I'm using autocomplete textbox within update panel in asp.net.It has a big program after postback but I solved this problem. Hovewer I couldn't set selected values to autocomplete textbox. Anyone can help me ? $(document).ready(function () { jQueryInit(); }); function pageLoad() { window.Sys.WebForms.PageRequestManager.getInstance().add_endRequest(jQueryInit); $(function () { if
How to cre a simple toggle?
Hello to everyone reading this! I want to create a div toggle like ui accordions which have arrow icons and changes the icon in opened or collapsed situations. actually like ui accordion (example 1) but I want it to open multiple items and can be collapsed. also I added my code into jsfiddle. notice iwant to change those + and - texts to icons http://jsfiddle.net/b59Su/ and I also want to have a different style for current item (which is selected) Thank you in advanced! Alireza.M
Tabs - multiple rows
Using the existing Default Tabs source code, is there any way to do the following? : create multiple rows of tabs assign only a certain number of tabs per row
tabs() Panel not found
Hi there, I have a strange problem initing tabs on a container. While everything works on different sites there is just one site things get broken: tabs() does not find the preloaded panel (after DOMDocumentLoaded) and falls into ajax mode. First I was thinking that I have made a name or markup mistake so I have tried the simplest: the demo - but with the same result. I don't unterstand this issue. Everything works fine except this - the jQuery-selector also finds the container manually. It is a
JQuery slide starts again instead of looping
I have made a website with an JQuery slideshow in it. It works fine, but there is one problem: When it reaches the last picture the slideshow goes back to the first one (you can see that is goes back, all the pictures will appear in a splitsecond). What I want is that the slideshow is kind of a looping. Hope someone can help me out with it. This is the code of the slideshow: $(document).ready(function(){ /* This code is executed after the DOM has been completely loaded */ var totWidth=0; var
Disabling UI format on individual element
I seem to be having issues with iPads not allowing selection of UI formatted drop down options for Jquery 1.6.2. Jquery seems to render <select/option> tags in to UL/LIs.. can I disable that on this individual drop down to work around this issue? Or is there something else I can do to enable the drop downs on iPads without having to jump across to JQM or upgrading versions.
Autocomplete won't close on select when nested in dialog
I posted on this, with lots of details, at stack overflow, but never could get a resolution, and I need some help. I'm trying to use several autocomplete text boxes in a dialog form created via django, with the html loaded via an ajax .load. The autocomplete data loads just fine, the search works fine, and the select works fine, except that I can never get the autocomplete to close once it's opened. I really need to be able to use autocomplete, but this is obviously a deal breaking issue. I get
Using Tooltip with img alt attribute
I want Tooltip to display my img tags' alt attribute text. I am a newcomer to jQuery and jQuery UI so I am still on the steepest portion of the learning curve. The UI Tooltip API provides an example of how to change from the default attribute ('title') to the img alt attribute. In doing so it shows how to use the Tooltip items option (http://api.jqueryui.com/tooltip/#option-items). It also states, "When changing this option, you likely need to also change the content option." However, the content
How to correctly position the JQuery UI slider button?
I have been trying to explore about JQuery UI and I am trying the slider. The trouble I am having is that the slider button I created would either extend to the left or right which goes beyond the with of the slider. I have tried to make my slider button a transparent image with larger with hoping that the size of the image background will do the trick but it still does not work. I have also tried to put margin-left: -59px; On the id of the image slider but it is still leading me to the initial problem.
Tabs ui
i m unable to add new tab as add and remove methods have been deprecated/removed in new jquery-ui version. Also which jquery and jquery-ui versions are stable and which version should be used for new project.
Can DatePicker have multiple entry formats?
I'm looking at the details of the DatePicker widget. Is it possible to allow the text entry of both "6-6-1976" and "6/6/1976", even if it autoformats it to one of those formats?
Accordion Error in IE9?
This works fine in FIREFOX but not IE9 any solutions? <?php /* * FAQ v1.1 * Copyright 2013 * Author: Nuker_Viper * E-mail: nuker@swfclan.com * Website: http://www.swfclan.com * * License: http://www.swfclan.com/license.php * */ ?> <script> $(function() { $( "#accordion_faq" ).accordion({ collapsible: true, heightStyle: "content", active: false }); }); </script> <br> <center><h2>Frequently Asked Questions</h2></center><br> <br> <br> <?php echo " <table align='center' width='600'
Is jQuery UI Themeroller broken?
I have tried to download a theme created by someone else, a theme created by myself (just to check that the URL I received was not broken), and a theme from the Gallery. The only one that works is a theme from the Gallery - all the others return a "504 Gateway Time-out" error message. Is anyone aware of this problem? Has anyone else actually SEEN this problem? Thanks
No results
i am using an autocomplete with multiple, remote, and a search.php file that has mysql and php but i cannot get my the autocomplete to work here the search file. Seach.php file <?php sleep( 3 ); // no term passed - just exit early with no response if (empty($_GET['term'])) exit ; $q = strtolower($_GET["term"]); // remove slashes if they were magically added if (get_magic_quotes_gpc()) $q = stripslashes($q); $query = "SELECT * FROM {$dbprefix}members WHERE disable = '0' ORDER BY username ASC";
Problem with sortable div's
hi good morning.......................... i am facing a problem with jquery ui sortable. working fine with div containing plain text.whein i am placing divs inside divs then they are moving but not sorting.here is working example http://jsfiddle.net/KK7zk/ any help would be appreciated. thanks and regards, santosh
How to deal with page flickering?
jQuery ui widgets require a minimum amount of html to be instantiated. When instantiating, the widget's create method is called which should render the full html and add any required classes. The recommended place to instantiate widgets is in the document ready handler. This is causing me some issues because in old (slow) browsers or just slow pc's the user can see the page changing (flickering). In the past i've always been able to overcome this problem by simply rendering the full html, including
Next Page