Styling buttons as Dialog buttons
Hi everyone, I realy like the JQuery UI "Smoothness" style and effects. So I will to set the style of my buttons "<input type="submit|reset" />" and "<button />" as they are un the "Smoothness" theme. Of course I can make many "reverse engineering" to discover styles and effects applied to the buttons but maybe is it another way to achieve that. As somebody already extracted styles and effects from a JQuery UI theme and applied it to all his website ? Thanks
Create a draggable on the mousedown event
While I have hundreds of draggables, the performance is very dramatical. So I want to hear from you if its possible to write code around it. Have you devs a solution to create a draggable on the mousedown event? The problem I face now, is: that I can create on the mousedown a draggable, but it wont following my mouse. If I reclick it, then it follows my mouse. How to deal with this, is there a suggestion, or fix for this?
Extending jQuery UI Widgets - Accordion
How would one go about extending a function/method of a widget without re-writing it? Basically I want to add something to the "_init" function but without duplicating the code just to add an statement to the end of it. I want to add the "resize" method of the accordion as a handler to the document resize event. Currently, it is not sensitive to changes in the container of accordions using the fillSpace option. I would like to know how one should approach such tasks, not just for this scenario, but
Datepicker opens under other elements on the page
Hello everyone, I just upgraded to Jquery UI 1.7 and my datepicker is now appearing under everything else on the page. $("#Date").datepicker(); <div class="Right"> <form method="post" action="Activation.asp" name="Approve"> <input type="hidden" id="Action" name="Action" value="Approve" /> <input type="hidden" id="ID" name="ID" value="" /> <input type="text" id="Date" name="Date" value="<%=Date()%>" size="10" /> <input type="submit" value="Approve" name="Submit"
[accordion] Question about menu.
Hello everybody: I have many accordion menu like he attachment. I need to close the accordion active and open of accordion selecting in the text area Is it possible? sorry for my English
Can my keypress handler stop the keyup handler from being called?
I'm writing a special text editing widget were I'm handling the keypress and keyup events. I'm using the event.preventDefault() to keep characters I don't want out of the text string. It would be nice if I detect a bad character in the keypress to not have to handle the same thing in the keyup --- is there a way to do that? I've tried stopPropagation() of course. thanks, Chuck
Themeswitcher
I'm Not sure whats happening, but if my posts are being deleted due to the fact they are in the wrong place I'd like to know. But this is the issue. I am using the jquery themeswitcher widget, it works all fine and dandy. However it only works on a session basis. This meaning once I close the browser the theme goes back to default. Now I have tried the following code, $(document).ready(function(){ $('#switcher').themeswitcher({ cookie: { expires: 'Thu, 31-Dec-2020 00:00:00 GMT' } });
Always have Modal Dialog on screen
I love the modal dialog by the way, very slick and cool. But, if the page is scrollable then the dialog won't stay on the screen when the user scrolls. How can I make a modal dialog stay on screen even if the user scrolls. I have tried this but it doesn't work .alwaysOnScreen { position: fixed; } And then I make the dialogClass in the options set to alwaysOnScreen. How can I do this? Please help! Thanks so much...
Textbox in sortable not selected.. and no workaround yet!
hi everybody, There is a bug in sortable jqueryui when using a textbox in the li element to sort (very easy to replicate). This has already been asked here: http://groups.google.com/group/jquery-ui/browse_thread/thread/12717e72ed541134/d2dd044ad8116411?lnk=gst&q=textbox+sortable#d2dd044ad8116411 But nobody replied and the problem still persists now.. I have it in my product and have to show this bug to my customers. The cursor can go into the textbox and it can be edited but: 1. it cannot be repositioned
Selecting a Selectable / Restricting Multiples
Perhaps I am missing something, but in an hour of scouring the docs I can't find anything. First, is there no official way to select an item in a selectable set using code? Second, is there no way to restricting multiple selects on a selectable set? Any assistance will be appreciated. Thanks, Spot
jQuery UI library only works on Firefox?
I've tried the lastest jQuery UI demos and they all work fine on Firefox/Camino. I can't however get some of them to work on Chrome, Safari, or the latest Webkit build. The demos that fail are any that deal with changing class such as switchClass or ToggleClass. Is this a known issue? I was expecting to see a *few* cross platform problems with a library like jQuery but it is a bit surprising that several of the demo apps have trouble. I'm using: Mac Powerbook 10.5.6 and latest build of WebKit Scott
Tabs and the content border
Is there a way to make the content border for the tabs so that it only goes around the content? By default the Content Border surrounds the content and the tabs themselves.
JqueryUI 'Selectable', bugs with rich html content (Internet explorer)
Hi ! It's practically impossible to use correctly the selectable widget (http://jqueryui.com/demos/selectable/) with rich html content (HTML, divs, spans in the <li> balise). In firefox, it works like always, but in Internet Explorer, the selection of the item won't be correct. (The click doesn't trigger the selection, only a little drag on a item make it selected) Really boring IE ! PS : I also had a mouseenter and mouseleave event on the <li> balise. It worked in Firefox, but in Internet explore,
Tabs: Open links in the same tab
Hi. I load the tab content with AJAX and I want the links inside the AJAX content to open in the same tab as they're displayed. I have read about the .live-function but I can't get it to work for me. This is what I got so far: $('#tabs').tabs({ load: function(event, ui) { $('a.player', ui.panel).live("click", function() { $(ui.panel).load(this.href); return false; }); } }); Any help? Thanks, Pontus
How to use draggable/droppable and sortable together
Hey, I was wondering how, if possible, you could make a group of draggable/ droppable objects sortable. To see what I mean, take a look at http://www.nevyn.net/~alias1/upload/scriptaculous/ You can currently drag the tabs 'out' into their own window. I want to be able to sort them on the tab bar also. If anyone could help me, it would be greatly appreciated. - Glenn
Fermer une dialog modal depuis une Iframe
Bonjour, J'ai une dialog modal qui ouvre une Iframe et je souhaiterai pouvoir fermer ma popup depuis le click d'un bouton dans mon Iframe.
Dialog does not scroll and in general behave properly in IE7 (we do not support IE6 anymore)
Dropping IE6 I thought whoa - at last or something like that and now here is IE7. I'm not sure what the problem is, so I'll just describe it. We got a dialog box with some uploading stuff happening in it - progressbars, list of files being uploaded etc. Once file is uploaded, corresponding item becomes expandable (it show some file properties, actions that might be applied to it and so on). Now the problem - once we expand two or three entries, content becomes bigger then the dialog and logically
addClass with delay to button element not working
I have the following code that works: $(function(){ $('button').each(function() { $(this).click(function(){ $(this).addClass("hover"); }); }); }); But as soon as I add a delay to 'addClass' the effect stops working. If I do the same thing for a paragraph or anything else, it works. Any idea why? $(function(){ $('button').each(function() { $(this).click(function(){ $(this).addClass("hover", 1000); }); }); });
Which plugin on the planning wiki
Hi Guys, can someone tell me which plugin the dev team use on this side: http://jqueryui.pbworks.com/ for the collapseable panes on the right side? Best regards Christian
datepicker works on localhost but not on remote server!!!
Hi guys! I'm new to jQuery UI (just did some small stuff). I'm experiencing problem with the DatePicker - it is working fine on my localhost server (Apache 2.2) but fails to show on remote server. Basicly, the JS should be working fine as I am using an image button for datepicker that is shown, but own datepicker does not react on click event (neither the input or button)... here is my code: <script type="text/javascript"> $(function() { $("#datepicker").datepicker({showOn: 'both', buttonImage: './img/calendar.gif',
Draggable and Resizeable
Is it possible to attach Draggable and Resizable to an element at the same time? I can't seem to get it to do this, they work fine by on there own. If not do you think it would ever be possible? thanks, Brian
Handle not visible when customizing resizable?
I sent this question earlier, but it never showed up on the list that I could tell. Sorry if its a duplicate. Can someone tell me if I change the handle on a resizable to be just 's', if I should actually see a handle on the south side of the div? Everything works properly when I do this -- the mouse cursor changes to an up/down arrow, I can resize the div only up/down from the bottom edge, etc. The SW handle image goes away, which makes sense. But there is no visual icon or handle added to the
Getting interface.js code working in JQuery.UI
Hi there I am quiet new to Javascript and found a great demo using the interface.js (http://interface.eyecon.ro/demos/sort.html) however I have been reading that this is a dead project and its turned in to the UI addon to JQuery. Could anyone help me convert this example or give me pointers on how to move the Sort demo to the latest UI and JQuery? I have tried moving to the Latest Jquery and does not work Thanks Simon
Spinner in New Line
Hi everyone, i'd like to use the spinner object in my project, but there seems to be some kind of bug or i did something wrong: http://img32.imageshack.us/img32/1848/spinnererror.jpg I explained the error on that image. I got a table (the error occurs outside the table, too) with several inputs that should use a spinner (input class = "spin") and i am using the code $(function() { $('.spin').spinner(); }); So i really don't why the spinner is displayed in the next line. I'd appreciate any help of
Tabs troubles
Hi, I'm facing a strange behaviour of JQuery UI Tabs component; I wish to describe my scenario before the problem so be patient (thank you): my application has only one "main" page styled as two columns layout (here I'm including each JQuery, third party libraries and style sheets); the left column shows a dynatree while the right is initially empty. When a tree node is activated, a $("#right-column")load(...) injects some HTML code in the right column using AJAX. The injected code contains a data
Draggable+Sortable & Scrollable Divs
I have a container with a list of draggable items and container with a list of sortable items. The draggables & the sortable list is connected, allowing the user to drag clones of the draggables to the sorted list. The draggable items appear in a vertical list, however the sortable items appear in a horizontal list, achieved by floating them left. The container of the sortable items has its overflow set to auto, resulting in a horizontal scrollbar if the contents overflow. The two containers appear
Draggable+Sortable & Scrollable Divs
I have a container with a list of draggable items and container with a list of sortable items. The draggables & the sortable list is connected, allowing the user to drag clones of the draggables to the sorted list. The draggable items appear in a vertical list, however the sortable items appear in a horizontal list, achieved by floating them left. The container of the sortable items has its overflow set to auto, resulting in a horizontal scrollbar if the contents overflow. The two containers appear
Hello Friends Please review my portfolio
Hello All Please review my portfolio, as per UI prospective and also design prospective. Portfolio Link : http://tinyurl.com/dj6kgd Your comments are welcome. Regards Dhaval Shah
Script error in IE v7.0.x for progress bar widget
Hello All, I am using a progress bar in my jsp and when I access it in IE , it is giving me script error when it tries to set new progress value to progress bar. This functionality works perfect in Firefox but I could not resolve this script error for IE. I have tried setting values in different ways but still its not going away. Error info : Invalid argument. Line:12 Col : 12949 File : jquery-1.3.2.min.js Code snippet: $("#progressbar").progressbar("option","value",progress); I am getting progress
Question about datepicker and CSS
Im using datepicker with the Redmond CSS UI and have a custom style that Im applying to the input box for the datepicker. Here is the code: https://orders.ezbuyfurniture.com/ssl/datepicker.html As you can see the image Im using is positioned a few pixels above the <input>. Ive racked my brain but cant seem to find the issue. If someone more intelligent than me can figure this out, I would appreciate it! Thx, S
jQuery UI Themeswitcher
I'm having a problem and have exhausted my knowledge of what to do. I am using the jquery ui themeswitcher widget, and no matter what I do, the cookie is terminated after the session. How can I get the cookie to stay?
Datepicker covering textbox in low resolution
Hello all, When viewing my page in 1024x768, the datepicker opens to cover the text input. Is there anyway to force the datepicker to open above the input? Thanks, michael
Jquery Ui Sortable
Hi ! I have a ul/li menu with sortable: http://jqueryui.com/demos/sortable On each li i have a function that opens a submenu, but when im sorting this shoulnt be executed. Is there a way to know if the sortable is executing ? somethin like this: if($('#sortable_menu').is_sorting()) Sorry for my bad english,
Multiple Custom Handles using UI Slider
Hey there, Sorry If i've posted this twice but the first time it never seemed to show up in the group messages so heres a second go! I was wondering if any of you guys could help me out. I'm using the Slider for Jquery UI and am having some difficulty setting a custom style for more than one handle. <script type="text/javascript"> $(function() { $("#slider").slider({ values: [2, 15] }).addClass("handle"); }); </script> the css .handle .ui-slider-handle{width:30px; height:30px; background:url(../
Slider Minimum Questions...
Basically what I want to do is have the handle of the slider widget to have a minimum, but still display all the way down to zero. So for example I don't want the user to be able to select anything below eg. 80 but I want the slider to still display 0 -80. Is there a way to do this. I tried this, but it doesn't work: slide: function(event,ui) { if (ui.value < 80) { $('#slide').slider('option','value',80); } } Thanks for any help.
Is this a bug?
Same mark up&code displayed differently in FF3 and IE7: http://bit.ly/lL4Qq
datepicker
hi, i am using jquery ui to get date picker. below is my code $("#maday").datepicker( { showOn: "button", buttonImage: "images/icons/calendar.png", buttonImageOnly: true, dateFormat:"yy-mm-dd", changeMonth: true, changeYear: true, } ); i can see datepicker with #maday byt when i click on year or month, the dropdown dosent open please let me know what is wrong. regards, saurabh
Sortable parent object
I'm still getting into the whole javascripty jquery stuff. I currently has a function that goes $("#sortable").sortable({ items: 'tr', opacity: 0.6, helper: function() { return '<div id="myHelper">This is my custom helper.</div>'; } }); for sorting a tables rows. Works great. What I want it to do however, is display what they're sorting as a helper in div. To do this, I need some kind of parent object ID or something and in this regard I have no idea what I'm
Slider bleeds through datepicker
In one of my forms I'm using both the slider and datepicker widgets, but when the datepicker is brought up the slider bleeds through, and it's quite annoying. Anyone have a fix?
jQuery newbies need help
Hello all, I have a jQuery Effect question here. Please see my page here: http://www.racecarmedia.net/fisheye/startover.html The problem that I found lies within IE. If you hover quick enough, you'll see that either box shrunk asynchronously. Sometimes it'll shrunk in the same size, but when you refresh the page you'll see different size of the box. I have no idea if this is a bug within IE or not. If yes, is there someone out there willing to help me with the workaround? Thanks in advance guys.
Next Page