Adding icons
Can people suggest icons to add to the set? I'm missing icons for something like 'visible' and 'invisible' mostly used is an eye that is open or closed.
how to custom the dialog? I don't need the header of dialog...
Hello. I have a problem with the dialog ui. I use the dialog as a tooltip in some place,use mouseover and mouseout to control the dialog,but I found that the header of the dialog is useless,and I saw all the option no support to remove the header of the dialog, so can anyone tell me the best way to remove this header? thank you. forgive my poor englise.
dblclick not firing with 1.7 on selectable items in FF
I can't get dblclick to fire on selectable items in FF 3 with ui 1.7. It works in IE 7. I tried adding a short delay but that broke single click selection. Anybody have any ideas on how to get dblclick events to fire?
Change href location of the date and next/previous month in DatePicker
Currently I have a DatePicker widget that is show in a lightbox window. Whenever I click on a element (a date) my browser always scrolls to the top of the page. Because the href of each element is "#". (the focus of the cursor is set to the first inputfield on the lightbox) Is there an easy way to change this to something like "javascript:;"? What I don't understand, is that this also happens on next/previous month where the onclick is the following: DP_jQuery.datepicker._adjustDate('#pollwow_startdate',
Issue extracting download with Smoothness theme
Hi, I am currently experiencing an issue when I try to extract the zip file I get when I download jQuery UI with the "Smoothness" theme. When I download everything goes ok, but when comes the time to extract the ZIP file, I get this error in WinRar : ! C:\pathToFile\jquery-ui-1.7.custom.zip: Unexpected end of archive Same kind of error when extracting with WIndows built-in "Compressed folder" : The compressed (zipped) Folder is invalid or corrupted Anyone has a workaround for this ? Or can a fix
find out what called event
is there a way to determine what triggered an event in jquery? I have an action (delete) that I want to display in a dialog box, but if i have a list of items to delete, is there a way to determine what item called the dialog box? basically a list of items i want to delete all have a unique id (1,2,3,4,5 etc). this dialog box is "do you want to delete this item" - it's a generic phrase that does not change. what i do is pass this to an ajaxSubmit action which passes to a PHP file, and deletes the
JQuery ui 1.7: big css size
Hi: When I downloaded the latest UI 1.7 with redmond theme by custom downloader, I got a big jquery-ui-1.7.custom.css ( ~ 1 MB), it seems the base css is repeatly concatenated, Please check it, thanks for such a good work Yao
problem with draggable and sortable lists
Hi there, I am having a nightmare with getting a list of images that are draggable connecting to a list of images that are sortable. the sortables sort between themselves. The draggables seem to drag, but the draggables refuse to connect with the sortables list. Any help would be greatly appreciated. I am using 1.3.2 and 1.7 for the ui. ------ this is my jquery snippet $('#draggable > li').draggable({ helper: 'clone', connectToSortable: "#gallery_list" }); $("#gallery_list").sortable();
[Accordion] - link to one section of an accordion...
Hi, I'm using the jQuery UI Accordion on my homepage, and I have set is so that ALL panels are shut to start with (which is exactly what I want :o) However, now I want to have a link on another page, that goes back to the homepage, but this time with ,say, the 3rd panel open. I'm sure it's possible but I am new to this. Can anyone help out? My Accordion is here: http://www.digital-orchestrations.nxserve.net/ Regards, Duncan.
Theming jQueryUI dialog in 1.7
Hi, I have a quick question here... I'm relatively new to jQueryUI, but love what I'm seeing. I'm wanting to use the jQueryUI dialog, but I'd like to lose the title bar and it's associated styling. I'm able to hack it out via Firebug, but obviously that isn't what I'm really after. The only copy of jQueryUI that I have is the minified 1.7 - I can't seem to download from the site, as the archive is constantly corrupted, or else I would try and dive into this a little more myself. I've seen posts regarding
Resizable Bug with Aspect Ratio and Containment (And Solution!)
Hey guys, I just came across an old bug which impacted a project I'm working on, traced it down, and found a fix. The bug allows an element with both aspectRatio restriction and a containment element to continue to expand past the aspect ratio once one edge of the element hits the border of its container. The Ticket about the patch and more details on the problem is here: http://dev.jqueryui.com/ticket/4349 Also, there's a currently open critical ticket on the tracker here: http://dev.jqueryui.com/ticket/4199
Custom theme not working
Hi, I created a custom theme using JQuery ThemeRoller and downloaded the zip file. However, the PNG images downloaded belong to 'smoothness' theme. When I design the theme, the right colors are shown, but when I download, the right images don't seem to get generated. Please help.
Datepicker formatDate() function documentation
Hi, I can't seem to find documentation for the functions in UI 1.7. Specifically, I am looking at the formatDate() function in datepicker (NOT the same as the dateFormat option) and any other related functions. There IS documentation at http://docs.jquery.com/UI/Datepicker/$.datepicker.formatDate but this page seems to be orphaned, and I can't get to any parent or directory page. Has this function been depreciated in 1.7? If so, what is the suggested way to display a JavaScript Date object in mm/dd/yy
Draggable problem
HI, i am new to this forum i hope i get some quick response from it. what we are trying to do is to make a grid in which we have some boxes and we are dropping picture in it. it works fine but when we drop same image in 3 boxes it. when try to pick the image and try to palce it to it original location it picks all 3 images. any idea why i am putting the code here please have a look on to it. regards wasiq aftab ch <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>Untitled Page</title> <script
Help with Accordion - works in FF / Safari but not IE...
I've got a simple jQuery Accordion on a page on our site. It has worked OK for ages, but recently stopped working on IE browsers. This followed upgrade to version 1.7 UI code. Works perfectly well in Safari and Firefox but dies with an error in IE 6 and IE 7. Does anyone have any ideas about what might be causing this? Any suggestions gratefully received! The accordion can be found here: http://www.2gc.co.uk/resources-faqs The IE error reported is "Line 13 Char 12949 Invalid Argument" Thanks in advance
reg:overlay not covering the dynamically increasing body.
Hi Everyone, I don't whether this is right group to post this question or not? if I am wrong please excuse me. I am using jquery in a project of mine in which body size grows dynamically (due to some user interactions, this part is fine). whenever a user want to add some elements or components he needs to press a add button and to remove it he needs to press remove button and these components are fetched dynamically using ajax. all this is working fine. but while ajax is working, I have created eye
ui.slider - slider move with handles only, click anywhere else to be ignored
I had a requirement in a project that the slider is to be moved using only the two handles that the slider has. Clicking anywhere other than the two handles is to be ignored. The default behavior in ui.slider.js 1.5.2 is clicking on the slider moves one of the handles to where the mouse click happens. I searched the net and looked at the ui.slider documentation but could not locate an easy way to achieve this. Then, Obi Von Kanobi appeared and told me to use the source; the function "click" in ui.slider.js
move all sortable items with a button
Does anyone know how to move all items from one sortable list to another with just a click of a button? I would imaging that it's possible but haven't found any documentation/ examples. Would really appreciate any advice anyone might have. Cheers Simon
jquery animations slow when video is playing?
hi, I have web page that has a jquery animation (accordion slider thing) that works fine. jQuery 1.2.6. On this same page I have a FLV video. when the video is playing the jquery slider works quite poorly. its slow, choppy or jumps into place type of thing under firefox. In IE it actually drops frames in the video when jquery is animiating. the video will pause (audio keeps going) until the animation stops. anyone have any idea how to improve this? Thanks.
Draggable dosen't work , when there is scroll is enabled for div !
Hi all, I have one main div it is a draggable one. It contains two divs, those are related to main div. In these, first div is always in scroll state. When i am trying to drag main div position at scroll, then draggaing dosen't stop even i stop the dragging. It is very annoy problem for my project. For this how can i fix this problem. Please help me to fix this problem. Any suggestions and help would be more appreciated. Structure ----------------- <div id="main">--draggable <div>Always in Scroll
dialog not visible
I'm using the dialog widget to display some content.. here s my example <div id="dialog" title="HelloJ"> xxxxx </div> <script type="text/javascript"> $.ui.dialog.defaults.bgiframe = true; $(function(){ $('#dialog').dialog({height:200}); }); </script> this works well in IE6,IE 7 and not in chrome or safari. when I turned the js debugger on and reloaded the page in Chrome, the dialog becomes visible. Versions: jquery 1.3, jquery 1.6 I tried display:block in css and explicitely in javascript.. Any help
Where to start???
I am new to using a framework and not new to JS. I can't seem to find any info on jquery, When I add UI components in the traditional manner, they don't work. Nor are they styled properly. I have followed all the instructions on the Main J-Q site. Obviously I missed something somewhere. Can anyone point me in the right direction?
Nested draggable list not causing droppable events to fire
I have a nested list of the type below. It represents a folder hierarchy and I am trying to make it so that if the user drags any folder in the tree, all of the children will be dragged along with it. In the example below, if the user drags Folder1 the entire tree comes with it (which is what I want). However, Droppable events only fire when one of the child li's (Folder1.1.1 and Folder1.1.2 in this example) are dragged into the droppable area (a div called dropZone). It seems to me that if an element
Modal tabs
I would like to add modal behaviour to my tab div. Illustration of what I want to accomplish (jpeg): http://72.29.95.33/~lapidus/examples/tabs.jpg Could I wrap tabs inside a dialog without a title bar or could I add the modal behaviour to my tab div? Thanks.
2 jquery wont work?
i got this problem with jquery. i got a accordion menu and tabs. now they wont work together. the accordion will work but not the tabs, only if i remove the accordion script and file the tabs will work.. how to i make both work? here is the code i use for the <head> if anybody know why this is happening im really appriciateting all help i get.. thx <link href="../Content/theme/ui.all.css" rel="stylesheet" type="text/ css" /> <link href="../Content/Css/Admin.css" rel="stylesheet" type="text/ css"
Tree with expanded/collapsed branches and drag'n'drop support
Hi, dear community! I'm using the jQuery UI in my new project, and I really impressed, but I always be lack of some sortable drag'n'drop tree as jQuery UI widget. So, I want to introduce my widget, making usual ul/ li tree with expandable/collapsable and drag'n'droppable branches. Here is the demo: http://astashov.net/tree.html Here is the widget: http://astashov.net/jquery.tree.js You also may watch my git repo: http://github.com/astashov/jquery-ui-tree/tree/master It should work on IE6, IE7, Opera
strange resizable containment behaviour
Hi I'm trying to create a custom image crop tool using jQueryUI. I've got a div containing an image, then another, smaller div absolutely positioned within that to which i'm applying resizable and draggable. I'm setting the containment parameter to the outer div for both the resizable and draggable functions. Unfortunately, when i drag any of the top or left handles outside of the parent div, the inner div stops resizing but the positions returned from the function continue changing, going into negative
Dialog hides behind Flash and Silverlight elements
Hi, my Dialog windows appear behind all Flash and Silverlights objects. I've tried experimenting with z-index and bigiframe, but nothing works. Bug? Any help? Stian
draggable collisions
is there a method for making draggables collisionable? so for example i have 4 windows. all these windows are draggable. these windows can only snap to each other but not cross. so some kind of collision system which detects if a position in the "grid/space" is still available. thnx for the help
Problem with jquery ajax tab and google chrome
Hello, I am using JQuery UI-Tabs. I have one problem occurs when run it in google chrome. My code structure: <script type="text/javascript"> $(function() { $('#proposition_tabs').tabs({ remote: true }); }); </script> <div id="proposition_tabs"> <ul> <li><a href="tab1.html"><span>Tab 1</span></a></ li> <li><a href="tab2.html"><span>Tab 2</span></a></li> </ul> </div> My problem is that when I was click on the second tab, first load second tab and then automatically load and redirect to first tab. This
a link problem in ie6 about accordion
hi, i find a link problem in ie6 about accordion. at ie6, i put same link elements in accordion content, then when i click it's accordion head, those link elements dispeared. when the mouse move above them, they show again. how to solve the dispear problem. thanks.
Dialog with iframe
Hi everybody, I have a link who act as a dialog trigger. When the user click on the link, I create an iframe and set his src attribute then i make a dialog with this iframe. var dialogurl = $(this).attr("href"); var container = $("<iframe></iframe>"); container.attr("title", container.find("title").text()); container.dialog({ bgiframe: true, modal: true, width: width, height: height}); I need to use an iframe because she contains a form who is validated on the server side and if I put this form on
portlet and sortable
Dear, I'm new to jQuery, I have one portlet (for example, or more) on the middle layout , please see my layout here : http://tobethink.com/asset/portlet_sortable.png How i can drag from portlet to sortable and vice versa ? when i drag from sortable (or list) on the left to the center i want to automatically display the content and hide it when i drag it from center to the left. Can You give me a hint how to solve this ? Thanks! Regards, Wildan -- --- OpenThink Labs www.tobethink.com Aligning IT and
Problem with UI tabs init
I have the following markup: <div class='ui-tabs'> <ul class='ui-tabs-nav'> <li class=''><a href="/assets" rel="contents" title="Assets">Assets</a></li> <li class='ui-tabs-selected'><a href="/texts" rel="contents" title="Texts">Texts</a></li> <li class=''><a href="/partials" rel="contents" title="Partials">Partials</a></li> <li class=''><a href="/contents" rel="contents" title="Ui's">Ui's</a></li> </ul> <div id='Texts'> ... content.... </div> </div> when i run $('.ui-tabs').tabs(), the right one
UI Tabs nav tag options
Why does the navigation tag of tabs has to be <ul> Personally i believe this is very ugly htm(an ul list is supposed to be vertical and bulleted), and uses unnecessary extra tags. Before people react: i dont think it is wrong usage. For example i always build navigation like this: <div> <a> <a> <div> From the viewpoint of unobtrusivity, i think the list and list item selector should be options. default: {navigation: "ul:first", navitem: "li"} or in my case. {navigation: "div.navigation", navitem:
jquery animations slow when video is playing?
<div>hi, I have web page that has a jquery animation (accordion slider thing) that works fine. jQuery 1.2.6. On this same page I have a FLV video. when the video is playing the jquery slider works quite poorly. its slow, choppy or jumps into place type of thing under firefox. In IE it actually drops frames in the video when jquery is animiating. the video will pause (audio keeps going) until the animation stops. anyone have any idea how to improve this? </div> <div> Thanks.</div> <div> </div>
Dialog modal: How to close menu when overlay is clicked?
How would one unbind the anti-click measures from the UI Dialog modal's overlay? I'm trying to make the overlay close the dialog on-click, but it appears that the aforementioned feature is preventing this. Help? :)
Why draggable cursor couldn't work properly for handle option !
Hi all, I wonder why draggable cursor do not work for handle option properly. Is there anything to do for work this properly. Any suggestions or help would be more appreciated. $("#row-1 .container >.hroot,#row-1 .container >.vroot").draggable ({cursor:"move",handle:".optionbar",containment:$("#row-1").length ? "#row-1" :"document"}); with Regards sure
Error: $(this).effect is not a function
Hi everyone, I'm new to jQuery and fairly new to JS so bear with me. I have a page where I want to highlight an element when the DOM loads. I kept getting the error in the subject so I tried copying and pasting the highlight example from the docs into my page: <script type="text/javascript"> $("div").click(function () { $(this).effect("highlight", {}, 3000); }); </script> This results in the same error. The weird thing is that I am using other jQuery functions on the same page to hide/show different
Odd UI issues
I am using jquery ui 1.6rc5 on my development server and have an issue when I try to cancel a sortable in IE only I get an error this.helper. 0 is null or not an object. Since there is a newer final version of the ui, I decided to switch to it. In doing so, however, my sortable is no longer able to be dropped on. Here is an overview of my page: I have 1 Draggable list on the right containing a list of teams and 1 to n number of sortables on the left to be a series of review steps a document needs
Next Page