Bug with Clone textarea
Hi, i noticed when you want to duplicate somes fields you're created dynamicly just before with value, the clone function duplicate textarea but without his value. The value is empty after. This function is ok on IE 7 but not on Firefox 3.0.6
Why get rid of the handle option for things like the slider...?
In a few of my projects I need different handles for the slider and with the newest jQuery UI you guys have taken it out. I was wondering if you guys might re add it back?
superfish how to change direction of sub-indicator
near as i can tell, this is handled in the javascript, not the style sheet. i've modified my style sheet to for the horizontal menu so sub- menus fly-out to the left, and moved the indicator arrows to the left of the text, as well. i'd like the sub-indicators to point left (the top level-indicators can continue to point down). how do i do this? thanks, --cz
tabs ul too tall?
http://www.quicksnapper.com/yabdab/image/jqueryui-tabs trying to use themes, but I cannot figure out what is making the ul object so tall? Anyone else have this problem? Using jquery 1.3.1 and ui 1.6
.sortable() "update"
Hello! So I have a simple sortable list with jQuery UI's .Sortable() function. I am hoping to have it fire off a function right after any of the list items are moved. From the documentation, "update" seems to be the paramater to pass it to get it to do that: $(".list").sortable({ handle : ".draggertab", update : function(){ console.log("order changed"); } }); But my little function there to log something to the console doesn't seem to be firing off when I drag a list item and the list is resorted.
- setting default values for the ui components in a separate script
Hello, How can I set defaults for the different components in a separate script file, so that the defaults are available when I initialize the components. Thanks in advance Stephen
.load() and timing issues
New to jquery, but it's totally awesome so far. I've run into a snag that you all probably know how to deal with. I'm using .load() to load a snippet of HTML in response to a click. I need to modify some of the HTML depending on what the source of the click. Even though I load the snippet first, the modification I'm trying to perform doesn't seem to see the freshly loaded HTML, and instead operates on the original HTML. Seems like a timing issue, but I sure believe there must be a way to do this.
Accordion: Display error with IE7
Hello, when I use the accordion feature an this site: http://ug-team.de/page_arbeitgeber.html I have a display error. To see the error you have to close all sections, and than open one. The headline from the next section sliding up in the section above. Somebody have an idea why that happen? Greetz
backgroundColor animation non consistent with rollout and not working in ie
Hi Guys, I'm having a problem with the animation color core of UI, i have the latest jquery, and ui version. When I rollout, sometimes there is some items that stay stuck to the rollover color. And it just not work in ie at all. Live example: http://www.position-relative.com Script: $("a.exemp").hover(function() { $(this).not(":animated").animate({ backgroundColor:"#2c2c2c", color:"#ffffff", },300) $(this).find("p.title").not(":animated").animate({
UI dialog "buttons" option
I have a block of code I use to manage all dialogs on my site. For every dialog I want a "submit" and "close" button. To put the following code into context, I call a dialog by writing something like: <a href="index.cfm?page=whatever" class="dialog" name="{width: 200,height:300,title:'Test'}">open dialog</a> the code looks like this: $(".dialog").live("click", function(){ // config exists in elements name attribute in JSON format. var config = (this.name.length) ? eval('(' + $(this).attr("name")
Datepicker button at the wrong position
I am trying to use the Datepicker with jQuery.ui 1.6rc6 and I have a problem with the position of the button: Instead of appearing right next to the text field, it appear at the top left of my page! And I cannot use the class ui-datepicker-trigger to specify the position, because I have 2 date picker on the same page. The problem is probably related to the fact that the page is generated by the JSF framework. If I am using it inside a plain html it is working fine. How is the position of the button
How to create a
Hi, I have a sortable with two "containers" where users can drag and drop elements between. The problem that I have is that I would like to create a third container where users could drop elements to delete them, so act as a trash. Does anybody has any idea? thanks in advance.
Possible bug with ui-widget-header
Hi, Really like the new UI builder. I notice that the text colour for a link (<a>) in a .ui-widget-header does not get set if the .ui-widget-header is inside a .ui-widget- content. So <div class="ui-widget-header ui-corner-top"><a href="#">Link Heading</ a>-Non Link Heading</div> <div class="ui-widget-content ui-corner-bottom"> <div> Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer ut neque. Vivamus nisi metus, molestie vel, gravida
how to drag in a scrollable div
hi, i search for a solution for dragging into a scrolling div. the div is set to overflow: scroll and the scroll option of draggable is set to true. if i now drag an item into the bottom area of my scrollable div... nothing happens... i cant't position my item in the hidden area, which i should reach when the scrolling would be enabled at that time. if i drag at the bottom of the window, the document scrollbar appears... but i want the scroll function on MY div, not on THE BODY... anybody an idea
Possible dialog z-index bug
Hello guys, First of all I would like to congratulate about the exceptional work you guys are doing. Great! Now I think that I found a minimal bug on the CSS of dialog. See the screenshot: http://renatocarvalho.com/share/2009-02-16_1731.png The app header that is overlapping the modal shadow have a relative position with a small z-index:1; level. But even using lower level to z-index, the dialog shadow is being behind the app header. But the problem is solved when I click on the dialog window and
JavaScript jQuery GUI Developer - Chicago, IL
Innovative financial technology firm, located in chicago, IL is seeking a GUI developer with very strong JavaScript experience to help develop and deliver a series of elegant, highly interactive GUIs to internal and external client facing systems. You'll work with a wide variety of individuals and groups across this unique firm to help build GUIs for critical applications. Required technical skills we look for: We would like to find a person with expert knowledge of JavaScript, jQuery, CSS, and JSON
- 1.5.3 - Date Picker - Redmond Theme - Previous and Next Buttons show labels for restricted dates
Hello, When I naviagate to dates that are restricted the labels for the Previous and Next dates are shown instead of disabled buttons Thanks
jQuery.index cannot index the jQuery dynamic object
While adding a new tab and using JQuery.index like this: var index = $('#container-1 li').index($(this).parent()); It always returns -1 in IE7, but normal in Firefox. Demo: http://hctgroup.vicp.hk/test.html //jquery-1.2.6.min.js //ui.tabs.js $(document).ready(function(){$('#container-1 ul').tabs ({add:addEventHandler}); }); function addEventHandler(lnk){ var li = $(lnk).parent(); $('<img src="close-off.gif" class="ui-tabs-button" />') .appendTo(li) .hover(function(){ var img = $(this); img.attr('src','close-over.gif');
Accordion Menu - Closed Initially?
Hi guys, I am having real problems trying to make the accordion menu closed initially. The code Im using is: jQuery().ready(function(){ // simple accordion jQuery('#accordion').accordion({ autoheight: false, }); $('#accordion').activate(); But it still leaves the top one expanded. Can anyone help? It would be much appreciated!!
BUG: JQuery UI - Sortables FF3
Found a bug in Jquery UI 1.5.2 - sortables in FireFox 3. When using sortables with sortable (connectWith:) it does not seem to detect when blocks with images are dragged. You can drop them at the end but they do not cause the normal movement of the other children. I'm guessing its to do with the image dragging provided in FF3.
Accordion
Firstly, the demo here http://docs.jquery.com/UI/Accordion does not work for me on any browser I test. I think it is broken. Secondly, I am using this widget on a <ul> tag where each <li> has another <ul>. It works well BUT if the bottom one is open and you put the mouse on that <ul> tag and then slide it up to the <li> so that it begins to close and then continue sliding up (quickly) to the next <li> up before it finishes closing, then the next one doesn't open. Seems to me that the 'open' event
dialog size on ui1.6rc6
Hi, all With ui1.6rc6, the size of a modal dialog at the first time diplay is not correct including the shadow. The second time and after, it will be correct.
display tab from outside link
Hi, Sorry if this message is posted twice but I posted this yesterday and did not see it yet. So, here it is again: ----- I've setup this: http://www.kwalinux.nl/tabs.html I want to activate tab 3 from outside the div "maintabs" by clicking on a link ("show tab 3"). my code: $(document).ready(function(){ $("#maintabs").tabs(); $("#clickme").click(function(event){ $("#maintabs").tabs('load',2); $("#maintabs").tabs('selected',2); }); }); When I click on the link "show tab 3" i see tab 3 "loading" but
Hiding and Showing a list
Hi there, I am making a navigation UI along the lines of "son of suckerfish" from htmldog.com. Basically I have a list in which each 'li' element is styled as a box with a border. When I mouseover one of the 'li' elements, another list appears by the side of it. If I start with the sublist visible, I can make it appear and disappear by mouseover and mouseout of the 1st level 'lil' element using the following code: $("#home_life").bind('mouseover', function(event){showChildren();}) .bind('mouseout',
Resizable and z-index
Hello all, I'm working on bit of ui that is using the resizable and draggable plug-ins. They work great so far, but I also need to be able to tamper with the z-index being used. When the object is draggable, I can easily change the z-index and make it move forward or backward. However, when it is resizable, I can't. Here is the code I'm using to change the z-index. SelObj is always an image. When it has a text attribute added to it, it isn't resizable, otherwise it is. Any ideas why this wouldn't
Toggle callback destroyed by UI effects?
Hi there If I change code using toggle and a anonymous call back from $(document).ready(function() { $("button").click(function() { $("p").toggle("slow", function() { alert('hey'); }); }); }); to the following (using the UI-effect slide instead of slow) the call back never fires: $(document).ready(function() { $("button").click(function() { $("p").toggle("slide", function() { alert('hey'); }); }); }); I'm new to jQuery and jQuery UI please help. Brandt
how to activate a tab from a non-tab link
Hi, I've setup this: http://www.kwalinux.nl/tabs.html I want to activate tab 3 from outside the div "maintabs" by clicking on a link ("show tab 3"). my code: $(document).ready(function(){ $("#maintabs").tabs(); $("#clickme").click(function(event){ $("#maintabs").tabs('load',2); $("#maintabs").tabs('selected',2); }); }); When I click on the link "show tab 3" i see tab 3 "loading" but it doesn't get selected :( Somebody any idea how to get tab 3 also selected when I click the link? Kind regards, Oscar
Tab States
Page tabs load fine and 'normal' tabs work properly. When tabs are using ajax to call content sometimes the state remains on mousover/ hover state after you select a different tab. One that happens, selecting it again (which changes state to he selected state) then selecting a different tab still leaves it in the hover state. I don't know why - does anyone know? Sample: http://mydndgame.com/index2.php?action=campaign-view&campaign=95
1.6b -> 1.6rc2: draggable no longer works.
Hi. I had real nice drag-and-drop functionality for my tree, but after upgrading to 1.6rc2, the drag and drop is completely dead. Doesn't even fire the 'helper' option anymore. Any clues / tips are appreciated..
how do I use datepicker w/o input field?
Hi, I'd like to use the the datepicker widget w/o an input field. So I'd like to show datepicker on some event and a callback function to be called if a date is chosen. Any ideas how to do this?
How to configure Jquery Ajax tabs with Jquery photo gallery on one of the tabs
Hi, Ive set up the ajax jquery tabs and they work great. However Im having a hard time configuring the jquery photo gallery into one of the ajax tabs? Any suggestions on how I do this? When I click the tab the photo gallery is supposed to appear in, its just blank white page and the tab just reads "loading" in Firefox. In Safari, just shows blank page. Thanks, Arianna
jQuery UI Selectable
Couple questions: <ol id="selectable"> <li class="ui-widget-content">Item 1</li> <li class="ui-widget-content">Item 2</li> <li class="ui-widget-content">Item 3</li> <li class="ui-widget-content">Item 4</li> <li class="ui-widget-content">Item 5</li> <li class="ui-widget-content">Item 6</li> </ol> http://jqueryui.com/demos/selectable/#serialize With the code on the demo page above, the values are automatically set to 1-6. How can I use my own values? I want to populate the selectables
Issues with Dialog shadow (in RC6) not resizing properly on removal/change of content in dialog
When I submit the form inside a dialog I hide the form inside the dialog and show a loading message, when I do this the shadow doesn't resize properly - but it updates fine if I move the dialog with the mouse. So I tried passing the shadow: false option to the dialog and everything works fine, until I try to move the dialog by dragging the title bar, which throws an error: this.shadow is undefined /js/jquery/jquery-ui-1.6rc6.min.js Line 97 I would really like to have the shadow but it looks awful
Override Dialog close event
Hi, another newbie with a question i'm afraid I've got a problem trying to override the close event on Dialog , here's the scenario I have a dialog showing an Iframe. when the user closes the dialog I want to execute some teminiation code on the page in the iframe, which includes interaction on whether to save data etc and so takes some time What I want to happen is that when close is clicked my function to initiate that teminate code is called (I have hooked up the beforeclose event and this works
accordion panel text and state icons - on top of each other.
Hi Everyone, I have upgraded to jQuery 1.3.1 and have also used the latest "theme / download" builder for the UI library - and have a slight issue. Now, I have an arrow icon that shows the state of the accordion panel, but it is currently being overwritten by the panel text. - I can still see the image - it is just mangled in with the panel text. I'm happy to have no icon - and could simply remove the icon from the css - but just in case the client says they want it back... I assume it is simply
Accordion icon being overwritten with panel text.
Hi Everyone, I have upgraded to jQuery 1.3.1 and have also used the latest "theme / download" builder for the UI library - and have a slight issue. Now, I have an arrow icon that shows the state of the accordion panel, but it is currentl;y being overwritten by the panel text. - I can still see the image - it is just mangled in with the panel text. I'm happy to have no icon - and could simply remove the icon from the css - but just in case the client says they want it back - I assume it is simply
...(jQuery) is not a function? But only with minified source
Ok, I'm sure that I'm just making some dumb noob mistake, but I can't find any doc on it anywhere. I used the UI download page to get core and draggable. When I use jquery-ui-personalized-1.5.3.js, it loads find and seems to work fine also. But when I use jquery-ui- personalized-1.5.3.min.js FireBug gives me an error at load time: "function (C) {C.ui = {plugin:....lots of code here...distance: 1, delay: 0};}(jQuery) is not a function". Can anyone help a new guy?
Accordion source
Hi Everyone, I have a relatively old file titled; ui.accordion.packed.js The issue I am having is that I have no idea from where I got the original file. And I am looking for the latest version of it (If indeed there is one!) Because of a limitation I seem to be having, whereby ALL panels are the size of the "longest" panel. It uses <ul> and <li> for the definiton of the accordion panels. But our god friend Mr.Google isn;t very helpful as I seem to be finding only libraries /plugins that use something
UI Download broken Themes?
Hi, I've downloaded the latest UI several times, but no matter what I do, I can't get any of the themes. Looks like it's always downloading the same theme. I am trying to get the Redmond theme, and I've specified it several times. I tested the download using the supplied example.html file and it's not showing up as the Redmond theme. Any ideas? I am using FF 2.0.0.20 in WinXP Pro SP3. Thanks, Michael.
jquery ui tabs speed issue vs webfx tabpane.
Hi After some advice here, as I may be implementing the jquery ui incorrectly. It seems slow to apply its theme. I have tried calling the core.js and tab.js scripts from head and body section but always seems to render the text content of the div's before applying the theme so the user gets a poor experiance... an example is http://www.speedcrete.co.uk/blade-only-i35.html in contrast the previous tab script I was using the webfx tabpane renders perfectly. ie http://www.speedcrete.co.uk/lite-man-self-propelled-ballon-light-i448.html
Next Page