Jumpy UI Accordion
Hi, I'm just getting to know jQuery and using the UI accordion in a project I'm working on. My issue is the quality of the animation. The first time I click on any of the sections after the page loads the animation is very jumpy, especially with smaller amounts of content. Once a section has already been opened however, the animation works as I would expect it to...smooth and without making the page jump up and down. I have set: active: false, autoHeight: false, clearStyle: true, collapsible: true
Problem with Jquery UI Accordion
default state of accordion is open first tab when page is load. what if i wanna close all tab in default when page is load, it just show when i click on it. how can i do ? help me, thanks in advance.
Problem with UI Tabs
Hey guys, first post here and awesome forum! I've got an issue with UI Tabs. My web application generates the tab list dinamically and mosto of the times i,ve got more tabs than the container's width can hold. By this moment i still haven't found any way to solve this. I tought of sth like placing the tabs(only the tabs - place where you click) inside a simple scrollbar slider using the tabtemplate with divs but it didn't work. Another, "maybe BUG" is that the selected tab "doesn't accept" any other
ui tabs + Jörn's Validate combination
Is there any news about this subject, i really need a sample. I am stuck
Heading FAIL in Accordion plugin
Howdy, the sub-heading will not position itself directly below the main heading in my test accordion page at http://www.truscience.com/accordion.html Any suggestions to make this A-OK?
Lightness theme - no css
Hi all, I downloaded Lightness theme for jquery components, and when open zip file - no css directory For example, smoothness theme has one Did you miss to add it or am I missing something? Btw, I succeeded to use it cause I used css from Google code, only no css file when downloaded: <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/ui-lightness/jquery-ui.css" type="text/css" />
JQuery IE Load does not work
Hi, I have page which has two tabs. Everything works well in every other browser except IE. Basically, when the user clicks on the edit function link, the load does not seem to work. I have used debugging tools and found that it makes the call, the data is even returned but it does not get loaded into the div and does not show up. function funEditGroup(parGID, parGName) { var y = document.getElementById('spanfragment-2'); y.innerHTML = 'Edit Group - ' + parGName;
2 questions about datepicker?
I begginer and have 2 questions about datepicker? How can I set that can not be clicked on dates, but that can change months and years? How to put on date that there are no link,just plain text. Secondly, I can not datepicker positioned in the middle of a div tag, can anyone help me about this, thanks in advance.
UI Dialog with ASP.Net Master Pages
I'm a newbie at jQuery so bear with me. Using the jQuery Dialog UI on a ASP.Net form with an ASP.Net master page. I know the dialog 'appends' the <div> tag you are using after the <form><\form> tags on the Master Page. My problem I'm encountering is that the footer on the page is being pushed down by the exact size of my <div></div> dialog since it's being inserted before my footer div. Is there anyway I can stop this from happening either thru a CSS style or force Dialog to append somewhere else?
Sortable add and delete problem
Hi! I have a small JavaScript question: I have a sorted list of added items. Each item should get a link that removes the whole item. At this moment only the link by itself is removed: <script type="text/javascript"> $(document).ready(function(){ $("#add").click(function(event){ event.preventDefault(); var txt = $("#feld").val(); $("#sortable").append('<li class="ui-state-default" id="item"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>'+txt+'<a href="#" id="item">delete</a><br></li>');
Documentation site demos not working?
Demos on the Documentation site seem not to be working. Here, for example: http://docs.jquery.com/UI/Effects/Explode I click the box and nothing happens. And it seems to be many of the UI/Effect demos, making me suspect that it is the click() command not functioning. If I look at the div in Firebug, there doesn't seem to be any onclick attached to it, but I'm not sure if I should be able to see it there. Browser version info: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9.1.7) Gecko/20091221
Set Option for Single Tab?
I am wondering if there is a method that would allow me to set an option for a single tab, rather than all tabs together? I'm trying to make a tabbed interface that opens another tab when requested, but I'd like to make that tab (and only that tab) closable. I've found this plugin: http://andrew.io/weblog/2010/01/a-close-button-for-jquery-ui-tabs/ Which works great, but allows closing of all tabs. That's not quite what I want. Thanks.
hi got a problem on ui dialog postion. Im new to jquery and js. Need help.
hi i have 2 dialogbox, the first will popout giving a 3 buttons for the user to use (chat, message, view camera), when the user click the message button the dialog box will close and a new dialog box will appear containing the message module. I set the first dialog box with a postion [x, y]; My problem is when the message dialog box appear it will set to position assigned on the first dialog even thou i set the position of the 2nd dialog box to center. hope someone can help me, I'm sure all
jQuery UI Tabs shrink,grow animation
I'm looking for a shrink/grow animation with the jQuery tabs relatively to the current tab I don't really like the height: 'toggle' animation where the tab goes to height 0px first and then the height of the new tab. when tab 1 has a height of 100px and the second a height of 120px I would like the tab to grow 20px. I've contacted the creator of this plugin Klaus Hartl and he told me the following.: Ayrton, unfortunately this has never been implemented for Tabs allbeit requested before. Due to massive
Can not add second tab with iframe
I need add tabs to my page dynamically (use iframe as container) var $tabs = $("#main").tabs({ cache: true, add: function(event, ui) { $tabs.tabs('select', '#' + ui.panel.id); } , select: function(event, ui) { var url = $.data(ui.tab, 'load.tabs'); if (url) { $('#' + ui.panel.id).attr("src", url); } return true; } , panelTemplate: '<iframe id="a-tab-panel" src=""></iframe>' }); $("#li1").click(function() { $tabs.tabs('add', 'a.aspx', 'tab1');
First time using JqueryUI Accordion have an issue
Jquery Accordion is default open the first tab, but i want it default closed all the tab, just open when i click or hover on some tabs ? how can i do that ? help me, thank in advance. Ne7ven
Inifinite Loop in Sortable on Table Rows in ie8
Hey all, I've got a Rails app that uses the sortable plugin on table rows within a table. Selectively, when mousing-down on table row handles, the page will freeze in ie8, crash the active tab, and report an infinite loop. Here's a method that I created to allow me to implement this on a given page: http://pastie.org/895880 Additionally, here's the HAML code that I'm using to print the javascript from this function within the page: http://pastie.org/895896 Please let me know if any further information
change to hide/show in 1.8 ?
Was there a change that removed the "speed" parameter from the hide/show functions? Up until 1.8 final release, the following code worked... $(.selector).hide("blind",500,function(){ do something...}); In the final release, it appears the optional "500" parameter is no longer accepted. Why was this changed? Thanks! Patrick
UI Tabs: reloading current tab
Hi, I'm using jQuery UI Tabs to load separate files through Ajax. I would like to reload a file by clicking the currently selected tab, but it seems like I'm doing something wrong since the page doesn't reload. If someone could tell me what I'm doing wrong, it would be much appreciated. Thanks in advance. $(document).ready(function() { $("#tabs").tabs({ cache: false, ajaxOptions: { cache: false } }); $("li.ui-tabs-selected").children("a").click(function ()
issue with autocomplete + asp.NET MVC
Hi. I am new to jQuery, right now I am trying to create a functionality in which a user could start typing a name in a textbox and it will suggest names from the clients database (like google suggestions). I have imported the following scripts: <script type="text/javascript" src="../../Scripts/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="../../Scripts/jquery.ui.core.js"></script> <script type="text/javascript" src="../../Scripts/jquery.ui.widget.js"></script>
Dialog form - documentation?
I'm building a dialog with a form in it, following the demo. The form html goes within a <div> section which contains a <form> which in turn contains custom tags such as <fieldset> and <label>. I can't find any documentation for these or how to use them. Can anyone point me in the right direction?
jQuery UI Datepicker flashes in Firefox
I stated that I had the same issue in another reported problem, but his was slightly different than mine. Apologies if I should have replied there. When using the DatePicker with changemonth, changeyear, and a daterange of more than 20 entries on Firefox 3.6.2, there is a flicker of the page background color. On the page that I am working on, there is a large flicker, and then subsequent clicks there is only a small flicker. On this demo page, there is first a flicker on the input box, and then a
UiTimepickr / query-ui-1.8
Hi, anybody using UiTimepickr with jquery.js 1.4 and jquery-ui-1.8rc3? I always get the error Fehler: $.widget.prototype._trigger is undefined (/script/ui.timepickr.min.js, Zeile 139) Micha
Select in iframe in dialog (ie6)
I've got a form inside an iframe with a couple of selects in a dialog (v.1.8) , all browsers display the selects except for IE6. There seems to be div's covering them the way that bgiframe would, any way to get rid of these?
link to another tab from inside content of another tab
The links are created dynamically so I have to use a class instead of an ID. Here is my code so far. It works going to the first link clicked but doesn't continue afterwords. The second code sample is the HTML portion of my code. Any suggestions would be greatly appreciated. var $tabs = $('#tabs').tabs(); var $link = $('a.goTo').attr('href'); $('.goTo').click(function() { $tabs.tabs('select', $link); return false; }); <div id="tab2"> <p>Second
icons positioning.
I'm new to jquery ui and using 1.8 with jquery 1.4.2. I have been googling all day, but haven't found an answer to how you position icons. I have five icons that I just want to put in a horizontal row. I've tried using background-position, absolute position, etc. No matter what I do I can only seem to get them in a vertical column. I can wrap a div around them and move the div and I seem to be able to reposition them vertically in that div, but can't get them to go horizontal. I've stripped my code
Unoffical UI Menu
Hello, Can anyone give a code example for the jQuery UI Menu widget that is included as part of 1.8's Autocomplete widget? Eg markup and basic usage. This widget isn't yet finished and the API is subject to change. We plan to finish it for the next release. You're welcome to give it a try anyway and give us feedback I found this example that doesn't seem to be working any more: http://jquery-ui.googlecode.com/svn/branches/dev/tests/visual/menu/default.html Looking at the Autocomplete didn't help
UI Tabs loading issue
I'm a newbie trying to use jQuery UI to have tabs loaded, using jQuery 1.4.2 and jQuery UI 1.8 My issue is that tabs are loading fine the first time. But if the page is submitted and refreshed, it doesn't seem to reload the page. It still load up the old page from the default tab (which is the first tab). My tabs content is coming from jsp pages see code below <div id="tabs"> <ul> <li><a href="maintainStrata.do?action=list&type=strata">StrataTypes</a></li> <li><a href="maintainStrata.do?action=list&type=plant">Plant
jQuery UI - include the theme URL in the downloaded zip
Hi, Firstly, many thanks for the wonderful jQuery and UI frameworks! They simply rock! One thing that would be great, is to include the URL of the currently downloaded theme, so it is easy to go back to the themeroller page and modify the theme. At the moment, when I modify a theme, I have to make sure I do not forget to copy/paste the resultant URL, so that, when I want to change it, I can go back to the site and do so. Cheers, Nick
ajax and draggable problem on IE 8
Hi look at this code on the "$.ajax({..., succes: }) " I have this code : $("#result").append("<p>"); $("#result").append("<span id='" + cd[i].ID + "'>" + cd[i].Artista + " " + cd[i].Compania + " " + cd[i].Titulo + " " + cd[i].Precio + "<span/>").children().draggable({ revert: 'invalid', opacity: 0.35 }); $("#result").append("</p>"); on mozilla and chrome draggable efect works fine but on IE8 does not workin!!! any help?
DatePicker colored cell
Hi all, I'm italian developer and I use jquery ui for my web site. I have follow problem: I want insert into my page datepicker but I want color my prefixed days. Is it possible? Can you post me example please? Thanks very much Luca
Open a Dialog Box with a Link Instead of a Button
Hi there, I'm using jQuery UI's dialog box "pop-up". It currently opens up with the click of a button, however, I would like to make my users open it up with the click of a link (<a href="some code here">). How do I do this? Thanks!
jQueryUI - Tabs
Ok, I have just started messing with the UI of jQuery. I get how a tab can make a div (at the same level as the tabs/menu) invisible/visible. That is simple. But how do I make a tab, or subtab for that matter, target or control visibility of a div that is not within that 'menu/tab' div, but is somewhere else on the html page? Tony It is not the job you get handed, but what you have done with it in the end that people remember.
ui themes
quick question. If I download a special UI theme like Sunny, do I also have to include the Base theme in my CSS links, or is it included in the special themes?
Jquery UI drag and drop transitions / effects
I have developed an interface where blocks can be dragged and organised on a page but when you move a div to a location and then release the mouse it quickly "snaps" into position. What I was hoping to implement was a nice transition - maybe it slowly glides into place etc Is this possible and if so would i need a plugin
New Input Types
Will the new html5 input types be added to jquery-ui //i am not an opera fan the types are date: should open a date picker {works in opera, so should either over-right it or let the browser take care of it} datetime: should open a date picker with a time picker attached {date part works in opera, it then just chooses your system time} number: should filter all input to be only numbers {0-9} search: this is for inline searches, can support the list attribute, so that you can specify local searchs
UI Tabs, post initialization with content loaded from Ajax
Dear All, I'm trying to understand how is possible to apply the jQuery UI button effect in a content display inside a tab and loaded from ajax. Is there any post initialization parameter that I need to use? Michele.
ui.all.css missing for jQuery UI v1.8 on Google CDN
I've been using the themeroller with the switcher tool pulled from Google's CDN successfully with v1.72. Can we get the file "http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/ui.all.css" posted???? Firebug reports it as missing although everything seems to render okay, go figure?? Thanks, new 1.8 version is great! Marv
How do I wait for the modal selected value?
I trigger to show the modal when user click on some element and ask them to make a choice. Currently is to choose one color out of two. And then I will use the color selected to create some element and add to the document. I tried to use global variable to store the choice but that is too slow for my element creation. Is there a synchronize way to wait for the modal to return value? The following is invoked when user click on a specific element var SelectedColor = '#0000FF'; //global variable function
show/hide slide effect speed parameter is affecting delay instead of speed.
I am a beginner so bear with me. I am applying an effect show (slide) to a div that is hidden with css display:none. I am having trouble getting the animation speed parameter of slide to work correctly. Whenever I change the speed from say 500 to 2000 the only thing that changes is time delay before the effect fires from 1/2 sec to 2 sec. What should change is the animation speed. I am sure this is probably something simple I am doing wrong, but I cannot figure it out. I appreciate your help.
Next Page