"hijax" - bug or feature ?
Ok, so i've been banging my head down the table for a few days over this. it's regarding that snipper from the faq section of the tabs page. $(document).ready(function(){ $('.selector').tabs({ load: function(e, ui) { $('a', ui.panel).click(function() { $(ui.panel).load(this.href); return false; }); } }); }); the thing is, that it works. But only on the first page loading in, if you click a link - page load in, and then click a link again on that page just loaded in, it'll take you directly
When resizing element gets position: absolute and div below rises
I've got several draggable and resizable divs below each other which all has position: relative to one and the same parent div. My problem is that when I resize one of the divs its position property gets changed from relative to absolute and the div below rises to be on the same height as the one I'm resizing. Is it possible to drag it but keep the position as relative? I've only got horizontal dragging and resizing enabled. Thanks, -Martin
jquery skilled coder(s) needed for project
Hello, Looking to outsource a project that entails heavy jquery work for home page for a site thats based on Drupal (D5) CMS. Any candidates that could get involved with the project immediately or even maybe have a team that can handle it as time release is critical, please email me personally for further details. Thank you, George
[jQuery] jQuery UI 1.6rc3 is out
jQuery UI 1.6 release candidate 3 is out. Blog post: <a href="http://blog.jquery.com/2008/12/31/jquery-ui-16rc3-its-getting-really-close/">http://blog.jquery.com/2008/12/31/jquery-ui-16rc3-its-getting-really-close/</a> Demos: <a href="http://ui.jquery.com/demos">http://ui.jquery.com/demos</a> ThemeRoller v2: <a href="http://ui.jquery.com/themeroller">http://ui.jquery.com/themeroller</a> Development Bundle: <a href="http://code.google.com/p/jquery-ui/downloads/detail?name=jquery.ui-1.6rc3.zip">http://code.google.com/p/jquery-ui/downloads/detail?name=jquery.ui-1.6rc3.zip</a>
Draggable and containment in Table
Hi, I am trying to drag an image within the <td> of a table to an element say <div> outside the table. I am able to drag and drop the item successfully. The problem is the image is not visible during drag once the cursor goes out of the table tag. Any idea how to solve this problem? I tried setting the containment attribute value to 'window' and used a jquery syntax '#display' to define a broader drag area to no avail. <table class="source"> <tr> <td><img src=''logo.gif"/></td> </tr> </table> <div
Jquery UI JS problem dialog + tab widgets
Hi, Just downloaded JQuery UI personalized JS packed version... My Selection were UI core script, draggable, resizable for interaction, and dialog and tabs for widgets.. I tried to use it for creating a dialog box using ajax load..but it failing for below error...Any idea what is this problem... I have attached downloaded js as well.. <span class="objectBox objectBox-errorMessage hasBreakSwitch"><div style="color: rgb(255, 0, 0);" class="errorTitle"><b>F.scrollTop is not a function</b></div><div
Live Updating of Datepicker
Hi I have a suggestion, or if you know of an implementation or have any theories as to how it could be easily implemented those are much appreciated as responses, I looked in the documentation, looked through examples, and did a few searches on the matter and that returned nothing, so here's the idea. I've been working with autocomplete, and to a lesser extent the rest of jQuery UI. And as I used the plugin I loved the unobtrusive nature that it had. You type, and it updates without interfering.
ui.autocomplete.js where to download that file?
Hi, I'd love to user Autocomplete UI widget. Unfortunately there's no that option on Downloads page. I've checked out from SVN and it doesn't seem to containt that file either. Where can I find that? best regards Michal
Grid/Table added to the new UI
Are there any plans to add a grid or table to the already fine list of UI components?<div> </div><div>Nathan</div>
tab history
the latest UI is awesome! I have been watching for a little over a hear, hoping back button / history support would be added for tabs, and the docs still talk about a re-write at some point of this feature. Will this ever be added?
Nested sortables intersection detection
Hi! My question in related to this bug report: http://ui.jquery.com/bugs/ticket/3655 I'm wondering if there are any workarounds for it. Right now, when dragging a <li> around, the reaction of the lists is hard to predict and you often have to 'wiggle' to insert the <li> at the place you want. Also, while dragging, the movement of the lists (making room for the li to drop) often causes the li to be above another list, triggering another movement, etc, which results in a nasty flickering. I would like
prevent re-creating of dialog boxes
I'm calling a page via Ajax and in this page I'm creating needed dialog box with this code. $("#dialog").dialog({ autoOpen: false, zIndex: 20 }); But when I re-call this page again, it re-creates dialog box again. How can I check if dialog box is created and prevent re-creation? Thanks for your helps...
Tabs - remote content not displaying in IE
Klaus, I have replied to my original post but wasn't sure anyone would pick up the newly discovered problem, so I'm creating a new post. My problem is this. I've been able to have a regular hyperlink navigate the browser to the appropriate webpage and have the tabs "select/show" the appropriate tab once the page is fully loaded. But I didn't fully test it in ALL browsers. Chrome, Firefox and Safari will select the proper tab and display it's remote/ajax'ed content. However, IE will select the tab
Autocomplete - trigger menu using function call?
Using 1.6rc2. I'd like to have a function call whereby I can open up the menu on demand. The idea is to simulate a standard dropdown with a button on the right. It appears there isn't a way to do this currently. I've gotten close by calling the .click handler multiple times or inder to get onChange called, but it doesn't work consistently as it depends on which element had focus when it's called, and changing focus doesn't seem to help. It would seem logical to expose the function onChange. Thoughts?
Autocomplete - Am I Asking For Too Much?
Question of the hour I guess. The idea of what I'm looking for seems pretty simple, but I can't seem to find anything that does everything. If someone can point me in the right direction, I'd be incredibly grateful. I have a project where registered members can write posts with other registered members. There is no limit to how many members they can write posts with. They can write the initial post, save it, and have others chime in and put their own two cents into the post before it's put out to
Keycode in close function?
Hi, I've got a simple little modal dialog where I want to do things based on the OK and Cancel buttons being clicked. The button clicks work fine; if I press RETURN or ESCAPE, my close function is called, but I can't determine which key was pressed (my 'ev' parameter has a null keycode). Should I be overriding something else, or am I missing something obvious? $('<div>Hi there!</div>').dialog({ title: 'My Title', modal: true, buttons: { 'OK': function() { $(this).dialog('destroy'); }, 'Cancel': function()
Need to limit draggable to BOTH x and y axis (no diagonal movement)
I only started with jquery a couple days ago so if if I'm using the wrong terms anywhere I apologize in advance. I need to limit a draggable to both the x and y axis inside a larger parent element. It has to be just up or down or left or right - nothing diagonal. Searching the web and this group came up with no solutions. Is there a way to handle this now? Putting in both x and y in the axis field doesn't work. My only idea at this point is to is to have some kind of test where if x changes first
jquery support for mobile browsers
Hello, I was wondering if there is any future road map for mobile browser support, especially mobile safari. Thanks, -Ben
Css for weekends and todays date..
Hi, I was trying to get to mark todays date with a red boundry and weekends with green text. I am not sure if htis is the right place to post this. But it might be helpful if ane1 needs it. Below is the css..it works in IE 6 but should work in all other browser although i havent tested it. /*week end title*/ table.ui-datepicker tr.ui-datepicker-title-row td.ui-datepicker-week- end-cell a { color: #006600; background: #e0e0e0 url(images/ e0e0e0_40x100_textures_02_glass_80.png) 0 50% repeat-x;
$(document).ready fires before CSS is rendered?
I've got some links that only serve as anchors for javascript, so I use CSS to hide them like this: .requiresjavascript { display:none; } and here's the HTML: <a class="requiresjavascript clearall" href="#">Clear all</a> <a class="requiresjavascript clearall" href="#">Check all</a> The idea is that for a browser without javascript, those links don't appear. I want to show these links when javascript is available, so I have this in my $(document).ready() at the top: $(document).ready(function () {
Dialog box how-to question
Hi All, I was trying to replace my window.open() code with the jQuery Dialog box. Now here is my code: $(function() { $("<div id='mydiv'></div>").load("WebForm1.aspx").dialog(); }); WebForm1.aspx has Ok and Cancel buttons. I want to close my Dialog box when I click on Cancel from WebFrom1.aspx. Can anyone tell me how to do it.
jQuery Dev team should look into Git + Lighthouse!
Just read the latest blog post with all the updates for 1.6. Very excited to see the active progress! One thing that I feel would help exposure and to increase outsiders to submit patches and possible commits is to make the switch from SVN/GoogleCode to GitHub + Lighthouse. Just look at the Rails project, since the switch, there has been a massive influx of people deciding to help out and submit their patches for review and thus the project has become better and more stable overall. Check out Ryan
[Accordion] How to tell the plugin/navigationfilter that subpages are also part of a menu item
Hello, When the Jquery Accordion plugin is on a page, ie http://www.url.com/colours/green/, it collapses the accordion menu item where that link is located just fine. But how can I tell the plugin that it's also still on that page when I am on a page like this: http://www.url.com/colours/green/1 http://www.url.com/colours/green/2 etc. ? So that when I am on http://www.url.com/colours/green/1, it also collapses the same accordion item as for http://www.url.com/colours/green/ My id's are always numbers,
Sortable Problem - can't drop item into an empty ul
Hello, I'm trying to realize a sortable treeview with nested lists. In the first place everything seems to work fine, but then I realized once a list is empty - I can't drop an element inside again. I prepared a little demo for that: http://www.9elements.com/projects/draganddrop/ Any fixes? Any tipps? Any workarounds? Cheers Sebastian ps: I already tried to make an unmovable element, so that the list will never be empty. I also have tried to give the list a min-height. Both ways did not work.
$.ui[module] has no properties
Hi There, I've implemented some drag and drop functionality on one of my pages. It all works fine except I get the error below. Can some tell me what it is i'm missing? Sean $.ui[module] has no properties http://localhost:4074/App_Themes/ui.mouse.js Line 9
Dialog Box: How-to Question
Hi All, I was trying to replace my window.open() code with the jQuery Dialog box. Now here is my code: $(function() { $("<div id='mydiv'></div>").load("WebForm1.aspx").dialog(); }); WebForm1.aspx has Ok and Cancel buttons. I want to close my Dialog box when I click on Cancel from WebFrom1.aspx. Can anyone tell me how to do it.
magnifier and others: come back? still alive?
hello, i'm completely new to jquery and ui, but i would really like to know about magnifier and other widgets please accept my apologizes in advance if i'm misunderstanding --- if i go to the magnifier page in the docs at http://docs.jquery.com/UI/Magnifier i see that the component is no longer part of jquery ui but i can see that many widegets are not included in the download version 1.5 while they actually are in the 1.6rc version; among these there is magnifier... it seems that magnifier was part
Couple of bits to ui.spinner
I've tried ui.spinner and i find it very useful. Here are couple of things I've changed to make it work better for my project (below are chunks from diff my.ui.spinner.js ui.spinner.js): 1. Making mousewheel trigger 'spinchange' event: 156d155 < self._propagate('change', e); It is kinda useful to make a single event being in charge of all spinner changes. No need to think twice on ajax binding. 2. Fixing of this bug: > Cloudream
which is best Modal plugin
Hi, I want to use one of modal plug-in for my application, so far i took overview of 2 plugins 1 boxy 2 jqModal I like to have opinion which one is better I my view though i liked boxy initially but it is failing in IE8 beta like to have more opinons on this one Thanks
Wondering were my post is gone
is it still in moderation? or is it lost in nirvana? -- Sebastian Deutsch --------------------------------------------------------------- www.9elements.com Kortumstr. 19-21 44787 Bochum Tel: 0234 - 689 41 88 Mobil.: 0177 - 331 21 98 Skype: sebastian.deutsch Xing: https://www.xing.com/profile/Sebastian_Deutsch --------------------------------------------------------------------------
DatePicker Today link hiding issue
Hi all, When I try to use the minDate option, it hides the Today link. Is it the default behavior. If yes can we modify it? A reply would be highly appreciated. My code looks as: $("#my_control_id").datepicker({ minDate: 'today', closeAtTop: false });
jquery tabs problem loading ajax content in div
Hallo all. I need to load via ajax some complex content using tabs. I would like to load an html that gots dependencies with other js. I know that for security reason this is not supported in native way, but since I think is a common problem I hope there will be an optimal solution :) Any idea? Kind regards Max
Jtabs caching the page
hi i followed http://kuujinbo.info/ajax/jq_tabs.aspx tutorial on how to get the tabs to work and well it works but i now i am trying something different. I don't want the tabs to reloading everytime i click on it, in other words when i click on the tab it uses the cached page and doesn't reload. is it possible? i tried this http://filchiprogrammer.wordpress.com/2007/12/17/using-jquery-ajax-tabs-plugin/ and edited my line like this $(function() { $('#navtabs').tabs({remote:true,cache: true,ajaxOptions:
unable to access desired elements.
Hi all, I am very much a stranger to jQuery using it for the first time in my application. I have a DOM from which I need to access all the form submit buttons after the page loads and need to append a div element after each submit element. <input type="submit" value="submit1"> <input type="submit" value="submit2"> <input type="submit" value="submit3"> Now I would like to add a div tag after each submit button which looks like: <input type="submit" value="submit1"> <div class="my-class"></div> ......
Offline Documentation
Hey Paul! Is there any way to accuire a downloadable version of the JQuery UI documentation? I work offline a lot and have been looking for something like this. -Russ
UI demos offline?
Hi Just a quick note: the demo's don't seem to be working. For example this page: http://dev.jquery.com/view/trunk/ui/demos/functional/#ui.progressbar, which is linked from http://docs.jquery.com/UI/Progressbar.
connected Sortables
I'm trying to drag list items between lists. I can't for the life of me get sortables to work using connectedWith. Can anyone provide a working example of proper use of connectedWith? I couldn't find anything out there on it, besides the couple lines mentioned in the docs[1]. [1]: http://docs.jquery.com/UI/Sortables/sortable#options
Jerky tabs ui animation in IE
I'm trying to create a simple tab navigation using Jquery ui tabs. It works great in FireFox and Safari, but in IE, the fx animation is jerky. here is my code: $('#scheduler > ul').tabs({ fx: { height: 'toggle' } }); html: <div id="scheduler"> <ul class="week"> <li>Monday</li> <li>Tuesday</li> <li>Wednesday</li> <li>Thursday</li> <li>Friday</li> <li>Saturday</li> <li>Sunday</li> </ul> <div id="mon"><h2>Monday</h2> </div> <div id="tues"><h2>Tuesday</h2> </div> <div id="wed"><h2>Wednesday</h2> </div>
Specifying open tab from different HTML page and link
I have a group of JQuery tabs built here: http://online.gnomonschool.com/dev/ What I'd like to do is link to this page from a different HTML page and have the link load this page with a specific tab already open. For example, I'd like a different HTML page to contain a link that linked to this page with the "Register" tab open instead of the default "Courses" tab. Is this possible to do? Thanks for any help!
jQuery Autocomplete plugin usage help
Hello Team, Its really very interesting using jQuery in our application. Now, I had to integrate the most famous AutoComplete feature of Ajax technology. I searched and got jQuery Autocomplete plugin. I had a problem using this plugin, please help, below is a brief note: Below is the code snippet I had integrated to my app: $(document).ready(function() { $("#cityName").autocomplete({ ajax: "/searchCity.jsp", }); }); my jsp page returns the results of search for cityName as an html
Next Page