dialog content refresh delays
Hi, I have a page with a list of products. A link on each product generates a diaolog containing more information about the specific product. When I click on a second dialog link after closing the first, the content from the first appears for a few seconds while the contents from the second product loads. Is there a way to show a loading image and/or clear the data from the first dialog? The <div class="previewLink" style="display:none;"> <a href="/browse/f_quick_buy.jsp?productId=300994401&pdpUrl=//
Using slider as date range to display events like real-world demo 'range-interface'
I had an idea to use the slider with 2 handles to determine a range in which to show events on an event calendar, in similar fashion to the old UI demo "real world range interface" which is not online any longer, but I have an example archived here: http://blueinkdesign.com/jQuery_UI/demos/real-world/range-interface/ But Im a bit tripped up thinking about reprogramming the slider to count, for instance, from 20090320 on the left to 20091231 on the right or something, so that the continuum would count
findValue issue
Hi Experts, i have been working on this since monday and still i dont seem to have a clue what is stopping it from working. What i am trying to do: I have an autocomplete inputbox which displays matching results from the database as soon as the user starts typing. My problem is: If a user start typing a characters into the autocomplete inputbox and there's no matching result from backend, i want a message "We donot have anything matching this search" to be displayed. Currently i am using this code:
[Dialog] asp .net and the init
Hello, I've got a little problem using Dialog jquery with asp .net. In this normal use jquery append the dialog and his content in the end of document.body in _init function -> uiDialog = (this.uiDialog = $('<div/>')) .appendTo(document.body) .... In asp .net it's a problem because it's outside the form. We can't interact with the code behind. So to correct this without change the source code (In case of update or else) Is there a way to override the _init function of dialog? For
Ajax UI Tabs + PopUpWindow + Live
I use the UI tabs to pull in the tabs through Ajax. I need to be able to have links take advantage of the popupwindow jquery plugin ( http://github.com/rip747/popupwindow/blob/1ac14c0fb9fbd492205ea4a428689db0762b82fa/jquery.popupwindow.js PopUpWindow on GitHub ). Previously I added this code using the livequery plugin and it worked. $(".popupwindow") .livequery("click", function() { var name = settings.createnew ? "PopUpWindow" + index : "PopUpWindow"; window.open(this.href,
Simple Slide Question
I have a very simple slider and am pretty much using the demo settings. however I can not get it to use 0 as an option after moving the slider. I am using a text input to display the slider value. Example: Slider starts at zero, i move it up to 100, then move it back down to the ZERO spot but the value that shows in my text field stays 25. so it goes 0,25,50,75,100 then i slide back down it does, 75,50,25,25. (no 0) if i change the min to -1. it will start at -1,24,49,74,99 then i slide back down
[ThemeRoller] Theme needs alternate background color definition
There is a need for an 'alternate' background color, so that 'zebra- striping' can be accomplished on tablular data. See: http://www.trirand.com/blog/?p=231&cpage=1#comment-2096 for more details on this (that's the fabulous jqGrid plugin).
Show the same dialog more than once?
Okay so I'm a newbie.... I'm starting with the jquery ui page that demo's dialogs. I added a button just before the end of the body: <button onclick="ShowDialog()";>Again</button> The body of the function: function ShowDialog() { $("#dialog").dialog({ autoOpen: true }); alert("done"); } I commented out the showing of the dialog on document load. Press the button several times. The jquery dialog will display one time only. The alert() always works. I would like it to display every time I press
drag doesn't work in Firefox
Hello, I'm new to JQuery and was exploring the different demos, getting them to work locally etc. I re-created the drag demo (source below) and it works great in Safari but not at all on FF3 or FF2 (on the Mac). FF reports the error '$("#draggable").draggable is not a function'.. I searched around the internet and the closest I could come to a solution was to use a different version of jquery and jquery-ui. I wanted to see if anyone else has experienced this problem or if there's something I'm doing
ui-wrapper has a height that is less then all of the elements
http://www.deport.me:8001/test/ticket/1 ui-wrapper has a height that is less then all of the elements. Any ideas on how to troubleshoot/fix this?
Validation and Tabs plugins
Hello all, I am just switching to JQuery from prototype and am trying to use the Validation and Tabs plugins for JQuery. Here's my problem: I have one form tag in which I have my tabs container. Using a dynamic language I am creating multiple tabs for user chosen data, say states. So if the user has chosen 5 states, there are five tabs with the same form fields with the "_statename" appended to the end of the field name. So, if the user enters data, validates the form and click on continue nothing
changing datepicker width and orientation
hello, im new using jquery UI and im trying to use the datepicker component. I want to know if its possible to change the width of it and its orientation, i want it to show multiple months but not horizontal as it does by default., i want it to be shown vertically, is it possible.?? thanks
Incorrect padding - bug?
With the following code I've noticed a large amount of bottom padding on the div that's generated to hold the text area. So much so that the handle is no where near close to the bottom of the text area. This seems very much like a bug to me. Anyone care to comment? Code: <html> <head> <link type="text/css" href="css/smoothness/ui.all.css" rel="stylesheet" /> <script type="text/javascript" src="js/jquery-1.2.6.min.js"></ script> <script type="text/javascript" src="js/ui.core.js"></script>
Themeroller question abt "Sample ui-state-*'
On the ThemeRoller page it displays examples of various components with the chosen theme applied. These are all plugins from the UI. Or are they? The 'Sample-ui-state-highlight' and 'Sample-ui-state-errort' examples are - what? Is there a way to have UI build these HTML constructs like with the 'dialog' component, where you just start out by creating an empty <div>? That's the implied behavior since everything else shown there is like that. But I find no clues in the rest of the widget documentation.
Accessing a var from another function..
Hi, I'm trying to figure out how to access a var defined within a function. $.fn.myFunction = function() { var defaults = jQuery.extend({ optionOne: foo },defaults); return this.each(function() { var optionTwo = bar; }); }; How can I access 'defaults.optionOne' and optionTwo from outside myFunction?
Sortable Issues
I am having some problems with the sortable plugin, most annoyingly in firefox instead of drag and drop functionality it seems to be click once then click again to drop.. but it doesn't seem to work at consistently, this problem isn't apparent in other demo's I have tried to I am assuming it is a problem on my end, also I can't get scrolling while dragging to work on any browser that I have tried. Any help would be great! JQuery code as follows; $(document).ready(function() { $("#library-table").sortable({
how to set the size of datepicker
I'm a newbie just starting with jQuery. I have the jqGrid up and running and was now adding a datepicker to a form. It works, but it is large in size (about 2 inches by 2 inches). I can't seem to find any way to change the size of the widget. Any help would be appreciated.
Datepicker using jQuery.live?
Any chance of seeing this in the future?
Changing slider values
Hello ... if I try to set the values of the two handles in my slider using .slider('option', 'values', [X,Y]) it isn't taking automatically. Instead what I find is that the next time I touch one of the handles, the other handle snaps to where it should be. Is there a way to have the handles actually move to match their new values? I'm including code that demonstrates what I'm talking about (on linux, ff3.0.7) <link type="text/css" href="/home/foo/jqueryUI/1.7/css/cupertino/ jquery-ui-1.7.custom.css"
Using tabs with normal links
Hi, Recently I've started to re-build my website and after some time trying to design the layout I gave up. I'm a programmer and as mostly of us I'm terrible designing interfaces. :) So, as I'm a heavy user of jquery I decided to use jquery-ui with the defaults styles which I can just customize later on. My problem is that I want to create my tabs in a easy way (only calling the $('.selector').tabs() for example) but I don't want mostly of the default behaviors. Why? 1-) Adding divs with not related
BackgroundColor from color to transparent? Possible?
So I have a div with no background color set in css. So when I animate the backgroundColor to "red" it works. However, I can't seem to figure out how to transition it back to transparent. I have tried setting the backgroundColor to "" but then nothing happens. I have also tried "transparent" but this just animates to white. Thanks!
Applying jquery ui themes to the whole site
I don't think this is a very good question because I can't even form one... but oh well! Basically I do in house apps and first looked at jquery ui for the widgets but now the themes have me really excited. I am not much of a designer so having colors that look good together seems promising. Using the demo site: http://jqueryui.com/demos/accordion/ You have the theme selector in the top right. It changes the jquery UI demo, but not the rest of the site (I know, it isn't designed to!). If I wanted
setTimeout once
Hi, I have a document with x number of links. I'd like to start a timer as soon as a link is clicked then remove this function forever from the page. (I want the user to trigger the timer after he/she clicks on a link then after this clicking on links will not start/effect the timer).
Theme Switcher Widget Cookie Path?
I am using the Theme Switcher Widget (http://jqueryui.com/docs/Theming/ ThemeSwitcher) on my site. The only problem I have with it is that there is no way to set the cookie path. This is allowing every page of my site to allow different themes. Is the any chance a "cookiePath" option could be added?
CSS in ui.core causes bad layout?
I have run into trouble when put jQuery.UI tabs into a div, which resides in another div containing floated column. The unordered list, which contains the tabs, receives height which is equal to the height of the floated column. Here's an example of this problem (HTML and jQuery): http://www.speedyshare.com/156947422.html http://rapidshare.com/files/211003861/tryme.zip.html http://storeandserve.com/download/856579/tryme.zip.html (any of the archives, 120KB) Trying to figure this, I found that these
Looks like the same problem
I think I've got the same problem. My Sortable List have many items, with differenze height but constant width. So I can define in my placeholder class the width but how can I define the height. The height should be exactly the height of the sortable item. Have you any idea? My sortable code block looks like $("#left").sortable({ connectWith: ["#middle","#right"], forcePlaceholderSize:true, placeholder:'placeholder', handle:'.element_head', items:'.element',
Which Dialog?
Hello.. I'm wondering, in a page with multiple dialogs is there a simple way to specify which Dialog you're referring to other than using an index or adding a class? Thanks, Nikola
Strange Firefox behavior with accordion.
I am getting a strange behavior with Firefox using the accordion. This works fine in all other browsers including Internet Explorer. First, let me describe my setup. Firefox 3 (Tested in OS X and Windows, same behavior) jQuery 1.3. jQuery UI 1.7 Relevant screenshots: Normal- http://www.jasonism.org/media/normal.png Broken- http://www.jasonism.org/media/broken.png Corresponding code: $(function() { $("#accordion").accordion({ autoHeight: false, alwaysOpen: false,
Is this a bug in jQuery UI
If you try this out http://pastie.org/420295 it will work in Safari and FF, but on IE the INPUT fields will only display the first time the dialog opens. If you remove the parameter hide: "scale", The fields will show up
jquery ui slider: dragging image instead of sliding
I am using the jquery ui slider. The problem I'm experiencing is that when I try to drag the slider, instead of sliding left or right, the image for the slider handle is dragged out, sort of when you drag a regular image with no javascript associated with clicking or dragging the image. Why would this happen instead of the expected behavior? Here is the div in my page: <div id='height-slider' style='width: 300px;'></div> Here is the associated javascript: jQuery(document).ready(function($) { jQuery("#height-slider").slider({
How to set particular tab to be selected after page loaded?
Hi guys, I am trying to using jQuery, so far everything goes well, but my question is : How to set particular tab to be selected after page loaded? thx!
Ticket #4334
I can't reopen this as I get permission denied. The demo just highlights the fact that resizables is broken. This should be reopened and fixed for 1.6.
sortable - connectWith not working
I can not get the sortable - connectWith to work with the two lists I have ... example url http://portfolio.ingeniouspro.com/admin/ my code $(function(){ $('#gallery_landscape').sortable({ connectWith: '.imageList', revert: true, stop:function(event, ui) { $.ajax({ type: 'GET', url: 'ajax.php', data: 'action=order&' + $('#gallery_landscape').sortable ('serialize'), success: function(data){ alert(data);
Sortable, rebind event?
Hi all, I have a div which I've set a sortable to, the sortable items in the div are images. $("div#pics_new").sortable( { axis: 'x', cursor: 'move', opacity: 0.7, //0.01 - 1 placeholder: 'newplace', forcePlaceholderSize: true, update: SetOrder }); On document.ready the div is loaded empty and the images are dynamically being add to it. I experience the sortable __does__ work this way, but a lot worse than how it would if the images were there right from the start. Does this too have something to
Adding text above a div box
Hello all, A client of mine would like a bouncing box, where when user mouseover/ hover the box(created using a div)it would bounce using jQuery's bounce effect as a form of navigation. When hover/mouseover is active, the client would like some text(home, about us etc) to appear on top of the bouncing div box. How can it be done? TIA! tm13
Draggable connectToSortable sometimes results in an error: this[0].ownerDocument is null
Hello, i'm playing around with some sortables that are connected to one another and a draggable, see my example: <style type="text/css"> #sortableEvent { list-style-type: none; margin: 0; padding: 0; float: left; } #themenListe, .connectedSortable { list-style-type: none; margin: 0; padding: 0; float: left; } #themenListe div, .connectedSortable div { width: 100%; } .possibleTheme {height:60px;} .connectedSortable { list-style-type: none; margin: 0; padding: 0; width: 100%; } div .notDraggable {
jQuery, draggable, droppable, dynamic controls
I have next kind of 'controls bar': <ul> <li class="draggable"> <div class="container" id="control[1][0]" > <input type="text" name="control[1][0]" value="control type 1 number 1 value" /> </div> </li> <li class="draggable"> <div class="container" id="control[2][0]"> <textarea name="control[2][0]" rows="5" cols="50">Control 2 number 1 value</textarea> </div> </li> </ul> I need to drag control (element div.container) to 'controls list': <ul id="sortable"><ul> copying control from control bar to controls
Slider next - previous buttons
Hello, I just started out using jQuery UI a few days ago, but have been using jQuery for quite some time. The reason I tried out the UI component is that I needed a customizable slider. The slider functions just fine for me, but I'd like to be able to add next/previous buttons so that the user easily can navigate up and down on the slider. I know the user can use the arrow keys on the keyboard, but that is a fairly hidden feature that most users woun't know about. What I'm really asking about is
Troublesome IE bug when sorting nested lists
Hi, take a look at the following testpage: http://kraken.no/juiproblem/edit.html It contains a list with nested lists in it. I want to to be able to sort between the top level items and between the second level items and move a second level item from one list to another. The page above works perfectly in Firefox and Opera, but in IE I cannot sort the second level elements ("Sec 1" etc in the page). When I start dragging the item, then the toplevel is also dragged so that I move the whole top list
Load part of a remote file in a tab
Hi all, I'm using tabs() to load remote files into tabs, but I've run into a problem. Is there a way to load just part of a file into a tab? For example, I have a file that can be displayed on its own, or in a tab as part of a larger page. However, there is JavaScript and other HTML tags in the file that I don't want in the tab. I want to only grab the div marked with a class of TabDiv. Anyone have an idea of how to do this?
Next Page