accordion first item should not be expanded on start problrm in IE8
hi all, can any help me in this issue I have made the accordion first not expanded on start with the solution founded in the documentation and with help with the post # but this is work for Firefox and chrome and not works for IE8 can any one help me in this pllllz ?????
Is there any way to jump to a frame in an animation
I would like to use a slider to animate a color transition. Is there any way in the to jump to a specific frame in an animation. That way I could set up the animation and use the slider to control how far into the animation the current element is showing.
IE 7 issue with dropdown menu
I am having an issue with a dropdown menu in IE 7. I am stacking the menu horizontally and it works fine in all browsers but IE 7 ( go figure ), IE 7 is stacking it vertically and hiding most menu items. Any idea how to fix this? Thanks!
jqueryUI position() breaks events!
Hi, I don't know if its me but i'm having some problem with the position() utility from jqueryui. Sometimes, when a element is positionated with jquery ui, the events on it don't work any more! It's totally strange that happens only on certain elements but I can't find a common point. I have some buttons on which I want to change the background on hover: <div class="hidden" id="context"> <div class="move up"><span></span></div> <div class="move down"><span></span></div>
Autocomplete - highlight first item in dropdown
I need to hightlight/select the first item in the autocomplete dropdown choices. Any suggestions? Here is the code I am using: $( "##tests" ).autocomplete({ source: function( request, response ) { $.getJSON( "../cfcs/tests.cfc?method=searchTestsAjax&returnformat=json", { term: extractLast( request.term ) }, response ); }, search: function() {
Datepicker problem with IE
Hello, When ever I have a text field close to the right or bottom IE cuts off the calendar portion that extends beyond the defined screen. IE doesnt seem to be able to take into account the screen size and adjust accordingly. It just goes. This is causing complaints among customers. Does anyone have a work around for this issue. Besides moving fields around and such ...
Access dialogs' buttons
Hi everyone! I started to study JQuery a week ago, so i'm still a beginner. I have a difficulty: how to get access to JQuery buttons, which are located inside JQuery dialog? Here is the code of initializing the last one: function initDialog() { var enterLabel = "Log in"; var closeLabel = "Close"; var buttons = {}; buttons[enterLabel] = function() { $("#check_logpass_text").slideDown(1000); //$("#Log in").fadeOut(1000); //problem string
UI Datepicker: Keep open until close button is clicked
Hi UIers - especially Marc, is there a way to keep the Datepicker open unless the close button gets clicked, e.g. I need it to not close if I click somewhere else on the page... I couldn't find an option for that and now I thought about using the inline variant but haven't tested it at all, was just an idea. Thanks! --Klaus
Datepicker firing on a click event not defined within the datepicker configuration
I have an issue where the calendar is being fired when another field is clicked, although the selector in the datepicker config is different. I have a click handler assigned to the "Place Order Now" radio button that clears the text field of any previously chosen date and disables input of a date but it is also firing the datepicker. I've also tried to think of different ways to clear/disable entry to the text field that would alleviate the need for a click event on the "place Order Now" radio button,
.toggle slide; from right?
I am using toggle slide for div elements on my page. What are the options for this? The documentation just says that they are "optional" but there are no examples. I would like to be able to slide an element in from the right. If this is not done with toggle slide, how else can I do it? Thanks!
Unable to apply styles in ajax
I'm working on an application that's going to utilize a very simple implementation of ajax to update content using Dynamic HTML pages. The problem I am running into is that the css styles I'm trying to use in jqgrid pages isn't being applied with the ajax script updates the main page if the style is stored in an external css file. If I include the style directly into a tag like <p style="color: red;"> then it is working file. But if I try to access an external css tag like <p class="style"> then
Tabs demo example
I'm a jquery ui newbie and was just getting started looking at the tabs widget: http://jqueryui.com/demos/tabs/ I realized that instead of the demo example that was shown, I actually really liked the theme for the descriptive tabs below the demo (Overview, Options, Events, Methods, Theming). My question is can anyone guide me to the theme for those tabs and how they were created/styled? Is it the UI Darkness theme with some extra css? I viewed source and saw the below class but I couldn't find
Datepicker with icon trigger
Hello, When I use the example datepicker with icon trigger all is fine but when the user clicks on the textbox I also want the calendar to pop up too, just like when the icon is clicked. Does anyone know if this is possible and how can I do this ?
Backward Compatibility with 1.4.1 for Visual Studio with JQueryUI 1.8.12
Hi, I'm new to JQuery and pretty new to Javascript in general. I have a question about running the current version 1.8.12 which I downloaded and came with 1.5.1.min.js with the current version 1.4.1 which comes with the intellisense docs for Visual Studio. Am I forced to go to 1.5.1 for JQueryUI and give up intellisense? or Can I reference the 1.4.1 library or does 1.8.12 need the 1.5.1 to operate normally? or Can I somehow target a specific version of the javascript on the page? Again, I'm new
How to navigate from usercontrol to webform using jquery ajax?
hello. we could redirect from webform to another webform by using jquery ajax , but we had problem with navigating from usercontrol to webform with arguments .(we used webservice to do this operation but it doesn't work too) plaease help me.
datepicker - disabling past dates
Hi, I want to be able to disable the ability to select past dates with the datepicker, I believe it has something to do with 'min date' but cant work out how to so it... here is my code so far: <script> $(function() { var dates = $( "#from, #to" ).datepicker({ dateFormat: 'dd MM yy', defaultDate: "+0d", changeMonth: false, numberOfMonths: 1, showOn: 'both', buttonImage: 'contact/calendar/calendar.gif',
How to use DatePicker on Overlay?
Hi, I have an overlay as a modal pop up. There is a gridview on it and one of the field is textbox which should be a datepicker. But the problem is datepicker does not show up on overlay. How can I do this? Best Regards. Thanks in advance. Here is the sample code: var triggers = $(".modalInput1").overlay({ // some mask tweaks suitable for modal dialogs mask: { color: '#a1eaee', loadSpeed: 150, opacity: 0.8 }, closeOnClick: false
IE9, UI 1.8.12 and jquery 1.5.0 and Dialog
I was having a problem with the Dialog window where it wasn't working with the combination of UI 1.8.12 and Jquery version 1.5.0 when used in IE9. The Dialog window not only wouldn't fire, it was breaking other Jquery functions on the same page. As soon as I switched to Jquery 1.5.2 the problem went away. I figured I'd post it here in case anyone else is having a similar problem.
help with sortable list
How after sort action i can get new LI position ? need send new position to php engine and change position in db tree.... <ul class="listtree"> <li>1</li> <li>2 <ul> <li>2.1</li> </ul> </li> <li>3</li> </ul> <script> $(".listtree").sortable({ items: "LI", stop: function(e, ui) {update_sorting(e, ui)} }); function update_sorting(e, ui) { // ???????????????? } </script>
Position order in liste using Sortable
Hello, So i'm new on jQuery, i'll try to explain my problem. I've got lists that contains elements , and some of these elements can be lists etc... So you get something like this : <ul id="sortable" class="connectedSortable ui-sortable"> <li class="ui-state-default"></li> <ul id="sortable" class="connectedSortable ui-sortable"> <li class="ui-state-default"></li> <li class="ui-state-default"></li> </ul> <ul id="sortable" class="connectedSortable
JQuery accordion which does not open itself after being dragged and dropped
Hello everybody, I have the following HTML logical blocks : The first one is a sortable accordions list The second is a list of draggable accordions. Thoses elements can be added to the sortable accordions. So I would like to move my draggable elements in order to add them with the sortable accordions. It works fine, excepts that when my element is dropped among the sortable accordions, it cannot be opened. Here is my JavaScript code : $(function() { $( "> div", "#questionsDispos" ).draggable({
Droppable - Photo Manager - How to delete to trash without a link
Hi, I am in progress of implementation of http://jqueryui.com/demos/droppable/#photo-manager I am using default example, the only difference is that all <li> objects have id attribute and the trash is the place of selected images :-) Is there any way to add images to trash without clicking to remove icon? Let' me explain, if I post something to my php controller and if not all the fields were correctly filled out, all objects inserted to "trash" will be resetted. I have an array of all id
Improve extensibility of ui.menu (and thus ui.autocomplete)
jQuery UI Autocomplete was one of the great additions to 1.8. Browsing the nightlies I noticed that it has been decided to make it use the newly developed Menu plugin. Since I cannot modify the behavior of the menu through $.widget-izing the Autocomplete anymore, I would like to see an option to make Autocomplete use a custom widget (inherited from menu) instead of the menu. 4 lines of code which I would gladly provide. On the other hand, ui.menu is really hard to extend. Mostly this is because there
Dialog and IE 7 - Scrolls to Bottom
Using Win XP and IE 7 with iu 1.8.2 and jquery 1.4.2. Each time I open a dialog, the browser scrolls to the bottom, taking the dialog out of view. This didn't happen with 1.7.2 and 1.4.2 I even have this problem on the 1.8.2 dialog demo page Is there a new property I need to set, or is this a problem in the dialog?
ui-menu : how to force the submenu icon to be positioned at the right.
I'm using the menu from 1.9 (development). I have the problem that the submenu icon is not always displayed to the right, see screenshot in attachment : in the second submenu, the submenu icon doesn't appear to the right of sblock0, but on top of it. I can solve this by setting the width big enough (e.g. width=200px), but I don't want to used a static width. I tried to fix it with css settings, but I don't have much experience with all those settings. Below the html code of the sblock submenu generated
Jquery Droppable Simple Photo Manager, trash to array?
Hi guys, I have found really nice example of the task I need to perform: http://jqueryui.com/demos/droppable/#photo-manager The only difference that I'll use trash as object with selected images which needs to be saved in DB. I have spent so many time to find out the opportunity to create an array which should contain the list of images located in trash. I am not good in JS/ Jquery, but stuff like that is a very good point for the begining. If somebody have any idea related to absolutely default
Help with a Drag&Drop App
Hello, here is my current project : http://wir3d.net/tests/drag-drop-resizable/ The main drag & drop works (dragging items from right column to container). But then, if I drag this instance into its parent, it creates a new instance. I'd like to avoid this endless duplication. Once a item is dropped into the container, it should keep being draggable into the parent, but should't create new instance. How can I do that ?
dialog auto width
I'm used to use auto width on dialog with UI 1.7.2. Today I changed to V1.8.11 then all dialog becomes full width. After search a while, found 1.8 doesn't suport auto width on dialog. How can? For this have to change a lot of coding. Is there any work arround to keep it auto width? Thank you very much?
Draggable div
I have a div in which is made draggable. There is a child inside that div that has the possibility of having both a vertical and/or horizontal scroll bar. When the scroll bars are present, you cannot actually scroll them as when you click on them they activate the drag. Is there a way to tell it to ignore scroll bars?
addClass to some elements of a list
Hello, I need to add a class of some elements of a list (#list). I have the index of these elements in a list (#indexlist), and using this I want to add a class of each appropiate element. I did this: $("#indexlist li").each(function(){ var element = $("#list li").get("#indexlist li"); element.addClass("newclass"); }); Of course it doesn't work. What I did wrong?
Layout Containers?
Hello All, I've recently come in from Silverlight-land, and I'm investigating HTML5 (I'm formerly a script/html developer). One of the issues of html/css that really bugged me was positioning and alignment, and I'm wondering what has been done (if anything) in this area. I really like the look of jQueryUI. It's obvious the designers behind this framework (dare I call it that?) know what they are doing. I've grown accustomed to using layout containers in Silverlight and WPF. I also see that
Problem with datepicker
Hello, I have a problem with the jquery datepicker. I'am using it in an asp .net page. It works alright, but when i try to set the value of the coupled textbox (datepicker.text = "12-12-2012") the textbox stays empty. Any ideas? Best regards, rvlune
datepicker with live
me a beginner in jQuery (or for that matter any kind of programming), so please bare with me :) i have a ajax form in which i'm using datepicker... i did findout that i need to use "live" event binder to enable datepicker is such a situation.. but no matter how i try, i still cant get it to work... somebody please help me... just a reminder - me a noob in programming.. :) thanks in advance.. prashant.
rounded corners ?
Hi, I am new to jQuery (loving it so far!) and I'm not sure if this post is an 'idea' or a 'question'. But here goes. I'm a fan of rounded corners as they make a big (if subtle) difference to presentation quality. Is it possible to use jQuery UI to display rounded corners on various things, such as input boxes, tabs, divs, etc.? Nothing too amazing, just simlpe rounded corners like those on the navigation bars of this web page. For example is there a 'rounded: yes' or 'corners: rounded'
Where is themeswitcher?
The link http://jqueryui.com/themeroller/themeswitchertool/ doesn't work--where can I get the current version?
How to restrict UI draggable to the viewers screen
I have a draggable which is huge in width and height... 99% of the cases it will cross the users viewable area. I want users to drag to see the rest of div... (no scroll bars) but when they reach the end it should not move out of the viewable area and show empty space behind the draggable. It should stop at the edges of the viewable area... How can I achieve this using draggable... I have already implemented draggable but it allows the user to move beyond ends of the draggable DIV... Here is a nice
How to handle theme with transparent backgrounds than also use Ajax dialogues
I've built a simple CMS that handles different themes based on the jQuery CSS class structure, and also uses Ajax dialogs to edit page content. Switching between standard jQuery themes works a treat. But if falls over when a client wants a theme based on transparent background, as the Aiax dialogues based on the ui-widget-content class then also apear transparent; resulting in the user geting very confused. I've fixed the problem by basing the client site theme on non ui-classes, and the Ajax
Jquery autocomplete remote call - disable after a space
Sometimes my autocomplete ajax takes too long and the response happens too late - is there anyway to close the autocomplete processing/drop down (ignore the results from the JSON) once a user enters a space character? Thanks I'm using: $(function() {
var cache = {},
lastXhr;
$( "#birds" ).autocomplete({
minLength: 2,
source: function( request, response ) {
var term = request.term;
if ( term in cache ) {
response( cache[ term ] );
return;
}
lastXhr = $.getJSON(
Problem with Cancel button when jQuery Dialog is combined with jQuery Load function
Hello everyone! My team and I are having an issue with the Cancel button not working in our jQuery Dialog. When the user clicks the button, nothing happens. All of our JSP files are based off a template.jsp that calls the jquery-1.4.4.min.js and jquery-ui-1.8.10.custom.min.js scripts. On our main page, we have a button that we would like to click and call a javascript function (showHistory) that displays a modal dialog. This modal dialog would display the history page from our site. The code that
Getting colors from jQuery UI themes
HI there, I'm trying to get the colors from the current jQuery UI theme from javascript - I've tried the following, but they always seems to return the same color no matter what theme I'm using: $(".ui-state-hover").css("color") $(".ui-state-default").css("color") etc. Any advice appreciated. Best regards, ~Kieran Simkin Hybrid Logic Ltd http://hybrid-sites.com/
Next Page