jQuery UI Tabs 3 problem
Carrying this discussion over from the jquery list: I am using jQuery UI Tabs 3 from http://stilbuero.de/jquery/tabs_3/. The problem I have is the delay before the JS loads. You can see all the tabs for a couple of seconds, then they line up. Is there some way to set display:none or some equivalent to hide these even before the scripts load? I tried to set several different elements to display:none or and setting all the tab divs except the first one to the ui-tabs-hidden class. If there is nothing
Custom Slider Handle Class
In the docs, the slider has an option for a custom handle class. But since the docs are for 1.5 and not 1.6, I am not sure they are correct, since I am unable to use the option and have it work, though I don't get an error using it. Does anyone have any idea about changes to the slider UI?
Combo-box overlaps the Jquery Dialog box
Hello Guys, I need your help for Jquery dialog box. I have a html page where I am using combo boxes. If validation on these combo boxes fails it pop ups a "Jquery Dialog" box. But the problem is that this Dialog box is like transparent. It shows all the combo boxes on html page which is below it. Please help me. Note: Working fine in Mozilla and IE 7.0 but not in IE 6.0 Browser: IE6.0 (Its requirement to use only this browser, can not use another browser or latest version of IE also) Thank you in
{accordian] - manually opening a panel for a newb using the activate function
Hi. I am trying to open a accordian panel with a href tag using the "activate" command. All the demo pages I've seen just confuse me more. Can some one please point me to a simple example? The accordian is working, but I can;t figure out how to manually open panels using activate. here's what I got. <script type="text/javascript"> window.addEvent('domready', function() { var accordion = new Accordion('h2.atStart', 'div.atStart', { opacity: true, active: false, onActive:
Tabs and Back Button
I've read that tabs support back button functionality but I'm having some problems. If I manually add the anchor to the URL, for example www.mysite.com/index.html#tab3 it will default to the correct tab. However, when clicking on different tabs on the page the URL is not updated so when you navigate away from the page and click back you end up on the default tab, not the tab you last visited. Any ideas? Thanks.
how to use custom theme css file
I have used the default Flora theme with the jQuery UI widgets successfully. I then downloaded a custom theme from the ThemeRoller site (http://ui.jquery.com/themeroller#themeGallery). After I included the "ui.all.css" file, how do I use the css classes in the custom theme? For example, I had <div id="example" class="flora" title="This is my title">I'm in a dialog!</div> Now I changed it to <div id="example" class="ui-dialog" title="This is my title">I'm in a dialog!</div> and the css does not work.
show availability with datepicker
Hi. I have this idea to show availability in datepicker. I would like to show the days in red when theres no availability and in green when is available. I cant figure how i reference the days in datepicker. example: for i = cdate(rs.fields.item("inicio")) to cdate(rs.fields.item ("fim")) if i = notAvailable then datepicker_day class=notAvailableClass or how to use the beforeShowDay option in this case
[accordion] - manually opening a panel for a newb using the activate function
Hi. I am trying to open a accordion panel with a href tag using the "activate" command. All the demo pages I've seen just confuse me more. Can some one please point me to a simple example? The accordian is working, but I can;t figure out how to manually open panels using activate I've seen tons of people try, but no examples or answers on these forums. I'm sure its easy if you wrote jQuery or the plug in. here's what I got. <script type="text/javascript"> window.addEvent('domready', function()
Dailog with a lot of HTML unbearably slow
As the subject says, when I have a dialog with a large amount of HTML inside the div, the open and close slows to a crawl and sometimes freezes the browser. This can be duplicated fairly simply as follows: <html> <head> <title>Test</title> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.ui.js"></script> <script type="text/javascript"> $(function() { $('#dialogTest').dialog({ autoOpen: false, resizable: false, modal: true, overlay: { opacity: 0.3,
Sortable with In-Line Editing
I'm trying to create a sortable list in which the text is in-line editable. For the sortable, I've of course gone with the jQuery UI sortable plugin. The two in-line editor plugins seem to be "jeditable" and "inplace". Unfortunately, I've been unable to get the sortable to jive with either. The big problem has been event handling... I want the item to either be dragged (and sorted) or clicked (and edited). Unfortunately, even when an item is dragged, the click event get picked up by the in-line
selectable - make function active
hello, i want to do: alert("list changed"); whene the selectable list having change. i tried this but its not working: <script type="text/javascript"> $(document).ready(function(){ $("#most-views").sortable({ opacity: 0.6, cursor: "move", change: function(){ alert("list changed"); } }); }); </script> thanx for halping.
UI ThemeRoller
In the past, I haven't really used the ThemeRoller much. Today, however, I created and downloaded a few themes and I have to say that the ThemeRoller is a fantastic utility! The background patterns are excellent and the color overlay system is impressive. This type of theme generator is every web designers dream! With that said, I'd like to make one request/suggestion. Would it be possible for you guys to run a string replace on the image names? It would be great if, for example, they read something
UI Dialog not being positioned correctly
In 1.6rc2 dialogs where auto positioned quite well in the center of the screen, now in 1.6rc5 all my dialogs are positioned too low on the screen (way too low). I know I could "fix" this manually with an offset but wanted to make sure I wasn't doing something wrong. Is this a bug that is known, will it be fixed or is this now "expected" behavior?
tab heading text not clickable
hi guys, im just playing around with jquery and jquery UI to get a feel for things. ive managed to get some lovely jquery ui tabs on a page, and they look and work as expected apart from one problem - the text of the tab headings dont do anything when clicked, and to change between tabs you have to actually click on the parts without text. I'm not quite sure why this is happening, and its happening both on FF3 and Opera 9.6 (running on ubuntu if it matters). Here's the code I've got, which I'm pretty
Slider 1 Value Equal Slider 2 Value
I am attempting to have multiple sliders set the value of another slider. So far, I've started easy with just trying to get one slider to mimic the value of another slider. What I've got is the following. $("#final").height(100).slider({ range: "min", min: 0, value: 10, max: 100, orientation: "vertical" }); $("#fist").slider({ range: "min", value: 37, min: 1, max: 100, slide:
Problem getting tab selected
Hallo all. I'm trying to get the selected tab and as said in the how to i call this piece of code: var $tabs = $('#example').tabs(); var selected = $tabs.data('selected.tabs'); alert(selected); But when I get the right selected tab I notice that the tab is reloaded. Is it correct? I would like to know which tab is selected, then make a custom action based on this information. Any idea? Kind regards Massimo Ugues
UI Tabs - initializing ajax content by tab
What is the method or syntax to run different initialization functions depending on the ajax tab that has loaded? I'm using something like this: $("#myTabs > ul.ui-tabs-nav").tabs({ load: function(event, ui) { //my init functions } }); but I need to do different init functions for each tab I saw this: select: function(event, ui) { switch (ui.index) { case 0: // first tab selected, do something break; case 1: // second tab selected, do something break;
How to get the value of a slider's handle?
Hi, I got a problem when updating my jQuery UI. How to get the value of a slider's handle? The manual says that: $("#slider").slider("value", "1") would give the value of the handle "1", and it used to work with 1.5, but it doesn't work anymore: I get too much recursion here: too much recursion jquery.js Line 2555 and here: too much recursion jquery.js Line 2345 Using jQuery 1.3 Is this a bug or did the API changed for this? Thanks in advanced.
drop event not fired
Hello, I am having a problem where the drop event of the droppable is not fired. My page is big and I tried to copy the parts to a new page to reproduce the problem, however when running the stripped page, it would work. I am not really sure what to check for anymore. All other events are being fired. Here is how I defined my draggable/droppables. // this is the draggable. var id = "#someId" $(id).draggable( { helper: 'clone' }); // this is the droppable $(".zone").droppable( { accept: function(draggable)
UI Tabs "flickering" - delay in hide class
Hi, I'm just trying out jQuery (& javascript framework's in general) for the first time so apologies if I come across as naive. I'm trying to implent the UI/Tabs widget and running into an issue that as far as I can tell from forum activity (or lack of) no one else seems to be suffering from: When a user clicks between tabs any content below the panes very briefly flickers where the panes are. I applied a slow opacity fade to the interaction and it showed that the panes actually collapse for a brief
Range Slider Bug
Hi Everybody, I am new with JQuery and I needed to build a range slider. So i used http://ui.jquery.com/demos/slider#range to build it. It took me a while to figure out how to mold it to my needs but I did it. Th eonly problem is (which you can see in this demo as well) that when both the sliders reach the same point , say 1,1 or 10,10 (or any other) the right hand slider stops working but only the left hand slider works. In demo it may seem that this is due to the fact that sliders are overlapping
How to use a theme
Hi! I just tried to find a document which explains how to use the jQuery UI. Can't find any :( So I tried to download jQuery (lots of very good tutorials, great concepts, seemst to work like a charm) in v1.3 (stable). After that I downloaded jQuery UI (1.5.3 - stable) and tried the datepicker. The JavaScript part is working, but it looked horrible. Seems OK to me, I didn't downloaded a style jet :) Than I downloaded the "Start" theme from the ThemeRoller (seems to work for all versions because I
Jquery UI Tab w/Themeroller issue
I am using the Jquery UI Tab w/Themeroller and am experiencing a strange issue. When you click on any of the tabs, the content changes correctly but the tab buttom syle remains the same. Am I missing something? Thanks in advance for your help!
Dialog button and HTML characters
Hello. I have a dialog where I have created two buttons to either send in a form or cancel. Since the site is in Swedish I need to use some Swedish characters. I tried using the html-code for these characters but when I open the dialog these characters show up as written in the code and not interpreted html. Is there any way around this? Yours kindly, Marcus.
UI modal confirmation dialog, attach to image/link
Hi everyone I'm really trying to get to grips with the jQuery syntax here, and I'm struggling to work things out. I know basic form validation/alert JS but this is quite different. I hope someone can help me out here. I have a table with a list of contacts, and each row has a button which is designed to delete the contact. Here's an example of the button: <a href="javascript:contact_del('1234', 'blah contact name');"><img src="/img/delete_small.gif" alt="" title="Delete Contact" border="0" /
An urgent question on jquery UI
I have an urgent question on jquery UI. Maybe you could help me with it. I am planning to use jquery UI theme, found at: http://ui.jquery.com/ I select a theme at http://ui.jquery.com/themeroller Download the theme, then in the downloaded jquery-ui-themeroller folder, there is a demo.html file, and a ui.theme.css style sheet. I am trying to use the UI components provided by jquery UI, and following the coding frames in the demo file. However, as you can test yourself, all the UI widgets don't work!
jqUploader
Hi I'm loving the jqUploader its super. I do have a coupld of issues though.... 1. I don't quite understand where to put the filters in my script, i.e. to allow only jpg and gif 2.If an image doesn't upload for whatever reason, the uploader stops uploading any more files and hangs at 100% 3.The order of the uploading when there are multiple files in the queue appears completely random. Is it possible to work work the files from top to bottom and make the file disappear from the list when its complete?
jquery generates wrong markup language for themes
Hi, i recently tried the themeroller to get a ready to use theme, but apparently jquery generates a markup who doesn't match with the themeroller css provided. I'm using the latest versions of jquery and ui, but something still goes wrong. Anybody has the same problem? Cheers Q
jquery datepicker display problem in IE 6.0
Hello all, I have a display problem with jquery datepicker in IE 6.0. I am working with a theme downloaded from ui.jquery.com. The border of the datepicker pop-up is not shown in IE 6.0, the background of the pop-up window is white (should be gray) and the back- and forward navigation icons are shown in a wrong color. FF and later versions of IE are showing the expected correct result. Am I missing something here? Thanks a lot in advance for your help! Markus <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML
JQuery featured in Whitehouse.gov website
Checking out the new website was surprised to find Jquery has the javascript framework for the site. Yes We Can...JQUERY!!
UI Autocomplete not working :(
Hello, I am sorry but I can't get the UI Autocomplete to work. I am using jQuery 1.2.6 + jQuery UI 1.5.3 + ui.autocomplete.js (found on the SVN). Here is my declaration : var mydata = "moi toi".split(" "); jQuery('#employesearch').autocomplete({data:mydata}); On the loading side, I have loaded jQuery first, then jQuery ui 1.5.3 with dependency on jQuery and then ui.autocomplete with dependency on jQuery ui. Any idea would be more than welcome ;) Thanks! Olivier
UI Tabs, run javascript on tab change
Hi everyone I'm new to jQuery and Javascript in general. I've been using Javascript for years but only for simple form validation stuff so I'm trying to learn the advanced JS syntax used by jQuery I want to use the UI tabs widget with the flexigrid plugin showing data on each tab. This should all work fine as I've found other people doing the same in the flexigrid group. But I've got a really basic question I need some help with. I want is to be able to run some jQuery code when the user changes
Any plugin like this?
http://www.artnumberone.com/tw/ Hi, there is a product show in the middle displayed by flash, I want to do it in Ajax, is there any solution?
Dialog with img tag fails in IE 7
Using JQuery UI 1.6rc5: The following click handler works perfectly in FF3 function test() { popup = $('#testdiv'); if (!popup[ 0 ].initialised) { popup[ 0 ].initialised = true; popup.dialog(); popup.append( '<img src="/static/photos/2009/0119/3.zip/cache/ dsc_4668_popup.jpg" />' ); }; popup.dialog( 'open' ); } In IE, the dialog opens once, and then after it's closed, never again (and IE reports an undiagnosable error on subsequent clicks). If you append div,
Theme roller themes and the newest JUI code not working together.
Hi, I've just downloaded the newest jQuery with the newest jQuery UI (full package with everything minified) and the newest themes from the Theme Roller Gallery. Everything worked fine but the themes, only the themes from my older code work. I must be missing something, but I have no idea. Do the newest prebuilt themes work with the newest code? Thanks in advanced.
jQuery slider, disable keyboard control & ignore "selected" slider handle
Good day all! I'm looking to disable two slider user control methods. Can someone help? 1) Disable the effect where the last slider handle moved is "selected". The intent is to make the only way to move dragging it, explicitly. If you click the slide bar it should NOT snap the last selected handle to that position. I have six sliders on one slide bar so this behavior can confuse users. 2) Disable keyboard control of the slider. This causes trouble when the user scrolls the page down using the arrows.
Same prob
Hi,I have same prob with jQuery UI 1.6 RC. But I think, this problem was fixed in jQuery 1.2 and UI 1.5.
Dialog Close Button is Focused on Open
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> </head> <body bgcolor="#ffffff" text="#000000"> <font size="-1"><font face="Tahoma">Why is the dialog Close icon focused when opening the dialog? I would like to have it not focused when the dialog opens. Is there a way to make that happen? Thanks, </font></font>
Bugs on UI website -> Demos -> new window
"Open demo in new window". The demo's won't work, generates errors.
Dialog and datepicker
i have a dialog and datepicker, and the field datepiker not work in ver 1.6rc4,but until now operate Please help me. David.
Next Page