IE8 Beta 2 official support?
Does jQuery UI officially support IE8 Beta 2? If not, when is support for IE8 scheduled to arrive?
Drag and Drop Panel example
Hi, I'm looking at developing an iGoogle type page. Just wondering if anyone knew of any examples out there that I could peruse? cheers,
Tabs spread across different groupings
The widget I'm trying to build isn't playing nice with the Tab function. The tabs are based on groupings and therefore aren't listed together like a typical list of tabs shown in examples. Some tab groups are larger than others (depending on our admin tool). How do I get all the tabs to fragments to work with the Tab function? here is my code to illustrate. <div class="sliderGallery"> <ul class="list"> <li class="group"> <div class="groupContent"> Extra Info Here <ul class="groupButtons"> <li class="singleButton"><a
Range Sliders, Handles Overlap Visually
Is there any way to make it so one handle doesn't shim up over the other handle? I would think that it doesn't account for the width of each slider handle so that you can only drag the right edge of the left slider handle up to the left edge of the right slider handle. Why would anybody want a different behavior then that? Having two slider handles on top of each other doesn't seem to be a good user experience.
Issue with Logon links not working with jQuery + jQuery UI + Google App Engine
I am trying to use jQuery with Google App Engine and am having a small issue that my login links are no longer clickable. The links are being formed properly but something seems to be catching the event when I click. I am fairly new to jQuery so am probably doing something really stupid. my code is below so any help would be appreciated. <script src="../scripts/jquery-1.2.6.js" type="text/javascript"></ script> <script src="../scripts/jquery-ui-1.6rc2.js" type="text/javascript"></ script>
tool tip question
I'm working off the Using bodyHandler to display footnotes in the tooltip Demo (#2). http://jquery.bassistance.de/tooltip/demo/ My issue is if you have more then 1 instance of the tooltip on a page it shows the first tool tip div on the over.. How do I correct his? [code] $("#foottip1 a").tooltip({ bodyHandler: function() { return $($(this).attr("href")).html(); }, showURL: false }); $("#foottip2 a").tooltip({ bodyHandler: function() { return
Question about anchoring of helper element when dragging...
Hello all, I was hoping someone would be able to help me with a minor problem I have run into with draggable helper elements... In an effort to get familiar with jQuery and the UI library, I built a little web app that lets users create their own "political attack ads". Part of the UI involves assembling sentences by dragging around individual words, which are then spoken by playing pre-recorded sounds. It works like those refrigerator magnet poetry kits. Feel free to check it out if you have a chance:
Bug (?) on IE when loading AJAX content in a dialog with auto-height
Hi, I have found a bug in the jquery UI where the dialog does not automatically resize to the correct height of the inner html when it is launched twice on the same page, each of the times that it is launched the content is appended by a function that does a GET query through AJAX. The first time I launch the dialog the content height is set correctly, I can then re-launch that same dialog as many times as I want, as long as the content remains the same (though it is re-loaded with ajax every time)
wanna open a dialog in relative mode, not absolute
hi. I wanna style a dialog that's relative in the doc-flow. is there any easy way to do it?
questions about dialog
Hi, all I open a dialog with folowing settings ... autoOpen: false, resizable: false, modal: true, width:380, height:400, I found dialog-content didn't use the full size of container. it is as following when I traced it "height: 133px; width: 262px;"> And the dialog-buttonpane is sift left out of container about 8px. The css used is flora. Is it a bug? how can I correct it? Thank you in advance! Jack
.slider() keyboard support: stop fires continuously, not onkeyup
When using a slider with the keyboard, holding down the left/right arrow keys to slide the pointer left/right, the stop state fires continuously. This seems illogical because the user clearly has not 'stopped' making their choice if they are holding down a navigation key. This is contradictory to how slider mouse support works where the stop state is only fired when the slider marker is released. If a function is required to fire continuously, the slide state caters for this. If a function is required
Non ajaxified tabs
I am using jquery tabs UI as the navigation menu for my application. The default behavior of jquery tabs is to open the target "href" of the tab in a panel. I need a way to teach it to open the tab href in the browser as a new page instead of inline ajax content. Is that doable at all? I hooked into select function of the tabs but when i look at ui.tab.href in debugger, it is the id of the tab i.e. some value like "ui-tabs-15" <script type="text/javascript"> $(function() { $('#container-1 ul').tabs(
Nested Tabs - Selected index affects innermost tabs also
Hi, I am using jquery tabs in my application and it is great to see the community support so far. I am trying to preselect a known tab using "selected" option as shown below. The value currMainTab is a variable that gets set by each of the pages that gets loaded in tabs (not via ajax). The problem I am running into is that the selected option also affects my sub tabs which I want to avoid. As an example if I set my currMainTab value to 6 which is supposed to select <li><a href="#fragment-7"><span>My
DatePicker UI
How do I highlight the current day in active calendar? Also, is there a facility available which will allow me to click a link which automatically inserts today's date?
Problem with Accordions within Tabs in IE
I have used the jquery tabs solution to display three tabs. Each tab contains an accordion. Each accordion is a separate instance of .accordion(). In firefox everything works fine. However, when I load it in IE the first page to be displayed has a working accordion. If I change tab the accordion attached to the other tabs fail to work. My code is as follow: <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery-ui- personalized-1.6rc2.min.js"></script>
ComboBox widget
Hi all, I've written a JQuery combobox plugin based on JQuery UI infrastructure. While not an official UI plugin, I've tried to adhere to JQuery UI coding conventions, infrastructure (basing it off ui.core.js), method invocation, and event handlers (include enable/ disable/destroy/setData/remove). http://jonathan.tang.name/code/jquery_combobox Features include: * Can either select from provided list or input your own entry, like a true combobox * Keyboard sensitive to standard combobox keybindings.
Dialog background to cove all the screen
Hello folks, The system I'm working on has an iframe in the middle. When I show some dialog it stays under iframe scope What I need to do is to put the dialod filling all the screen, not only the iframe. I did that exactly thing with ext a time ago, but JQuery is totally diferente. Beside I'm trying, I can't put it to work. Any thougs? rics Pensa Rics, pensa! http://www.pensarics.com Sigam-me os bons! http://meadiciona.com/rics
Tabs - When clicked the page jumps
I have JQuery UI tabs at the bottom of my page. When a tab is clicked, the screen jumps/scrolls to top. Is there any way to prevent this? I would like the screen NOT to move when a tab is clicked.
JQuery Tabs
After reading all the posts about JQuery animations (opacity etc.) and the affect of ClearType I thought I'd post this quick fix. JQuery UI Tabs looked awefull in IE after a fx: {opacity:'toggle'} due to IE filter left behind. Aside from a fix in JQuery here is a quick and dirty for Tabs. show : function(event, ui) {ui.panel.style.removeAttribute('filter')} As in: $("#apply-tabs > ul").tabs( { remote: true, ajaxOptions: {cache: false}, spinner:'Loading...', fx
How does selectable("refresh") work?
I tried to set autoRefresh false and then calling selectable("refresh") manually. But when should it be called? The docs aren't too clear. In one of the callbacks? Also, when I release the mouse after lassoing some elements, only the first element is selected. With autoRefresh: true. It works ok. But with autoRefresh true, the lasso seems to grab too many items to select. Are there any more complete examples out there? Thanks, Ed
Dialog only shows once
Hello, I'm making a custom image viewer in AJAX/PHP. I customized the jQuery filetree plugin I found on abeautifulsite.net to only show folders in the filetree, and show thumbnails of all images in the selected folder in another div. Each image can be deleted when clicking on the 'delete' link next to the image. This shows a jQuery Dialog, asking whether the user is sure or not. When 'Ok' is clicked here, the image gets deleted, and the div with the image files is reloaded. This is all AJAX, the
why is JQuery button animation separate from position pressed?
I tried to implement this button, just to test it, at the bottom right of my screen but the animation (when pressed) happens at the top left. Why is this? http://lovelago.googlepages.com/test6.html
tab link as normal link
Hi, I hope someone could help me with my problem. This is my code: <div id="container"> <ul> <li><a href="/tab1/" title="tab 1">tab 1</a></li> <li><a href="/tab2/" title="tab 2">tab 2</a></li> <li><a href="/tab3/" title="tab 3">tab 3</a></li> <li><a href="/not-a-tab-link/">tab 4</a></li> </ul> </div> <script type="text/javascript"> $(document).ready(function(){ $("#container > ul").tabs(); }); </script> This works as originally intended, but I would like the 4th link to open as web page, not to be
Embedding Silverlight control in jquery ui dialog
I'm having trouble embedding a silverlight control into a jquery ui dialog. Dialog pops up fine, content area displays when it's something other than the silverlight control. Also, putting the code for the silverlight control into the main page runs the silverlight control. It just doesn't load in the dialog.
update content
I'm new to jquery and I'm writing some code but I'd like to make sure I'm not rewriting something that already exists. Basically, I'd like to be able to do: $("#myAnchor").addBehavior($("#targetDiv", new MyNewBehavior); Then I implement a few functions for MyNewBehavior such as "buildURL" and "stuffToDoAfter". When myAnchor is clicked on, an ajax request is made to buildUrl (which might be a static URL or might build the URL from parameters), then targetDiv is filled with the html fragment that is
UI download builder - packed version error
I'm having trouble downloading a customised, packed version of the Jquery UI - the jquery-ui-personalized-1.6rc2.js file generated is empty (0kb in size). I just wondered if anybody else has a similar problem. Really appreciate the hard work you folks have done on UI and its documentation btw! -Kev
ThemeRoller
How are revisions made to this very cool product? Are there new version that are released? Nathan
[accordion] load content via ajax
I'm using accordion plugin (UI) for one application I'm working on and here is the problem. I have around 30+ panels and each panel has xxx "products" to display which causes the script time. Is there any way to load panel content via AJAX once the accordion is triggered? Thanks in advance, Milos
Accordion
Hi. I am having problems getting the accordion plugin to work. Here is an example of what i have tried... http://synthsoundz.com/devonwebsitedesign/ So... I have created a nested list giving the ul an id of acc1. I have imported all of the approriate jquery files etc. I have initialized the plugin. ie. <script type="text/javascript"> jQuery('#acc1').accordion(); </script> Do i have to change the style sheet in anyway? Im really stuck and would really appreciate some advise. Thanks.
someone told me to report this, but I doubt its a bug
I tried to get two pieces of code to work, one is a .js script that gently flows a page down when a link is pressed and the other is a JQuery button I found here: http://docs.jquery.com/UI/Effects/Slide#source I posted on a forum the problem I had that the flowing .js script would erroneously return the page to the top after going to the bottom of the page like it was supposed to. Somebody said "That's odd, it only appears to be happening only on IE." (http://www.devppl.com/forum/ viewtopic.php?p=47386#47386),
Datepicker issues with IE
Here is a test example. <a href="http://pastehere.com/?cermbf">http://pastehere.com/?cermbf</a> In IE 7 the datepicker displays over the text input fields. I am also having issues with areas of the text box not triggering the datepicker. Nathan
datepicker and dtd issue
Hi, I've noticed that if I don't include a dtd in my page, then the datepicker is behaving weirdly in IE6. Instead of showing right under the textbox, it is positioned relative to the window's top. Is there a reason for that ? We are having issues with IE6 and the dtd so we'd rather not include it in the page, but the datepicker seems not to like that. here's the dtd I've removed : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Dialog doesn't work in IE 6 and themeroller.css
Hi, The Dialog component doesn't seem to work in IE 6 if I don't specify a class name for the div. If I set class="flora" then it works. Otherwise I get an exception in main jQuery file. I'm using the min file so it's hard to see exactely what the error is but it's related to the height parameter. Error is on : if(set)elem[name]=value where name="height" and value=NaNpx I'm using the jquery-ui-themeroller skin so my guess is that it lacks something that the flora css has. Can someone help ?
Unorthodox use of tabs.
Hello everyone, I am trying to make a little unorthodox use of the Tabs UI. Since it would be quite difficult to explain it in general terms, I will do explain it in my specific case — I hope this is not too much of a problem. So, I have this tabbed interface which has to fit in a quite small space; the problem is that the titles of the tabs can get quite long and, while testing it for now they all fit, in case one would need to add more tabs in a second moment, they would overflow from the space
Each() Method applied to Tabs
There actually might be a simpler way to accomplish this, but my first instinct is the each() method. You may want to note that I am very new to jQuery, so there's a good chance that instinct is way incorrect. Anyway, I'm building a small web application for a financial institution. It consists of two columns. In the left column is the navigation. The right is the body, set up in jQuery's Tabs. I have a list of reports on the left that users can access. When a user clicks on the report, I want it
Sortables on DIVs
Hi all, I'm trying to use the UI sortables plugin on a div which contains other divs. These divs can be re-ordered by drag and drop, so I thought I'd use the sortable plugin but I'm having trouble - am I missing something obvious? Script: <script type="text/javascript"> <!-- $(document).ready(function() { $("#newslettercontent").sortable({ "items": "> div" }); }); --> </script> HTML: <div id="newslettercontent"> <div id="div1"> 1 </div> <div id="div2"> 2
Embedding Silverlight control in jquery ui dialog
I'm trying to load the Silverlight Media Player control into a Dialog. The control works fine when placed in the page. code look like this: <div id="HelpVideo" title="HelpVideo" style="display:none"> <slvrlt:MediaPlayer ID="MediaPlayer1" AutoPlay="true" Width="530" Height="410" runat="server" MinimumVersion="2.0" ScaleMode="Zoom" MediaSource="HelpVideos/LogOnAndForgottenPassword.wmv"/> </div> jquery code (the dialog pops up fine, the silverlight control doesn't load) $(document).ready(function()
Updating an Element
Say I have an DIV tag that has an ID of "foo", and i have a JSON Post request that retrives records with one of the ID fields being called foo. I can then update the DIV with the ID of foo, with the subsequent data from the JSON string. How do I check for the existence of a DIV tag with id specific ID (so i can then update it)?
Dialog close button doesn't work after ajax
Hi, I'm new at JQuery and try to get dialog close button working. Currently, if there is no AJAX, close button worked but if I did a ajax call, then close button doesn't close the dialog anymore. Please help. Thanks,
Scrollbars and Dialog
Hi, I have been scouring the web but can't find anything that works for me:- I want to house content in a Dialog that is longer (down) than the height of the dialog; a seemingly simple thing, however the dialog needs to be able to resize without disturbing the scrollbar. I have used an overlay-y:auto style on the div that becomes the dialog, but it pokes out the bottom of the dialog (flora and theme-roller styles) by quite a bit. To curb that I have gone down the rusty road of height:XX% but all
Next Page