Re[jquery-ui] sizable divs
Hi all How would one go about to create two resizable divs which can't be dragged on top of one another? Right now i have two divs which are resizable but they can be dragged so that they overlap eachother, i'd rather have them behave like the third example here http://dev.jquery.com/view/tags/ui/1.0.1a/demos/ui.resizable.html where the textarea just pushes the lower div further down when you drag it. also - can anyone tell me what the syntax for adding handles to an element looks like? i have tried
jQuery Tabs - Feature Request, Current Development
Hi all. First off, thank you all for contributing to the development and advancement of jQuery - it's a painkiller! Now, to the point: I think it would be great if there was something like a carousel for tabs, so that when .ui-tabs-nav is full of opened tabs they don't break the layout. A good example would be Firefox which also listens for mouse scrolling and scrolls the tabs vertically. Is this feature already in development? Is anyone besides me that would be willing to go ahead with this? Cheers.
Making ui dialog non-resizable and non-draggable
Hi, I am new to JQuery. I created a ui.dialog, but i need it to be non-resizable and non- draggable I tried this: $("#example").dialog().draggable(); but to no avail. How can i do it? Thanks.
$(window).scrollLeft is not a function ... help! :o(
Hi folks, <i><b>note: I posted this to the general jQuery mailing list, but then realized that I probably should have posted it here instead. Sorry if it's a duplicate for you.</b></i> I'm trying to use jdMenu for jQuery (which I have successfully used before), but I'm getting the following errors when trying to use it this time around (1.3.beta2). When using the unpacked version I get: <span>$(window).scrollLeft is not a function</span> When using the packed version I get the following: <span>missing
Dialog - comments
Is anyone tasked with managing the Dialog component ? I feel it has gone backwards since the "interface" displayed on the romanian ? http://interface.eyecon.ro server, the current dialogs no longer appear/ disappear using transitions, there is no minimize, I see that closing and openings events is scheduled to be put in. The thing that I find most difficult to come to terms with is the lack of z-index, including the dialogs on http://ui.jquery.com where the examples window get stuck permanently behind
ui.tabs not working for me
hi! i can't find any reason why ui.tabs plugin is not working for me, i've checked through the usual caveats: the js code is correctly included, the html is valid and respects the div > ul structure required by Tabs, the css is there. You can even see the tabs are switching, but not the tabs content which is displayed just like the html code, one under each other. is there any specific requirement or thing i should double check? here is my page if you want to double check: http://www.pixeline.be/test/youpla/
Jquery plugin forum not working???
Hello, I realize this may not be the right place for this, but I am not sure what to do. I have made two posts to the Jquery.plugin forum and none of them have show up. I noticed that the most recent post is from May of last year. Anyone know what is going on?
using resizable handles that are not children
here's the test page- http://chrismarx.googlepages.com/resizable2.html it works fine because the #mapResize div is inside the mapContainer (the resizable div). but when i move it outside, it doesn't work-
using a handle for sortable
Hi I've been fooling around with the sortable functionality a bit today and realized that the documentation seems to lie on jquery.com. So, my question is, is it possible to use a handle for the sortables? I can't get it to work using the handle option but maybe I'm doing something wrong. Some sample code to further explain what I want to accomplish: <div id="sortableblock"> <div id="useThisIconToDrag"><img src="icon.png"></div> <div id="theData"> <h1>This is some data</h1> Please use the icon above
UI 1.1 Management: Team members, please read!
Hi folks, long time no email from me, it's time to get working again. I started working for Liferay in January, and while there are no definite plans on cooperation etc, I'm happy to say that I started working full-time on UI! Due to the fact that I'm able to spend nearly 8 hours everyday now for UI, I'm progressing quite well: <ul><li>There will be no 1.0.1 release. It's a pity we didn't make it in december, but it cannot be undone now.</li><li>The absolute code deadline for the 1.1 release will
Implementing RESIZE
Hi I am having a couple of problems with resize: 1. Consider this element: <div class="box"> <h1>Heading</h1> <div class="main"> Hello </div> <div class="footer">Footer <img src="resizeimg.png" class="footer- img" /></div> </div> There are numerous such divs on the page. I want the .main divs to be resized with the corresponding image in the footer (.footer-img) as the handle. How do I do that? 2. I've noticed that every resizable div has a couple of divs added after - ui-resizable-e etc.. I don't
draggable options not taking effect
hi, i am having an issue using the draggable plugin, insofar as some options are simply not taking effect, while others are. i have created this test page to demonstrate the issue: http://www.ajpiano.com/ajaxtest/testme.html the grey box in the top right corner is our boy: $("#mydiv").draggable({ opacity: .1, helper: 'clone', stop:function(e,ui) {alert("stopped dragging" + ui);}, revert:true, grid:[50,50] }); }); as you'll see
Question about draggables - the element is not visible while dragging
Hi everyone, I am pretty new to JQuery and the UI Library. I am having some issues with draggables, while I am dragging my draggable div element it hides under the div elements which were created after it in the HTML Layout, but it doesn't hide while dragging over div elements created before it. For example, go the examples provided by JQuery UI Demo for draggables at http://dev.jquery.com/view/trunk/ui/current/demos/ui.draggable.html , and drag the second element (2. Clone as helper) to the bottom
JSON Help
Here is what I want to do I have a selectbox which has json as one of the variables I can't seem to get is to see the value a JSON it sees it as a string any thoughts? <select class="testSelect"> <option>--select</option> <option value="one">Test one</option> <option value="[{option:'Within 1'},{option:'Within 2'}, {option:'More Than 2'}]">Test two</option> <option value="three">Test three</option> </select>
jquery.form submit problem
Since I can't get this posted to jquery.plugin forum, I will try here. I am using jquery.form from http://www.malsup.com/jquery/form/. I have to following for my javascript: $(document).ready(function() { $("#emailForm").submit(function() { var options={ target: '#popupArea', beforeSubmit: showRequest, success:showResponse}; $ (this).ajaxSubmit(options); return false; }); }); I have a typical form, except I have a link with an onclick that calls a function that, after some validation, finally calls:
Accessible DHTML Widget > Picking on the datepicker
Hi, I'm one of many developers on Sakai, a large Learning Management System (LMS) in use by a number of institutions. I am also one of a few developers on Fluid, a project focusing on usability in Sakai and a number of other community source projects. In Fluid and Sakai, we're increasingly using jQuery in our development, for all the same and wonderful reasons that other developers use jQuery. I'm very excited by the work being done in the jQuery UI library but I'm concerned with your approach for
How do you get ui.value of multiple sliders?
Hi, I tried to get ui.value of multiple sliders, but I can't get it. $(function(){ $('#slider1').slider({ slide : function(e, ui){ aaa = ui.value; } }); $('#slider2').slider({ slide : function(e, ui){ bbb = ui.value; } }); }) ccc = aaa + bbb; console.log(ccc);
dialog close event
I can't seem to find where this has been answered before...if it has, please point me in the right direction. I am using the jquery dialog. When a user clicks the X in the title bar I want to receive an event. The reason for this is that if a user clicks on the link that opened the dialog, multiple dialogs get opened. I can look for the click on the link and compensate, but if the user clicks on the titlebar "X" to close the window, I never know it and therefore the user cannot open the window again
suggestion: modal and modeless dialogues
With the current version of jQuery UI, the modal dialogues aren't really modal, because you can still interact with items in the page when the dialogue is open. The documentation claims they are modal, but modal dialogues imply that the only thing you can interact with while the dialogue is open is the dialogue itself. The current behaviour is more like a modeless dialogues. However, modeless dialogues are certainly useful, you can use them to implement a floating tool bar, for example. So I suggest
Drag/drop with drop as position:fixed;
Can anyone tell me why the drag and drop UI won't let you use the "dropper" as a position:fixed element. If you scroll the page, it just uses the "dropper" div where it was before you scrolled, the "dropper" box itself scrolls when you scroll, but the invisible drop area which allows you to drop does not move.
[i18n]font define in themes
should font define(font-family,font-size,etc) in themes move into an single .css file, so that other languages users can easy define them, such as CJK use 12px as min font-size often. And different themes can share one same font define css file in each language.
tabs loading gif - can I show outside the tab itself?
Hi Klaus, I think my subject above is self-explanatory - basically I want to show the loading image in the container itself; not in the tabs. Is this possible?
emboss
/ui/experimental/ui.emboss.js should transfer to /fx/ ?
Sort rows and columns using Tablesorter?
Is is possible to sort data in rows? I need a script that can sort this kind of table: <table> <tr> <td>one</td> <td>two</td> <td>three</td> <td>four</td> <td>five</td> <td>six</td> <td>seven</td> <td>eight</td> <td>nine</td> <td>ten</td> </tr> </table> into: <table> <tr> <td>eight</td> <td>five</td> <td>four</td> <td>nine</td> <td>one</td> <td>seven</td> <td>six</td> <td>ten</td> <td>three</td> <td>two</td> </tr> </table> The script should be able to continue on the next row if the table has several
Rejecting in droppable
Hi, I have a droppable that accepts ".newitem". Al running Ok, but now, i want this droppable to accept this .newitem draggable only if certain condition, for example if the body value is "text". If the text is another would to reject this draggable. The problem is not to catch and see the body text, but reject the draggable... Anybody knows how to do this?
any other theme for Tabs?
The 3 provided themes are not that nice... any other choice out there? Where to download the theme that jquery doc uses? Or themes that look similar to that one? Thank you.
Ui Downloader broken !
Hey ! I just tried downloading ui selecting only the plugins I needed, and it doesn't work ! The packager / downloader seems broken ! I tried on two computers, using firefox and safari ! Thanks !
Need some assistance, small UI kinks
<div>To all,</div> <div> </div> <div>I am working on a new project and so far everything seems to be working"mostly".</div> <div>I do have a few kinks I am attempting to work out but am having trouble doing so,</div> <div>you can see the project:</div> <div> </div> <div><a onclick="return top.js.OpenExtLink(window,event,this)" href="http://kennethbice.awardspace.com/test/index.html" target="_blank">http://kennethbice.awardspace.com/test/index.html</a></div> <div> </div> <div>You will notice in firefox
Emulate Frames - Resize
Hi Guys, I'm trying to emulate Frames using JQuery including the ability to resize. I have 2 Blocks next to each other (like split screen) and Im wanting to adjust the size of the adjacent block each time i resize so that the total width of both blocks is always 100%. I've managed to do this on callback, but when i resize it seems to be a pixel or 2 out. Has anyone done anything similar or come across the same problem? Thanks in advance.
Problems with using Interface Selectables
Hello - I am trying to implement the Selectables feature of the Interface plugin and have been getting a javascript error on Firefox when trying to use the callback - otherwise it works OK (although I have not been able to layout my objects correctly yet). The error is "a.get(0) has no properties", and has already been logged in the bug database as a 'minor' bug. Unfortunately it is not minor to me, as I need to update information about what items are selected. Does anyone have an idea about a work-around
UI sortables as a replacement for Interface ?
Hi, I'm using the sortables from Interface for the admin section of the site Start4all.com. It works fine but I wanted to replace Interface with UI, mainly because Interface will no longer be supported. To test if UI could be used instead of Interface I used the admin section of the site http://funsport.start4all.com/ as an example. The tests can be found here: http://www.addsite.nl/sortables/interface/ http://www.addsite.nl/sortables/ui/ So at this moment it looks that UI is not a replacement for
Sortables cease to be draggable/droppable after initial drag/drop in IE
I am having a problem with the sortables in Internet Explorer(versions 6 and 7) where after a sortable is dragged/dropped it can no longer be moved whatsoever. So at most you can move a sortable once. At first I thought this might be a interface problem but after testing <a href="http://interface.eyecon.ro/demos/sort_floats.html">this sortables demo</a> on IE I see that this should be working. So I must have something wrong but I simply cannot determine what it is and need some help! The ui I have
jQuery Calendar v2.7 drop-downs not working
Hi I started using jquery-calenrar.js v2.7 by Mark Grabanski, but I am having a problem. When the Next and Previous links are clicked the calendar is working correclty, but when a year or month is selected from the Drop-Down menu, the text field that holds the date isn't updated with that month or year. Does anyone have a solution? Thanks, -Roman
Sortable when hovering not aligned under mouse cursor in IE
I am trying to use the sortable functionality and in IE the sortable doesn't hover underneath the cursor, it is about 50px below the cursor. It works in Firefox, Opera, Safari, but not in IE so Im at a loss as to what is going on. Here is what I have: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title></title> <meta content="text/html; charset=utf-8"
Regarding Using ui.tabs.js
Hi all I tried using ui.tabs.js as specified in http://docs.jquery.com/UI/Tabs.The tabs are visible (i downloaded the CSS from http://stilbuero.de/jquery/tabs/) on clicking the required divs are not getting loaded.Now this the code snippet I have added ui.tabs.js and jquery-latest.js.
UI sortable demo is broken
You can drag the items around but they do not change position to each other. Also the buttons do not work $("#example1").sortableEnable is not a function http://dev.jquery.com/view/trunk/ui/current/demos/ui.sortable.html Line 1 $("#example1").sortableDisable is not a function http://dev.jquery.com/view/trunk/ui/current/demos/ui.sortable.html Line 1
JQuery UI sortable help
I am trying to create a sortable list using the latest version of JQuery and the UI pack. I have the sortable list created now I would like to save the data somehow any suggestions?
Draggables not working
Humm, there's something wrong with the libraries posted on the jquery.com site. Fortunately i had an older version of the libraries and it worked, but if you see their tutorials, non of the draggables work.
IE6: sortable on a panel within a div with overflow:auto
Hi there, I have one div of fixed width with an "overflow:auto" style applied. This div acts as a viewport and is meant to scroll horizontally only. In this div, I have several nested div containers and in one these, I need to be able to sort items. I thought I could use UI sortable BUT I hit the following problem: 1) UI sortable sets a "position:relative" css attribute to the sortable container 2) IE6 and 7 have a bug that causes the display of an element with "position:relative" within a container
jQuery UI Team
I am planning on writing a few UI plug-ins and it seems it would be better if I could incorporate them in the jQuery UI core instead of just my own little set, it is possible to join the jQuery UI Team or give plug-in the the UI Core? -- View this message in context: http://www.nabble.com/jQuery-UI-Team-tp14582279s27240p14582279.html Sent from the jQuery UI Discussion mailing list archive at Nabble.com.
Next Page